/** * Object holding input styles for a node/subtree in the flex layout tree. All properties * except `id` are optional and their allowed values follow those of the CSS flexbox spec * and/or the Yoga docs: https://yogalayout.com/docs */ type FlexLayoutStyleNode = { /** * - A required identifier for this node. This will be used in the results mapping. */ id: string; width: number | string; height: number | string; minWidth: number | string; minHeight: number | string; maxWidth: number | string; maxHeight: number | string; aspectRatio: number | "auto"; flexDirection: string; flex: number | string; flexWrap: string; flexBasis: number | string; flexGrow: number; flexShrink: number; alignContent: string; alignItems: string; alignSelf: string; justifyContent: string; position: "relative" | "absolute"; left: number | string; right: number | string; top: number | string; bottom: number | string; marginTop: number | string; marginRight: number | string; marginBottom: number | string; marginLeft: number | string; paddingTop: number | string; paddingRight: number | string; paddingBottom: number | string; paddingLeft: number | string; borderTop: number | string; borderRight: number | string; borderBottom: number | string; borderLeft: number | string; text: string; font: string; fontSize: number; lineHeight: number | "normal"; letterSpacing: number; whiteSpace: "normal" | "nowrap"; overflowWrap: "normal" | "break-word"; children: array; };