@ledgerhq/react-ui 0.45.0 → 0.46.0-nightly.20260214030108

package/lib/cjs/components/layout/Grid/Grid.stories.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/layout/Grid/Grid.stories.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport { grid, GridProps, color, ColorProps, space, SpaceProps } from \"styled-system\";\nimport Grid from \"./index\";\nimport Text from \"../../asorted/Text\";\n\n// Just a stylable div used as a base grid element for the purpose of this story.\nconst Cell = styled.div<ColorProps & SpaceProps & GridProps>`\n  // Make the div semi-opaque to show grid composition.\n  opacity: 0.7;\n  ${color}\n  ${space}\n  ${grid}\n`;\n\nexport default {\n  title: \"Layout/Grid\",\n  component: Grid,\n  argTypes: {\n    columns: {\n      type: \"number\",\n      description:\n        \"The number of columns set with a `repeat(N, minmax(0, 1fr))` pattern or `none` to disable.\",\n      table: {\n        category: \"Container\",\n        defaultValue: {\n          summary: 12,\n        },\n      },\n    },\n    rows: {\n      type: \"number\",\n      description:\n        \"The number of rows set with a `repeat(N, minmax(0, 1fr))` pattern or `none` to disable.\",\n      table: {\n        category: \"Container\",\n        defaultValue: {\n          summary: \"initial\",\n        },\n      },\n    },\n    gridTemplateColumns: {\n      type: \"string\",\n      description:\n        \"The grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridTemplateRows: {\n      type: \"string\",\n      description:\n        \"The grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridTemplateAreas: {\n      type: \"string\",\n      description:\n        \"The grid-template-areas CSS property specifies named grid areas, establishing the cells in the grid and assigning them names.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridAutoColumns: {\n      type: \"string\",\n      description:\n        \"The grid-auto-columns CSS property specifies the size of an implicitly-created grid column track or pattern of tracks.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridAutoRows: {\n      type: \"string\",\n      description:\n        \"The grid-auto-rows CSS property specifies the size of an implicitly-created grid row track or pattern of tracks.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridAutoFlow: {\n      type: \"string\",\n      description:\n        \"The grid-auto-flow CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.\",\n      options: [\"row\", \"column\", \"dense\", \"row dense\", \"column dense\"],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridGap: {\n      type: \"number\",\n      description:\n        \"The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridRowGap: {\n      type: \"number\",\n      description:\n        \"The row-gap CSS property sets the size of the gap (gutter) between an element's grid rows.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridColumnGap: {\n      type: \"number\",\n      description:\n        \"The column-gap CSS property sets the size of the gap (gutter) between an element's columns.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridColumn: {\n      type: \"string\",\n      description:\n        \"The grid-column CSS shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.\",\n      table: {\n        category: \"Cell\",\n      },\n    },\n    gridRow: {\n      type: \"string\",\n      description:\n        \"The grid-row CSS shorthand property specifies a grid item\u2019s size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.\",\n      table: {\n        category: \"Cell\",\n      },\n    },\n    gridArea: {\n      type: \"string\",\n      description:\n        \"The grid-area CSS shorthand property specifies a grid item\u2019s size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.\",\n      table: {\n        category: \"Cell\",\n      },\n    },\n  },\n};\nconst cells = Array.from(\n  {\n    length: 47,\n  },\n  (_, i) => {\n    // Apply some span to showoff the grid system a bit.\n    const colSpan = i % 7 === 0 ? 4 : i % 5 === 0 ? 3 : i % 3 === 0 ? 2 : 0;\n    const rowSpan = i % 14 === 0 ? 2 : i % 6 === 0 ? 4 : 0;\n    return (\n      <Cell\n        key={i}\n        backgroundColor=\"aliceBlue\"\n        padding={1}\n        opacity={1}\n        gridColumn={colSpan > 0 ? `span ${colSpan}` : \"initial\"}\n        gridRow={colSpan > 0 ? `span ${rowSpan}` : \"initial\"}\n      >\n        {i + 2}\n        <div\n          style={{\n            fontSize: \"10px\",\n          }}\n        >\n          {colSpan > 0 ? `(column span ${colSpan})` : \"\"}\n        </div>\n        <div\n          style={{\n            fontSize: \"10px\",\n          }}\n        >\n          {rowSpan > 0 ? `(row span ${rowSpan})` : \"\"}\n        </div>\n      </Cell>\n    );\n  },\n);\n\n// eslint-disable-next-line\nconst DefaultTemplate = ({ gridColumn, gridRow, gridArea, ...args }: any) => {\n  return (\n    <>\n      <Text\n        style={{\n          marginBottom: \"1em\",\n        }}\n      >\n        A 12 columns grid using default props and containing cells with various span values.\n      </Text>\n      <Grid {...args}>\n        <Cell\n          key=\"-1\"\n          backgroundColor=\"aliceBlue\"\n          padding={1}\n          opacity={1}\n          gridColumn={gridColumn}\n          gridRow={gridRow}\n          gridArea={gridArea}\n        >\n          1\n        </Cell>\n        {cells}\n      </Grid>\n    </>\n  );\n};\n\nexport const Default = DefaultTemplate;\n// @ts-expect-error FIXME\nDefault.args = {\n  gridGap: 1,\n};\n\n// eslint-disable-next-line\nconst FixedTemplate = ({ gridColumn, gridRow, gridArea, ...args }: any) => (\n  <>\n    <Text\n      style={{\n        marginBottom: \"1em\",\n      }}\n    >\n      This example with fixed cells is taken from the{\" \"}\n      <a\n        href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout\"\n        style={{\n          cursor: \"pointer\",\n        }}\n      >\n        MDN\n      </a>{\" \"}\n      documentation.\n    </Text>\n    <Grid {...args}>\n      <>\n        <Cell\n          color=\"white\"\n          padding=\"2\"\n          gridColumn={gridColumn}\n          gridRow={gridRow}\n          gridArea={gridArea}\n          backgroundColor=\"red\"\n        >\n          Control me using {`\"Cell\"`} props.\n        </Cell>\n        <Cell gridColumn=\"2 / 4\" gridRow=\"1 / 3\" backgroundColor=\"blue\" />\n        <Cell gridColumn=\"1\" gridRow=\"2 / 5\" backgroundColor=\"green\" />\n        <Cell gridColumn=\"3\" gridRow=\"3\" backgroundColor=\"purple\" />\n        <Cell gridColumn=\"2\" gridRow=\"4\" backgroundColor=\"teal\" />\n        <Cell gridColumn=\"3\" gridRow=\"4\" backgroundColor=\"brown\" />\n      </>\n    </Grid>\n  </>\n);\n\nexport const Fixed = FixedTemplate;\n// @ts-expect-error FIXME\nFixed.args = {\n  columns: 3,\n  rows: undefined,\n  gridAutoRows: \"100px\",\n  gridGap: 1,\n  gridTemplateColumns: undefined,\n  gridTemplateRows: undefined,\n  gridTemplateAreas: undefined,\n  gridRowGap: undefined,\n  gridColumnGap: undefined,\n  gridColumn: \"1/3\",\n  gridRow: \"1\",\n  gridArea: undefined,\n  gridAutoFlow: undefined,\n  gridAutoColumns: undefined,\n};\n"],
-  "mappings": "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",
-  "names": ["styled", "Grid", "React", "Text"]
-}
+{"version":3,"file":"components/layout/Grid/Grid.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Grid/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Grid/Grid.stories.tsx"],"sourcesContent":["import baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: value => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${props => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h1Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n","import { grid, GridProps } from \"styled-system\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport interface Props extends GridProps, BaseStyledProps {\n  columns?: number | string;\n  rows?: number | string;\n}\n\nfunction getColumns(props: Props) {\n  const { columns } = props;\n  return columns === \"none\" ? columns : `repeat(${columns || 12}, minmax(0, 1fr));`;\n}\n\nfunction getRows(props: Props) {\n  const { rows } = props;\n  return !rows ? \"initial\" : rows === \"none\" ? rows : `repeat(${rows}, minmax(0, 1fr));`;\n}\n\nconst Grid = baseStyled.div<Props>`\n  display: grid;\n  grid-template-columns: ${getColumns};\n  grid-template-rows: ${getRows};\n  ${grid};\n`;\nexport default Grid;\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n  const prop = props.ff;\n\n  if (prop == null) {\n    return null;\n  }\n\n  return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () => css`\n    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeOut: () => css`\n    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeInGrowX: () => css`\n    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n  `,\n  fadeInUp: () => css`\n    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette;\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: palettes.light,\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled from \"styled-components\";\nimport { grid, GridProps, color, ColorProps, space, SpaceProps } from \"styled-system\";\nimport Grid from \"./index\";\nimport Text from \"../../asorted/Text\";\n\n// Just a stylable div used as a base grid element for the purpose of this story.\nconst Cell = styled.div<ColorProps & SpaceProps & GridProps>`\n  // Make the div semi-opaque to show grid composition.\n  opacity: 0.7;\n  ${color}\n  ${space}\n  ${grid}\n`;\n\nexport default {\n  title: \"Layout/Grid\",\n  component: Grid,\n  argTypes: {\n    columns: {\n      type: \"number\",\n      description:\n        \"The number of columns set with a `repeat(N, minmax(0, 1fr))` pattern or `none` to disable.\",\n      table: {\n        category: \"Container\",\n        defaultValue: {\n          summary: 12,\n        },\n      },\n    },\n    rows: {\n      type: \"number\",\n      description:\n        \"The number of rows set with a `repeat(N, minmax(0, 1fr))` pattern or `none` to disable.\",\n      table: {\n        category: \"Container\",\n        defaultValue: {\n          summary: \"initial\",\n        },\n      },\n    },\n    gridTemplateColumns: {\n      type: \"string\",\n      description:\n        \"The grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridTemplateRows: {\n      type: \"string\",\n      description:\n        \"The grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridTemplateAreas: {\n      type: \"string\",\n      description:\n        \"The grid-template-areas CSS property specifies named grid areas, establishing the cells in the grid and assigning them names.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridAutoColumns: {\n      type: \"string\",\n      description:\n        \"The grid-auto-columns CSS property specifies the size of an implicitly-created grid column track or pattern of tracks.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridAutoRows: {\n      type: \"string\",\n      description:\n        \"The grid-auto-rows CSS property specifies the size of an implicitly-created grid row track or pattern of tracks.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridAutoFlow: {\n      type: \"string\",\n      description:\n        \"The grid-auto-flow CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.\",\n      options: [\"row\", \"column\", \"dense\", \"row dense\", \"column dense\"],\n      control: {\n        type: \"select\",\n      },\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridGap: {\n      type: \"number\",\n      description:\n        \"The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridRowGap: {\n      type: \"number\",\n      description:\n        \"The row-gap CSS property sets the size of the gap (gutter) between an element's grid rows.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridColumnGap: {\n      type: \"number\",\n      description:\n        \"The column-gap CSS property sets the size of the gap (gutter) between an element's columns.\",\n      table: {\n        category: \"Container\",\n      },\n    },\n    gridColumn: {\n      type: \"string\",\n      description:\n        \"The grid-column CSS shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.\",\n      table: {\n        category: \"Cell\",\n      },\n    },\n    gridRow: {\n      type: \"string\",\n      description:\n        \"The grid-row CSS shorthand property specifies a grid item’s size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.\",\n      table: {\n        category: \"Cell\",\n      },\n    },\n    gridArea: {\n      type: \"string\",\n      description:\n        \"The grid-area CSS shorthand property specifies a grid item’s size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.\",\n      table: {\n        category: \"Cell\",\n      },\n    },\n  },\n};\nconst cells = Array.from(\n  {\n    length: 47,\n  },\n  (_, i) => {\n    // Apply some span to showoff the grid system a bit.\n    const colSpan = i % 7 === 0 ? 4 : i % 5 === 0 ? 3 : i % 3 === 0 ? 2 : 0;\n    const rowSpan = i % 14 === 0 ? 2 : i % 6 === 0 ? 4 : 0;\n    return (\n      <Cell\n        key={i}\n        backgroundColor=\"aliceBlue\"\n        padding={1}\n        opacity={1}\n        gridColumn={colSpan > 0 ? `span ${colSpan}` : \"initial\"}\n        gridRow={colSpan > 0 ? `span ${rowSpan}` : \"initial\"}\n      >\n        {i + 2}\n        <div\n          style={{\n            fontSize: \"10px\",\n          }}\n        >\n          {colSpan > 0 ? `(column span ${colSpan})` : \"\"}\n        </div>\n        <div\n          style={{\n            fontSize: \"10px\",\n          }}\n        >\n          {rowSpan > 0 ? `(row span ${rowSpan})` : \"\"}\n        </div>\n      </Cell>\n    );\n  },\n);\n\n// eslint-disable-next-line\nconst DefaultTemplate = ({ gridColumn, gridRow, gridArea, ...args }: any) => {\n  return (\n    <>\n      <Text\n        style={{\n          marginBottom: \"1em\",\n        }}\n      >\n        A 12 columns grid using default props and containing cells with various span values.\n      </Text>\n      <Grid {...args}>\n        <Cell\n          key=\"-1\"\n          backgroundColor=\"aliceBlue\"\n          padding={1}\n          opacity={1}\n          gridColumn={gridColumn}\n          gridRow={gridRow}\n          gridArea={gridArea}\n        >\n          1\n        </Cell>\n        {cells}\n      </Grid>\n    </>\n  );\n};\n\nexport const Default = DefaultTemplate;\n// @ts-expect-error FIXME\nDefault.args = {\n  gridGap: 1,\n};\n\n// eslint-disable-next-line\nconst FixedTemplate = ({ gridColumn, gridRow, gridArea, ...args }: any) => (\n  <>\n    <Text\n      style={{\n        marginBottom: \"1em\",\n      }}\n    >\n      This example with fixed cells is taken from the{\" \"}\n      <a\n        href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout\"\n        style={{\n          cursor: \"pointer\",\n        }}\n      >\n        MDN\n      </a>{\" \"}\n      documentation.\n    </Text>\n    <Grid {...args}>\n      <>\n        <Cell\n          color=\"white\"\n          padding=\"2\"\n          gridColumn={gridColumn}\n          gridRow={gridRow}\n          gridArea={gridArea}\n          backgroundColor=\"red\"\n        >\n          Control me using {`\"Cell\"`} props.\n        </Cell>\n        <Cell gridColumn=\"2 / 4\" gridRow=\"1 / 3\" backgroundColor=\"blue\" />\n        <Cell gridColumn=\"1\" gridRow=\"2 / 5\" backgroundColor=\"green\" />\n        <Cell gridColumn=\"3\" gridRow=\"3\" backgroundColor=\"purple\" />\n        <Cell gridColumn=\"2\" gridRow=\"4\" backgroundColor=\"teal\" />\n        <Cell gridColumn=\"3\" gridRow=\"4\" backgroundColor=\"brown\" />\n      </>\n    </Grid>\n  </>\n);\n\nexport const Fixed = FixedTemplate;\n// @ts-expect-error FIXME\nFixed.args = {\n  columns: 3,\n  rows: undefined,\n  gridAutoRows: \"100px\",\n  gridGap: 1,\n  gridTemplateColumns: undefined,\n  gridTemplateRows: undefined,\n  gridTemplateAreas: undefined,\n  gridRowGap: undefined,\n  gridColumnGap: undefined,\n  gridColumn: \"1/3\",\n  gridRow: \"1\",\n  gridArea: undefined,\n  gridAutoFlow: undefined,\n  gridAutoColumns: undefined,\n};\n"],"names":["baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","color","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","grid","getColumns","columns","getRows","rows","Grid","gaps","styled","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","React","Cell","cells","Array","_","i","colSpan","rowSpan","DefaultTemplate","gridColumn","gridRow","gridArea","args","Default","FixedTemplate","Fixed","undefined"],"mappings":"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"}

