{
 "name": "Grid",
 "group": "components",
 "mixins": [
  "CommonProps",
  "DisplayProps",
  "GridProps",
  "SizeProps",
  "SpacingProps",
  "StyleProps"
 ],
 "props": {
  "xl": "GridBreakpointProps",
  "l": "GridBreakpointProps",
  "m": "GridBreakpointProps",
  "s": "GridBreakpointProps",
  "xs": "GridBreakpointProps"
 },
 "mixinsRef": [
  "CommonProps",
  "DisplayProps",
  "GridProps",
  "SizeProps",
  "SpacingProps",
  "StyleProps"
 ],
 "tokensRef": "see spec.json mixins",
 "resolvedMixins": {
  "CommonProps": {
   "onBackground": "Colors",
   "onSolid": "Colors",
   "align": "CSSProperties[\"textAlign\"]"
  },
  "DisplayProps": {
   "as": "ElementType",
   "inline": "boolean",
   "hide": "boolean",
   "pointerEvents": "\"none\" | \"all\" | \"auto\"",
   "position": "CSSProperties[\"position\"]",
   "overflow": "CSSProperties[\"overflow\"]",
   "overflowX": "CSSProperties[\"overflowX\"]",
   "overflowY": "CSSProperties[\"overflowY\"]",
   "scrollbar": "\"default\" | \"minimal\"",
   "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
   "opacity": "Opacity",
   "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
   "dark": "boolean",
   "light": "boolean"
  },
  "GridProps": {
   "columns": "GridSize",
   "rows": "GridSize"
  },
  "SizeProps": {
   "width": "number | SpacingToken | CSSUnit",
   "height": "number | SpacingToken | CSSUnit",
   "maxWidth": "number | SpacingToken | CSSUnit",
   "minWidth": "number | SpacingToken | CSSUnit",
   "minHeight": "number | SpacingToken | CSSUnit",
   "maxHeight": "number | SpacingToken | CSSUnit",
   "fit": "boolean",
   "fitWidth": "boolean",
   "fitHeight": "boolean",
   "fill": "boolean",
   "fillWidth": "boolean",
   "fillHeight": "boolean",
   "aspectRatio": "CSSProperties[\"aspectRatio\"]"
  },
  "SpacingProps": {
   "padding": "SpacingToken | number",
   "paddingLeft": "SpacingToken | number",
   "paddingRight": "SpacingToken | number",
   "paddingTop": "SpacingToken | number",
   "paddingBottom": "SpacingToken | number",
   "paddingX": "SpacingToken | number",
   "paddingY": "SpacingToken | number",
   "margin": "SpacingToken | number",
   "marginLeft": "SpacingToken | number",
   "marginRight": "SpacingToken | number",
   "marginTop": "SpacingToken | number",
   "marginBottom": "SpacingToken | number",
   "marginX": "SpacingToken | number",
   "marginY": "SpacingToken | number",
   "gap": "SpacingToken | number | \"-1\"",
   "top": "SpacingToken | number | CSSUnit",
   "right": "SpacingToken | number | CSSUnit",
   "bottom": "SpacingToken | number | CSSUnit",
   "left": "SpacingToken | number | CSSUnit",
   "translateX": "SpacingToken | number | CSSUnit",
   "translateY": "SpacingToken | number | CSSUnit"
  },
  "StyleProps": {
   "textVariant": "TextVariant",
   "textSize": "TextSize",
   "textType": "TextType",
   "textWeight": "TextWeight",
   "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
   "solid": "Colors",
   "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
   "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
   "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
   "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
   "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
   "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
   "border": "Colors | \"surface\" | \"transparent\" | boolean",
   "borderStyle": "\"solid\" | \"dashed\"",
   "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
   "topRadius": "RadiusSize",
   "rightRadius": "RadiusSize",
   "bottomRadius": "RadiusSize",
   "leftRadius": "RadiusSize",
   "topLeftRadius": "RadiusSize",
   "topRightRadius": "RadiusSize",
   "bottomLeftRadius": "RadiusSize",
   "bottomRightRadius": "RadiusSize",
   "shadow": "ShadowSize",
   "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
   "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
  }
 }
}