package/lib/cjs/components/layout/Grid/index.js

@@ -1,51 +1,157 @@
+(() => {
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+var __webpack_modules__ = ({
+7680(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var _styles_system_gaps__rspack_import_2 = __webpack_require__(4182);
+/* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
+/* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
+
+
+
+const baseStyles = (0,styled_system__rspack_import_1.compose)(styled_system__rspack_import_1.flexbox, styled_system__rspack_import_1.space, styled_system__rspack_import_1.position, styled_system__rspack_import_1.color, styled_system__rspack_import_1.layout, styled_system__rspack_import_1.overflow, _styles_system_gaps__rspack_import_2["default"], styled_system__rspack_import_1.border);
+const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
+    apply (target, thisArg, argumentsList) {
+        return styled_components__rspack_import_0_default()(target.apply(thisArg, argumentsList)(baseStyles));
+    },
+    get (target, property) {
+        if (typeof target[property] === "function") {
+            return styled_components__rspack_import_0_default()(target[property].apply((styled_components__rspack_import_0_default()), [
+                baseStyles
+            ]));
+        }
+        return target[property];
+    }
+});
+/* export default */ const __rspack_default_export = (proxyStyled);
+
+
+},
+4182(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
+
+const gaps = (0,styled_system__rspack_import_0.system)({
+    rowGap: {
+        property: "rowGap",
+        scale: "space"
+    },
+    columnGap: {
+        property: "columnGap",
+        scale: "space"
+    }
+});
+/* export default */ const __rspack_default_export = (gaps);
+
+
+},
+2770(module) {
+module.exports = require("styled-components");
+
+},
+9351(module) {
+module.exports = require("styled-system");
+
+},
+
+});
+// The module cache
+var __webpack_module_cache__ = {};
+
+// The require function
+function __webpack_require__(moduleId) {
+
+// Check if module is in cache
+var cachedModule = __webpack_module_cache__[moduleId];
+if (cachedModule !== undefined) {
+return cachedModule.exports;
+}
+// Create a new module (and put it into the cache)
+var module = (__webpack_module_cache__[moduleId] = {
+exports: {}
+});
+// Execute the module function
+__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+
+// Return the exports of the module
+return module.exports;
+
+}
+
+// webpack/runtime/compat_get_default_export
+(() => {
+// getDefaultExport function for compatibility with non-ESM modules
+__webpack_require__.n = (module) => {
+	var getter = module && module.__esModule ?
+		() => (module['default']) :
+		() => (module);
+	__webpack_require__.d(getter, { a: getter });
+	return getter;
+};
+
+})();
+// webpack/runtime/define_property_getters
+(() => {
+__webpack_require__.d = (exports, definition) => {
+	for(var key in definition) {
+        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+        }
+    }
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+})();
+// webpack/runtime/has_own_property
+(() => {
+__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+})();
+// webpack/runtime/make_namespace_object
+(() => {
+// define __esModule on exports
+__webpack_require__.r = (exports) => {
+	if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+	}
+	Object.defineProperty(exports, '__esModule', { value: true });
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Grid_exports = {};
-__export(Grid_exports, {
-  default: () => Grid_default
+})();
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
 });
-module.exports = __toCommonJS(Grid_exports);
-var import_styled_system = require("styled-system");
-var import_styled = __toESM(require("../../styled"));
+/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
+/* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
+
+
 function getColumns(props) {
-  const { columns } = props;
-  return columns === "none" ? columns : `repeat(${columns || 12}, minmax(0, 1fr));`;
+    const { columns } = props;
+    return columns === "none" ? columns : `repeat(${columns || 12}, minmax(0, 1fr));`;
 }
 function getRows(props) {
-  const { rows } = props;
-  return !rows ? "initial" : rows === "none" ? rows : `repeat(${rows}, minmax(0, 1fr));`;
+    const { rows } = props;
+    return !rows ? "initial" : rows === "none" ? rows : `repeat(${rows}, minmax(0, 1fr));`;
 }
-const Grid = import_styled.default.div`
+const Grid = _styled__rspack_import_1["default"].div`
   display: grid;
   grid-template-columns: ${getColumns};
   grid-template-rows: ${getRows};
-  ${import_styled_system.grid};
+  ${styled_system__rspack_import_0.grid};
 `;
-var Grid_default = Grid;
-//# sourceMappingURL=index.js.map
+/* export default */ const __rspack_default_export = (Grid);
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/layout/Grid/index.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/layout/Grid/index.ts"],
-  "sourcesContent": ["import { grid, GridProps } from \"styled-system\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport interface Props extends GridProps, BaseStyledProps {\n  columns?: number | string;\n  rows?: number | string;\n}\n\nfunction getColumns(props: Props) {\n  const { columns } = props;\n  return columns === \"none\" ? columns : `repeat(${columns || 12}, minmax(0, 1fr));`;\n}\n\nfunction getRows(props: Props) {\n  const { rows } = props;\n  return !rows ? \"initial\" : rows === \"none\" ? rows : `repeat(${rows}, minmax(0, 1fr));`;\n}\n\nconst Grid = baseStyled.div<Props>`\n  display: grid;\n  grid-template-columns: ${getColumns};\n  grid-template-rows: ${getRows};\n  ${grid};\n`;\nexport default Grid;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAgC;AAChC,oBAA4C;AAO5C,SAAS,WAAW,OAAc;AAChC,QAAM,EAAE,QAAQ,IAAI;AACpB,SAAO,YAAY,SAAS,UAAU,UAAU,WAAW,EAAE;AAC/D;AAEA,SAAS,QAAQ,OAAc;AAC7B,QAAM,EAAE,KAAK,IAAI;AACjB,SAAO,CAAC,OAAO,YAAY,SAAS,SAAS,OAAO,UAAU,IAAI;AACpE;AAEA,MAAM,OAAO,cAAAA,QAAW;AAAA;AAAA,2BAEG,UAAU;AAAA,wBACb,OAAO;AAAA,IAC3B,yBAAI;AAAA;AAER,IAAO,eAAQ;",
-  "names": ["baseStyled"]
-}
+{"version":3,"file":"components/layout/Grid/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Grid/index.ts"],"sourcesContent":["import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { grid, GridProps } from \"styled-system\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport interface Props extends GridProps, BaseStyledProps {\n  columns?: number | string;\n  rows?: number | string;\n}\n\nfunction getColumns(props: Props) {\n  const { columns } = props;\n  return columns === \"none\" ? columns : `repeat(${columns || 12}, minmax(0, 1fr));`;\n}\n\nfunction getRows(props: Props) {\n  const { rows } = props;\n  return !rows ? \"initial\" : rows === \"none\" ? rows : `repeat(${rows}, minmax(0, 1fr));`;\n}\n\nconst Grid = baseStyled.div<Props>`\n  display: grid;\n  grid-template-columns: ${getColumns};\n  grid-template-rows: ${getRows};\n  ${grid};\n`;\nexport default Grid;\n"],"names":["gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","grid","baseStyled","getColumns","props","columns","getRows","rows","Grid"],"mappings":";;;;;;;;;;;;AAAyC;AAC0C;AAiB5D;AAoBhB,MAAMU,aAA6CR,0CAAOA,CAC/DC,sCAAOA,EACPC,oCAAKA,EACLC,uCAAQA,EACRC,oCAAKA,EACLC,qCAAMA,EACNC,uCAAQA,EACRR,+CAAIA,EACJS,qCAAMA,EACN;AAEF,MAAME,cAAc,IAAIC,MAAMX,8CAAMA,EAAE;IACpC,OAAMY,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOd,4CAAMA,CAACY,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOf,4CAAMA,CAACY,MAAM,CAACG,SAAS,CAAC,KAAK,CAACf,8CAAMA,EAAE;gBAACS;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;AC7DL;AAEvC,MAAMX,OAAOiB,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAejB,IAAIA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPpB;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;ACNgD;AACW;AAO3D,SAASoB,WAAWC,KAAY;IAC9B,MAAM,EAAEC,OAAO,EAAE,GAAGD;IACpB,OAAOC,YAAY,SAASA,UAAU,CAAC,OAAO,EAAEA,WAAW,GAAG,kBAAkB,CAAC;AACnF;AAEA,SAASC,QAAQF,KAAY;IAC3B,MAAM,EAAEG,IAAI,EAAE,GAAGH;IACjB,OAAO,CAACG,OAAO,YAAYA,SAAS,SAASA,OAAO,CAAC,OAAO,EAAEA,KAAK,kBAAkB,CAAC;AACxF;AAEA,MAAMC,OAAON,uCAAqB,CAAC;;yBAEV,EAAEC,WAAW;sBAChB,EAAEG,QAAQ;EAC9B,EAAEL,mCAAIA,CAAC;AACT,CAAC;AACD,sDAAeO,IAAIA,EAAC"}