@cambly/syntax-core 10.34.0 → 10.36.0

package/dist/__chunks/J6DAGNNN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Box/Box.tsx","css-module:./Box.module.css#css-module","css-module:./margin.module.css#css-module","css-module:./padding.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { type AriaRole, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Box.module.css\";\nimport marginStyles from \"./margin.module.css\";\nimport paddingStyles from \"./padding.module.css\";\nimport type allColors from \"../colors/allColors\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport { forwardRef } from \"react\";\n\ntype AlignItems = \"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\";\ntype As =\n  | \"article\"\n  | \"aside\"\n  | \"caption\"\n  | \"div\"\n  | \"figcaption\"\n  | \"figure\"\n  | \"footer\"\n  | \"header\"\n  | \"main\"\n  | \"nav\"\n  | \"section\"\n  | \"summary\";\ntype Dimension = number | string;\ntype Direction = \"row\" | \"column\";\ntype Display =\n  | \"none\"\n  | \"flex\"\n  | \"block\"\n  | \"inlineBlock\"\n  | \"inlineFlex\"\n  | \"visuallyHidden\";\ntype Gap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype JustifyContent =\n  | \"start\"\n  | \"end\"\n  | \"center\"\n  | \"between\"\n  | \"around\"\n  | \"evenly\";\ntype Margin =\n  | -12\n  | -11\n  | -10\n  | -9\n  | -8\n  | -7\n  | -6\n  | -5\n  | -4\n  | -3\n  | -2\n  | -1\n  | 0\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | \"auto\";\ntype Padding = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype Overflow =\n  | \"visible\"\n  | \"hidden\"\n  | \"scroll\"\n  | \"auto\"\n  | \"inherit\"\n  | \"initial\";\n\ntype BoxProps = {\n  /**\n   * The alignment of the box on the cross axis.\n   *\n   * Responsive props:\n   * * `smAlignItems`\n   * * `lgAlignItems`\n   */\n  alignItems?: AlignItems;\n  /**\n   * Allows the default alignment (or the one specified by align-items) to be overridden for individual flex items.\n   */\n  alignSelf?: \"auto\" | \"start\" | \"end\" | \"center\" | \"baseline\" | \"stretch\";\n  /**\n   * The underlying DOM element usually set for accessibility or SEO reasons.\n   *\n   * @defaultValue `div`\n   */\n  as?: As;\n  /**\n   * The background color of the box.\n   */\n  backgroundColor?: (typeof allColors)[number];\n  /**\n   * The children to be rendered inside the box.\n   */\n  children?: ReactNode;\n  /**\n   * An \"escape hatch\" used to apply styles not otherwise available on Box.\n   *\n   * Please use this sparingly and only when you have a good reason to.\n   */\n  dangerouslySetInlineStyle?: {\n    __style: Record<string, string | number | null>;\n  };\n  /**\n   * The flex direction of the box.\n   *\n   * Responsive props:\n   * * `smDirection`\n   * * `lgDirection`\n   *\n   * @defaultValue `row`\n   */\n  direction?: Direction;\n  /**\n   * The display property specifies the display behavior (the type of rendering box) of an element.\n   *\n   * Responsive props:\n   * * `smDisplay`\n   * * `lgDisplay`\n   *\n   * @defaultValue `block`\n   */\n  display?: Display;\n  /**\n   * Sets the flex behavior of a flex item.\n   *\n   * * `none`: The item will not grow or shrink\n   * * `shrink`: The item will shrink if necessary (default browser behavior)\n   * * `grow`: The item will grow if necessary\n   *\n   * @defaultValue `shrink`\n   */\n  flex?: \"none\" | \"shrink\" | \"grow\";\n  /**\n   * By default, flex items will all try to fit onto one line. But if you specify `flexWrap=\"wrap\"`, the flex items will wrap onto multiple lines.\n   *\n   * @defaultValue `nowrap`\n   */\n  flexWrap?: \"wrap\" | \"nowrap\";\n  /**\n   * The gap between the children of the box.\n   */\n  gap?: Gap;\n  /**\n   * The id of the element.\n   */\n  id?: string;\n  /**\n   * The alignment of the box on the cross axis on lg (960px) or larger viewports.\n   */\n  lgAlignItems?: AlignItems;\n  /**\n   * The flex direction on lg (960px) or larger viewports.\n   */\n  lgDirection?: Direction;\n  /**\n   * The display style on lg (960px) or larger viewports.\n   */\n  lgDisplay?: Display;\n  /**\n   * The alignment of the box on the cross axis on lg (960px) or larger viewports.\n   */\n  lgJustifyContent?: JustifyContent;\n  /**\n   * Margin on lg (960px) or larger viewports.\n   */\n  lgMargin?: Margin;\n  /**\n   * Bottom margin on lg (960px) or larger viewports.\n   */\n  lgMarginBottom?: Margin;\n  /**\n   * Margin to the right in left-to-right languages, and to the left in right-to-left languages on lg (960px) or larger viewports.\n   */\n  lgMarginEnd?: Margin;\n  /**\n   * Margin to the left in left-to-right languages, and to the right in right-to-left languages on lg (960px) or larger viewports.\n   */\n  lgMarginStart?: Margin;\n  /**\n   * Top margin on lg (960px) or larger viewports.\n   */\n  lgMarginTop?: Margin;\n  /**\n   * The padding of the box on lg (960px) or larger viewports.\n   */\n  lgPadding?: Padding;\n  /**\n   * The padding of the box on the x-axis on lg (960px) or larger viewports.\n   */\n  lgPaddingX?: Padding;\n  /**\n   * The padding of the box on the y-axis on lg (960px) or larger viewports.\n   */\n  lgPaddingY?: Padding;\n  /**\n   * The margin of the box.\n   *\n   * Responsive props:\n   * * `smMargin`\n   * * `lgMargin`\n   *\n   * @defaultValue 0\n   */\n  margin?: Margin;\n  /**\n   * Bottom margin of the box.\n   *\n   * Responsive props:\n   * * `smMarginBottom`\n   * * `lgMarginBottom`\n   *\n   */\n  marginBottom?: Margin;\n  /**\n   * Margin to the right in left-to-right languages, and to the left in right-to-left languages.\n   *\n   * Responsive props:\n   * * `smMarginEnd`\n   * * `lgMarginEnd`\n   *\n   */\n  marginEnd?: Margin;\n  /**\n   * Margin to the left in left-to-right languages, and to the right in right-to-left languages.\n   *\n   * Responsive props:\n   * * `smMarginStart`\n   * * `lgMarginStart`\n   *\n   */\n  marginStart?: Margin;\n  /**\n   * Top margin of the box.\n   *\n   * Responsive props:\n   * * `smMarginTop`\n   * * `lgMarginTop`\n   *\n   */\n  marginTop?: Margin;\n  /**\n   * The maximum height of the box.\n   */\n  maxHeight?: Dimension;\n  /**\n   * The maximum width of the box.\n   */\n  maxWidth?: Dimension;\n  /**\n   * The minimum height of the box.\n   */\n  minHeight?: Dimension;\n  /**\n   * The minimum width of the box.\n   */\n  minWidth?: Dimension;\n  /**\n   * The height of the box.\n   */\n  height?: Dimension;\n  /**\n   * The alignment of the box on the main axis.\n   *\n   * Responsive props:\n   * * `smJustifyContent`\n   * * `lgJustifyContent`\n   *\n   * @defaultValue \"start\"\n   */\n  justifyContent?: JustifyContent;\n  /**\n   * How box behaves when content does not fit in the box on both axes.\n   *\n   * * `visible`\n   * * `hidden`\n   * * `scroll`\n   * * `auto`\n   * * `inherit`\n   * * `initial`\n   *\n   * @defaultValue \"visible\"\n   */\n  overflow?: Overflow;\n  /**\n   * How box behaves when content does not fit in the box on the X axis.\n   *\n   * * `visible`\n   * * `hidden`\n   * * `scroll`\n   * * `auto`\n   * * `inherit`\n   * * `initial`\n   *\n   * @defaultValue \"visible\"\n   */\n  overflowX?: Overflow;\n  /**\n   * How box behaves when content does not fit in the box on the Y axis.\n   *\n   * * `visible`\n   * * `hidden`\n   * * `scroll`\n   * * `auto`\n   * * `inherit`\n   * * `initial`\n   *\n   * @defaultValue \"visible\"\n   */\n  overflowY?: Overflow;\n  /**\n   * The padding of the box.\n   *\n   * Responsive props:\n   * * `smPadding`\n   * * `lgPadding`\n   *\n   * @defaultValue 0\n   */\n  padding?: Padding;\n  /**\n   * The padding of the box on the x-axis.\n   *\n   * Responsive props:\n   * * `smPaddingX`\n   * * `lgPaddingX`\n   *\n   */\n  paddingX?: Padding;\n  /**\n   * The padding of the box on the y-axis.\n   *\n   * Responsive props:\n   * * `smPaddingY`\n   * * `lgPaddingY`\n   */\n  paddingY?: Padding;\n  /**\n   * The position of the box.\n   *\n   * @defaultValue \"static\"\n   */\n  position?: \"absolute\" | \"fixed\" | \"relative\" | \"static\" | \"sticky\";\n  /**\n   * The role attribute of the box.\n   *\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) for the list of valid roles.\n   */\n  role?: AriaRole;\n  /**\n   * Border radius of the box.\n   *\n   * * `none`: 0px\n   * * `sm`: 4px\n   * * `md`: 8px\n   * * `full`: 999px\n   *\n   * @defaultValue \"none\"\n   */\n  rounding?: \"md\" | \"sm\" | \"full\" | \"none\";\n  /**\n   * The alignment of the box on the cross axis on sm (480px) or larger viewports.\n   */\n  smAlignItems?: AlignItems;\n  /**\n   * The flex direction on sm (480px) or larger viewports.\n   */\n  smDirection?: Direction;\n  /**\n   * The display style on sm (480px) or larger viewports.\n   */\n  smDisplay?: Display;\n  /**\n   * The alignment of the box on the main axis on sm (480px) or larger viewports.\n   */\n  smJustifyContent?: JustifyContent;\n  /**\n   * Margin on sm (480px) or larger viewports.\n   */\n  smMargin?: Margin;\n  /**\n   * Bottom margin on sm (480px) or larger viewports.\n   */\n  smMarginBottom?: Margin;\n  /**\n   * Margin to the right in left-to-right languages, and to the left in right-to-left languages on sm (480px) or larger viewports.\n   */\n  smMarginEnd?: Margin;\n  /**\n   * Margin to the left in left-to-right languages, and to the right in right-to-left languages on sm (480px) or larger viewports.\n   */\n  smMarginStart?: Margin;\n  /**\n   * Top margin on sm (480px) or larger viewports.\n   */\n  smMarginTop?: Margin;\n  /**\n   * The padding of the box on sm (480px) or larger viewports.\n   */\n  smPadding?: Padding;\n  /**\n   * The padding of the box on the x-axis on sm (480px) or larger viewports.\n   */\n  smPaddingX?: Padding;\n  /**\n   * The padding of the box on the y-axis on sm (480px) or larger viewports.\n   */\n  smPaddingY?: Padding;\n  /**\n   * The width of the box.\n   */\n  width?: Dimension;\n};\n\n/**\n * [Box](https://cambly-syntax.vercel.app/?path=/docs/components-box--docs) is primitive design component and is used by lots of other components. It keeps details like spacing, borders and colors consistent across all of Syntax.\n *\n * Passthrough props:\n *  * `aria-*`\n *  * `data-testid`\n */\nconst Box = forwardRef<HTMLDivElement, BoxProps>(function Box(\n  props: BoxProps,\n  ref,\n): ReactElement {\n  const { as: BoxElement = \"div\", children, ...boxProps } = props;\n\n  const {\n    // Classname\n    alignItems,\n    smAlignItems,\n    lgAlignItems,\n    alignSelf,\n    backgroundColor,\n    direction,\n    smDirection,\n    lgDirection,\n    display,\n    smDisplay,\n    lgDisplay,\n    flex,\n    flexWrap,\n    gap,\n    justifyContent,\n    smJustifyContent,\n    lgJustifyContent,\n    // Margin\n    margin,\n    marginBottom,\n    marginEnd,\n    marginStart,\n    marginTop,\n    smMargin,\n    smMarginBottom,\n    smMarginEnd,\n    smMarginStart,\n    smMarginTop,\n    lgMargin,\n    lgMarginBottom,\n    lgMarginEnd,\n    lgMarginStart,\n    lgMarginTop,\n    // Overflow\n    overflow,\n    overflowX,\n    overflowY,\n    // Padding\n    padding,\n    paddingX,\n    paddingY,\n    smPadding,\n    smPaddingX,\n    smPaddingY,\n    lgPadding,\n    lgPaddingX,\n    lgPaddingY,\n    position,\n    rounding,\n    // Style\n    dangerouslySetInlineStyle,\n    height,\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    width,\n    ...maybePassThroughProps\n  } = boxProps;\n\n  const parsedProps = {\n    className: classNames(\n      styles.box,\n      alignItems && styles[`alignItems${alignItems}`],\n      smAlignItems && styles[`alignItems${smAlignItems}Small`],\n      lgAlignItems && styles[`alignItems${lgAlignItems}Large`],\n      alignSelf && styles[`alignSelf${alignSelf}`],\n      backgroundColor && colorStyles[`${backgroundColor}BackgroundColor`],\n      direction && styles[direction],\n      smDirection && styles[`${smDirection}Small`],\n      lgDirection && styles[`${lgDirection}Large`],\n      display && styles[display],\n      smDisplay && styles[`${smDisplay}Small`],\n      lgDisplay && styles[`${lgDisplay}Large`],\n      flex && (flex === \"none\" || flex === \"grow\") && styles[`flex${flex}`],\n      flexWrap && styles.flexWrap,\n      gap != null && styles[`gap${gap}`],\n      margin != null && !marginBottom && marginStyles[`marginBottom${margin}`],\n      margin != null && !marginEnd && marginStyles[`marginEnd${margin}`],\n      margin != null && !marginStart && marginStyles[`marginStart${margin}`],\n      margin != null && !marginTop && marginStyles[`marginTop${margin}`],\n      marginBottom != null && marginStyles[`marginBottom${marginBottom}`],\n      marginEnd != null && marginStyles[`marginEnd${marginEnd}`],\n      marginStart != null && marginStyles[`marginStart${marginStart}`],\n      marginTop != null && marginStyles[`marginTop${marginTop}`],\n      smMargin != null &&\n        !smMarginBottom &&\n        marginStyles[`marginBottom${smMargin}Small`],\n      smMargin != null &&\n        !smMarginEnd &&\n        marginStyles[`marginEnd${smMargin}Small`],\n      smMargin != null &&\n        !smMarginStart &&\n        marginStyles[`marginStart${smMargin}Small`],\n      smMargin != null &&\n        !smMarginTop &&\n        marginStyles[`marginTop${smMargin}Small`],\n      smMarginBottom != null &&\n        marginStyles[`marginBottom${smMarginBottom}Small`],\n      smMarginEnd != null && marginStyles[`marginEnd${smMarginEnd}Small`],\n      smMarginStart != null && marginStyles[`marginStart${smMarginStart}Small`],\n      smMarginTop != null && marginStyles[`marginTop${smMarginTop}Small`],\n      lgMargin != null &&\n        !lgMarginBottom &&\n        marginStyles[`marginBottom${lgMargin}Large`],\n      lgMargin != null &&\n        !lgMarginEnd &&\n        marginStyles[`marginEnd${lgMargin}Large`],\n      lgMargin != null &&\n        !lgMarginStart &&\n        marginStyles[`marginStart${lgMargin}Large`],\n      lgMargin != null &&\n        !lgMarginTop &&\n        marginStyles[`marginTop${lgMargin}Large`],\n      lgMarginBottom != null &&\n        marginStyles[`marginBottom${lgMarginBottom}Large`],\n      lgMarginEnd != null && marginStyles[`marginEnd${lgMarginEnd}Large`],\n      lgMarginStart != null && marginStyles[`marginStart${lgMarginStart}Large`],\n      lgMarginTop != null && marginStyles[`marginTop${lgMarginTop}Large`],\n      padding != null && !paddingX && paddingStyles[`paddingX${padding}`],\n      padding != null && !paddingY && paddingStyles[`paddingY${padding}`],\n      paddingX != null && paddingStyles[`paddingX${paddingX}`],\n      paddingY != null && paddingStyles[`paddingY${paddingY}`],\n      smPadding != null &&\n        !smPaddingX &&\n        paddingStyles[`paddingX${smPadding}Small`],\n      smPadding != null &&\n        !smPaddingY &&\n        paddingStyles[`paddingY${smPadding}Small`],\n      smPaddingX != null && paddingStyles[`paddingX${smPaddingX}Small`],\n      smPaddingY != null && paddingStyles[`paddingY${smPaddingY}Small`],\n      lgPadding != null &&\n        !lgPaddingX &&\n        paddingStyles[`paddingX${lgPadding}Large`],\n      lgPadding != null &&\n        !lgPaddingX &&\n        paddingStyles[`paddingY${lgPadding}Large`],\n      lgPaddingX != null && paddingStyles[`paddingX${lgPaddingX}Large`],\n      lgPaddingY != null && paddingStyles[`paddingY${lgPaddingY}Large`],\n      justifyContent && styles[`justifyContent${justifyContent}`],\n      smJustifyContent && styles[`justifyContent${smJustifyContent}Small`],\n      lgJustifyContent && styles[`justifyContent${lgJustifyContent}Large`],\n      position && position !== \"static\" && styles[position],\n      rounding && rounding !== \"none\" && roundingStyles[`rounding${rounding}`],\n      overflow && styles[`overflow${overflow}`],\n      overflowX && styles[`overflowX${overflowX}`],\n      overflowY && styles[`overflowY${overflowY}`],\n    ),\n    style: {\n      height,\n      maxHeight,\n      maxWidth,\n      minHeight,\n      minWidth,\n      width,\n      ...(dangerouslySetInlineStyle?.__style ?? {}),\n    },\n  };\n\n  const passthroughProps = Object.entries(maybePassThroughProps).reduce<\n    Record<string, number | string | undefined>\n  >((acc, [key]) => {\n    if (\n      key === \"id\" ||\n      key === \"role\" ||\n      key.startsWith(\"aria-\") ||\n      key.startsWith(\"data-testid\")\n    ) {\n      // @ts-expect-error unsafe assignment\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      acc[key] = maybePassThroughProps[key];\n    }\n    return acc;\n  }, {});\n\n  return (\n    <BoxElement {...parsedProps} {...passthroughProps} ref={ref}>\n      {children}\n    </BoxElement>\n  );\n});\n\nexport default Box;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css\"; export default {\"box\":\"_box_xcjsm_1\",\"flexnone\":\"_flexnone_xcjsm_5\",\"flexgrow\":\"_flexgrow_xcjsm_9\",\"flexWrap\":\"_flexWrap_xcjsm_13\",\"alignItemscenter\":\"_alignItemscenter_xcjsm_18\",\"alignItemsstart\":\"_alignItemsstart_xcjsm_22\",\"alignItemsend\":\"_alignItemsend_xcjsm_26\",\"alignItemsstretch\":\"_alignItemsstretch_xcjsm_30\",\"alignItemsbaseline\":\"_alignItemsbaseline_xcjsm_34\",\"alignItemscenterSmall\":\"_alignItemscenterSmall_xcjsm_40\",\"alignItemsstartSmall\":\"_alignItemsstartSmall_xcjsm_44\",\"alignItemsendSmall\":\"_alignItemsendSmall_xcjsm_48\",\"alignItemsstretchSmall\":\"_alignItemsstretchSmall_xcjsm_52\",\"alignItemsbaselineSmall\":\"_alignItemsbaselineSmall_xcjsm_56\",\"alignItemscenterLarge\":\"_alignItemscenterLarge_xcjsm_63\",\"alignItemsstartLarge\":\"_alignItemsstartLarge_xcjsm_67\",\"alignItemsendLarge\":\"_alignItemsendLarge_xcjsm_71\",\"alignItemsstretchLarge\":\"_alignItemsstretchLarge_xcjsm_75\",\"alignItemsbaselineLarge\":\"_alignItemsbaselineLarge_xcjsm_79\",\"alignSelfcenter\":\"_alignSelfcenter_xcjsm_85\",\"alignSelfstart\":\"_alignSelfstart_xcjsm_89\",\"alignSelfend\":\"_alignSelfend_xcjsm_93\",\"alignSelfstretch\":\"_alignSelfstretch_xcjsm_97\",\"alignSelfbaseline\":\"_alignSelfbaseline_xcjsm_101\",\"alignSelfauto\":\"_alignSelfauto_xcjsm_105\",\"block\":\"_block_xcjsm_110\",\"flex\":\"_flex_xcjsm_5\",\"inlineBlock\":\"_inlineBlock_xcjsm_118\",\"inlineFlex\":\"_inlineFlex_xcjsm_122\",\"none\":\"_none_xcjsm_126\",\"visuallyHidden\":\"_visuallyHidden_xcjsm_130\",\"blockSmall\":\"_blockSmall_xcjsm_144\",\"flexSmall\":\"_flexSmall_xcjsm_148\",\"inlineBlockSmall\":\"_inlineBlockSmall_xcjsm_152\",\"inlineFlexSmall\":\"_inlineFlexSmall_xcjsm_156\",\"noneSmall\":\"_noneSmall_xcjsm_160\",\"visuallyHiddenSmall\":\"_visuallyHiddenSmall_xcjsm_164\",\"blockLarge\":\"_blockLarge_xcjsm_179\",\"flexLarge\":\"_flexLarge_xcjsm_183\",\"inlineBlockLarge\":\"_inlineBlockLarge_xcjsm_187\",\"inlineFlexLarge\":\"_inlineFlexLarge_xcjsm_191\",\"noneLarge\":\"_noneLarge_xcjsm_195\",\"visuallyHiddenLarge\":\"_visuallyHiddenLarge_xcjsm_199\",\"column\":\"_column_xcjsm_213\",\"row\":\"_row_xcjsm_217\",\"columnSmall\":\"_columnSmall_xcjsm_223\",\"rowSmall\":\"_rowSmall_xcjsm_227\",\"columnLarge\":\"_columnLarge_xcjsm_234\",\"rowLarge\":\"_rowLarge_xcjsm_238\",\"gap0\":\"_gap0_xcjsm_244\",\"gap1\":\"_gap1_xcjsm_248\",\"gap2\":\"_gap2_xcjsm_252\",\"gap3\":\"_gap3_xcjsm_256\",\"gap4\":\"_gap4_xcjsm_260\",\"gap5\":\"_gap5_xcjsm_264\",\"gap6\":\"_gap6_xcjsm_268\",\"gap7\":\"_gap7_xcjsm_272\",\"gap8\":\"_gap8_xcjsm_276\",\"gap9\":\"_gap9_xcjsm_280\",\"gap10\":\"_gap10_xcjsm_284\",\"gap11\":\"_gap11_xcjsm_288\",\"gap12\":\"_gap12_xcjsm_292\",\"justifyContentcenter\":\"_justifyContentcenter_xcjsm_297\",\"justifyContentstart\":\"_justifyContentstart_xcjsm_301\",\"justifyContentend\":\"_justifyContentend_xcjsm_305\",\"justifyContentbetween\":\"_justifyContentbetween_xcjsm_309\",\"justifyContentaround\":\"_justifyContentaround_xcjsm_313\",\"justifyContentevenly\":\"_justifyContentevenly_xcjsm_317\",\"justifyContentcenterSmall\":\"_justifyContentcenterSmall_xcjsm_323\",\"justifyContentstartSmall\":\"_justifyContentstartSmall_xcjsm_327\",\"justifyContentendSmall\":\"_justifyContentendSmall_xcjsm_331\",\"justifyContentbetweenSmall\":\"_justifyContentbetweenSmall_xcjsm_335\",\"justifyContentaroundSmall\":\"_justifyContentaroundSmall_xcjsm_339\",\"justifyContentevenlySmall\":\"_justifyContentevenlySmall_xcjsm_343\",\"justifyContentcenterLarge\":\"_justifyContentcenterLarge_xcjsm_350\",\"justifyContentstartLarge\":\"_justifyContentstartLarge_xcjsm_354\",\"justifyContentendLarge\":\"_justifyContentendLarge_xcjsm_358\",\"justifyContentbetweenLarge\":\"_justifyContentbetweenLarge_xcjsm_362\",\"justifyContentaroundLarge\":\"_justifyContentaroundLarge_xcjsm_366\",\"justifyContentevenlyLarge\":\"_justifyContentevenlyLarge_xcjsm_370\",\"overflowvisible\":\"_overflowvisible_xcjsm_376\",\"overflowhidden\":\"_overflowhidden_xcjsm_380\",\"overflowscroll\":\"_overflowscroll_xcjsm_384\",\"overflowauto\":\"_overflowauto_xcjsm_388\",\"overflowinherit\":\"_overflowinherit_xcjsm_392\",\"overflowinitial\":\"_overflowinitial_xcjsm_396\",\"overflowXvisible\":\"_overflowXvisible_xcjsm_400\",\"overflowXhidden\":\"_overflowXhidden_xcjsm_404\",\"overflowXscroll\":\"_overflowXscroll_xcjsm_408\",\"overflowXauto\":\"_overflowXauto_xcjsm_412\",\"overflowXinherit\":\"_overflowXinherit_xcjsm_416\",\"overflowXinitial\":\"_overflowXinitial_xcjsm_420\",\"overflowYvisible\":\"_overflowYvisible_xcjsm_424\",\"overflowYhidden\":\"_overflowYhidden_xcjsm_428\",\"overflowYscroll\":\"_overflowYscroll_xcjsm_432\",\"overflowYauto\":\"_overflowYauto_xcjsm_436\",\"overflowYinherit\":\"_overflowYinherit_xcjsm_440\",\"overflowYinitial\":\"_overflowYinitial_xcjsm_444\",\"absolute\":\"_absolute_xcjsm_449\",\"fixed\":\"_fixed_xcjsm_453\",\"relative\":\"_relative_xcjsm_457\",\"sticky\":\"_sticky_xcjsm_461\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css\"; export default {\"marginBottom-12\":\"_marginBottom-12_1whn1_2\",\"marginBottom-11\":\"_marginBottom-11_1whn1_6\",\"marginBottom-10\":\"_marginBottom-10_1whn1_10\",\"marginBottom-9\":\"_marginBottom-9_1whn1_14\",\"marginBottom-8\":\"_marginBottom-8_1whn1_18\",\"marginBottom-7\":\"_marginBottom-7_1whn1_22\",\"marginBottom-6\":\"_marginBottom-6_1whn1_26\",\"marginBottom-5\":\"_marginBottom-5_1whn1_30\",\"marginBottom-4\":\"_marginBottom-4_1whn1_34\",\"marginBottom-3\":\"_marginBottom-3_1whn1_38\",\"marginBottom-2\":\"_marginBottom-2_1whn1_42\",\"marginBottom-1\":\"_marginBottom-1_1whn1_2\",\"marginBottom0\":\"_marginBottom0_1whn1_50\",\"marginBottom1\":\"_marginBottom1_1whn1_54\",\"marginBottom2\":\"_marginBottom2_1whn1_58\",\"marginBottom3\":\"_marginBottom3_1whn1_62\",\"marginBottom4\":\"_marginBottom4_1whn1_66\",\"marginBottom5\":\"_marginBottom5_1whn1_70\",\"marginBottom6\":\"_marginBottom6_1whn1_74\",\"marginBottom7\":\"_marginBottom7_1whn1_78\",\"marginBottom8\":\"_marginBottom8_1whn1_82\",\"marginBottom9\":\"_marginBottom9_1whn1_86\",\"marginBottom10\":\"_marginBottom10_1whn1_90\",\"marginBottom11\":\"_marginBottom11_1whn1_94\",\"marginBottom12\":\"_marginBottom12_1whn1_98\",\"marginBottomauto\":\"_marginBottomauto_1whn1_102\",\"marginEnd-12\":\"_marginEnd-12_1whn1_107\",\"marginEnd-11\":\"_marginEnd-11_1whn1_111\",\"marginEnd-10\":\"_marginEnd-10_1whn1_115\",\"marginEnd-9\":\"_marginEnd-9_1whn1_119\",\"marginEnd-8\":\"_marginEnd-8_1whn1_123\",\"marginEnd-7\":\"_marginEnd-7_1whn1_127\",\"marginEnd-6\":\"_marginEnd-6_1whn1_131\",\"marginEnd-5\":\"_marginEnd-5_1whn1_135\",\"marginEnd-4\":\"_marginEnd-4_1whn1_139\",\"marginEnd-3\":\"_marginEnd-3_1whn1_143\",\"marginEnd-2\":\"_marginEnd-2_1whn1_147\",\"marginEnd-1\":\"_marginEnd-1_1whn1_107\",\"marginEnd0\":\"_marginEnd0_1whn1_155\",\"marginEnd1\":\"_marginEnd1_1whn1_159\",\"marginEnd2\":\"_marginEnd2_1whn1_163\",\"marginEnd3\":\"_marginEnd3_1whn1_167\",\"marginEnd4\":\"_marginEnd4_1whn1_171\",\"marginEnd5\":\"_marginEnd5_1whn1_175\",\"marginEnd6\":\"_marginEnd6_1whn1_179\",\"marginEnd7\":\"_marginEnd7_1whn1_183\",\"marginEnd8\":\"_marginEnd8_1whn1_187\",\"marginEnd9\":\"_marginEnd9_1whn1_191\",\"marginEnd10\":\"_marginEnd10_1whn1_195\",\"marginEnd11\":\"_marginEnd11_1whn1_199\",\"marginEnd12\":\"_marginEnd12_1whn1_203\",\"marginEndauto\":\"_marginEndauto_1whn1_207\",\"marginStart-12\":\"_marginStart-12_1whn1_212\",\"marginStart-11\":\"_marginStart-11_1whn1_216\",\"marginStart-10\":\"_marginStart-10_1whn1_220\",\"marginStart-9\":\"_marginStart-9_1whn1_224\",\"marginStart-8\":\"_marginStart-8_1whn1_228\",\"marginStart-7\":\"_marginStart-7_1whn1_232\",\"marginStart-6\":\"_marginStart-6_1whn1_236\",\"marginStart-5\":\"_marginStart-5_1whn1_240\",\"marginStart-4\":\"_marginStart-4_1whn1_244\",\"marginStart-3\":\"_marginStart-3_1whn1_248\",\"marginStart-2\":\"_marginStart-2_1whn1_252\",\"marginStart-1\":\"_marginStart-1_1whn1_212\",\"marginStart0\":\"_marginStart0_1whn1_260\",\"marginStart1\":\"_marginStart1_1whn1_264\",\"marginStart2\":\"_marginStart2_1whn1_268\",\"marginStart3\":\"_marginStart3_1whn1_272\",\"marginStart4\":\"_marginStart4_1whn1_276\",\"marginStart5\":\"_marginStart5_1whn1_280\",\"marginStart6\":\"_marginStart6_1whn1_284\",\"marginStart7\":\"_marginStart7_1whn1_288\",\"marginStart8\":\"_marginStart8_1whn1_292\",\"marginStart9\":\"_marginStart9_1whn1_296\",\"marginStart10\":\"_marginStart10_1whn1_300\",\"marginStart11\":\"_marginStart11_1whn1_304\",\"marginStart12\":\"_marginStart12_1whn1_308\",\"marginStartauto\":\"_marginStartauto_1whn1_312\",\"marginTop-12\":\"_marginTop-12_1whn1_317\",\"marginTop-11\":\"_marginTop-11_1whn1_321\",\"marginTop-10\":\"_marginTop-10_1whn1_325\",\"marginTop-9\":\"_marginTop-9_1whn1_329\",\"marginTop-8\":\"_marginTop-8_1whn1_333\",\"marginTop-7\":\"_marginTop-7_1whn1_337\",\"marginTop-6\":\"_marginTop-6_1whn1_341\",\"marginTop-5\":\"_marginTop-5_1whn1_345\",\"marginTop-4\":\"_marginTop-4_1whn1_349\",\"marginTop-3\":\"_marginTop-3_1whn1_353\",\"marginTop-2\":\"_marginTop-2_1whn1_357\",\"marginTop-1\":\"_marginTop-1_1whn1_317\",\"marginTop0\":\"_marginTop0_1whn1_365\",\"marginTop1\":\"_marginTop1_1whn1_369\",\"marginTop2\":\"_marginTop2_1whn1_373\",\"marginTop3\":\"_marginTop3_1whn1_377\",\"marginTop4\":\"_marginTop4_1whn1_381\",\"marginTop5\":\"_marginTop5_1whn1_385\",\"marginTop6\":\"_marginTop6_1whn1_389\",\"marginTop7\":\"_marginTop7_1whn1_393\",\"marginTop8\":\"_marginTop8_1whn1_397\",\"marginTop9\":\"_marginTop9_1whn1_401\",\"marginTop10\":\"_marginTop10_1whn1_405\",\"marginTop11\":\"_marginTop11_1whn1_409\",\"marginTop12\":\"_marginTop12_1whn1_413\",\"marginTopauto\":\"_marginTopauto_1whn1_417\",\"marginBottom-12Small\":\"_marginBottom-12Small_1whn1_423\",\"marginBottom-11Small\":\"_marginBottom-11Small_1whn1_427\",\"marginBottom-10Small\":\"_marginBottom-10Small_1whn1_431\",\"marginBottom-9Small\":\"_marginBottom-9Small_1whn1_435\",\"marginBottom-8Small\":\"_marginBottom-8Small_1whn1_439\",\"marginBottom-7Small\":\"_marginBottom-7Small_1whn1_443\",\"marginBottom-6Small\":\"_marginBottom-6Small_1whn1_447\",\"marginBottom-5Small\":\"_marginBottom-5Small_1whn1_451\",\"marginBottom-4Small\":\"_marginBottom-4Small_1whn1_455\",\"marginBottom-3Small\":\"_marginBottom-3Small_1whn1_459\",\"marginBottom-2Small\":\"_marginBottom-2Small_1whn1_463\",\"marginBottom-1Small\":\"_marginBottom-1Small_1whn1_467\",\"marginBottom0Small\":\"_marginBottom0Small_1whn1_471\",\"marginBottom1Small\":\"_marginBottom1Small_1whn1_475\",\"marginBottom2Small\":\"_marginBottom2Small_1whn1_479\",\"marginBottom3Small\":\"_marginBottom3Small_1whn1_483\",\"marginBottom4Small\":\"_marginBottom4Small_1whn1_487\",\"marginBottom5Small\":\"_marginBottom5Small_1whn1_491\",\"marginBottom6Small\":\"_marginBottom6Small_1whn1_495\",\"marginBottom7Small\":\"_marginBottom7Small_1whn1_499\",\"marginBottom8Small\":\"_marginBottom8Small_1whn1_503\",\"marginBottom9Small\":\"_marginBottom9Small_1whn1_507\",\"marginBottom10Small\":\"_marginBottom10Small_1whn1_511\",\"marginBottom11Small\":\"_marginBottom11Small_1whn1_515\",\"marginBottom12Small\":\"_marginBottom12Small_1whn1_519\",\"marginBottomautoSmall\":\"_marginBottomautoSmall_1whn1_523\",\"marginEnd-12Small\":\"_marginEnd-12Small_1whn1_527\",\"marginEnd-11Small\":\"_marginEnd-11Small_1whn1_531\",\"marginEnd-10Small\":\"_marginEnd-10Small_1whn1_535\",\"marginEnd-9Small\":\"_marginEnd-9Small_1whn1_539\",\"marginEnd-8Small\":\"_marginEnd-8Small_1whn1_543\",\"marginEnd-7Small\":\"_marginEnd-7Small_1whn1_547\",\"marginEnd-6Small\":\"_marginEnd-6Small_1whn1_551\",\"marginEnd-5Small\":\"_marginEnd-5Small_1whn1_555\",\"marginEnd-4Small\":\"_marginEnd-4Small_1whn1_559\",\"marginEnd-3Small\":\"_marginEnd-3Small_1whn1_563\",\"marginEnd-2Small\":\"_marginEnd-2Small_1whn1_567\",\"marginEnd-1Small\":\"_marginEnd-1Small_1whn1_571\",\"marginEnd0Small\":\"_marginEnd0Small_1whn1_575\",\"marginEnd1Small\":\"_marginEnd1Small_1whn1_579\",\"marginEnd2Small\":\"_marginEnd2Small_1whn1_583\",\"marginEnd3Small\":\"_marginEnd3Small_1whn1_587\",\"marginEnd4Small\":\"_marginEnd4Small_1whn1_591\",\"marginEnd5Small\":\"_marginEnd5Small_1whn1_595\",\"marginEnd6Small\":\"_marginEnd6Small_1whn1_599\",\"marginEnd7Small\":\"_marginEnd7Small_1whn1_603\",\"marginEnd8Small\":\"_marginEnd8Small_1whn1_607\",\"marginEnd9Small\":\"_marginEnd9Small_1whn1_611\",\"marginEnd10Small\":\"_marginEnd10Small_1whn1_615\",\"marginEnd11Small\":\"_marginEnd11Small_1whn1_619\",\"marginEnd12Small\":\"_marginEnd12Small_1whn1_623\",\"marginEndautoSmall\":\"_marginEndautoSmall_1whn1_627\",\"marginStart-12Small\":\"_marginStart-12Small_1whn1_631\",\"marginStart-11Small\":\"_marginStart-11Small_1whn1_635\",\"marginStart-10Small\":\"_marginStart-10Small_1whn1_639\",\"marginStart-9Small\":\"_marginStart-9Small_1whn1_643\",\"marginStart-8Small\":\"_marginStart-8Small_1whn1_647\",\"marginStart-7Small\":\"_marginStart-7Small_1whn1_651\",\"marginStart-6Small\":\"_marginStart-6Small_1whn1_655\",\"marginStart-5Small\":\"_marginStart-5Small_1whn1_659\",\"marginStart-4Small\":\"_marginStart-4Small_1whn1_663\",\"marginStart-3Small\":\"_marginStart-3Small_1whn1_667\",\"marginStart-2Small\":\"_marginStart-2Small_1whn1_671\",\"marginStart-1Small\":\"_marginStart-1Small_1whn1_675\",\"marginStart0Small\":\"_marginStart0Small_1whn1_679\",\"marginStart1Small\":\"_marginStart1Small_1whn1_683\",\"marginStart2Small\":\"_marginStart2Small_1whn1_687\",\"marginStart3Small\":\"_marginStart3Small_1whn1_691\",\"marginStart4Small\":\"_marginStart4Small_1whn1_695\",\"marginStart5Small\":\"_marginStart5Small_1whn1_699\",\"marginStart6Small\":\"_marginStart6Small_1whn1_703\",\"marginStart7Small\":\"_marginStart7Small_1whn1_707\",\"marginStart8Small\":\"_marginStart8Small_1whn1_711\",\"marginStart9Small\":\"_marginStart9Small_1whn1_715\",\"marginStart10Small\":\"_marginStart10Small_1whn1_719\",\"marginStart11Small\":\"_marginStart11Small_1whn1_723\",\"marginStart12Small\":\"_marginStart12Small_1whn1_727\",\"marginStartautoSmall\":\"_marginStartautoSmall_1whn1_731\",\"marginTop-12Small\":\"_marginTop-12Small_1whn1_735\",\"marginTop-11Small\":\"_marginTop-11Small_1whn1_739\",\"marginTop-10Small\":\"_marginTop-10Small_1whn1_743\",\"marginTop-9Small\":\"_marginTop-9Small_1whn1_747\",\"marginTop-8Small\":\"_marginTop-8Small_1whn1_751\",\"marginTop-7Small\":\"_marginTop-7Small_1whn1_755\",\"marginTop-6Small\":\"_marginTop-6Small_1whn1_759\",\"marginTop-5Small\":\"_marginTop-5Small_1whn1_763\",\"marginTop-4Small\":\"_marginTop-4Small_1whn1_767\",\"marginTop-3Small\":\"_marginTop-3Small_1whn1_771\",\"marginTop-2Small\":\"_marginTop-2Small_1whn1_775\",\"marginTop-1Small\":\"_marginTop-1Small_1whn1_779\",\"marginTop0Small\":\"_marginTop0Small_1whn1_783\",\"marginTop1Small\":\"_marginTop1Small_1whn1_787\",\"marginTop2Small\":\"_marginTop2Small_1whn1_791\",\"marginTop3Small\":\"_marginTop3Small_1whn1_795\",\"marginTop4Small\":\"_marginTop4Small_1whn1_799\",\"marginTop5Small\":\"_marginTop5Small_1whn1_803\",\"marginTop6Small\":\"_marginTop6Small_1whn1_807\",\"marginTop7Small\":\"_marginTop7Small_1whn1_811\",\"marginTop8Small\":\"_marginTop8Small_1whn1_815\",\"marginTop9Small\":\"_marginTop9Small_1whn1_819\",\"marginTop10Small\":\"_marginTop10Small_1whn1_823\",\"marginTop11Small\":\"_marginTop11Small_1whn1_827\",\"marginTop12Small\":\"_marginTop12Small_1whn1_831\",\"marginTopautoSmall\":\"_marginTopautoSmall_1whn1_835\",\"marginBottom-12Large\":\"_marginBottom-12Large_1whn1_842\",\"marginBottom-11Large\":\"_marginBottom-11Large_1whn1_846\",\"marginBottom-10Large\":\"_marginBottom-10Large_1whn1_850\",\"marginBottom-9Large\":\"_marginBottom-9Large_1whn1_854\",\"marginBottom-8Large\":\"_marginBottom-8Large_1whn1_858\",\"marginBottom-7Large\":\"_marginBottom-7Large_1whn1_862\",\"marginBottom-6Large\":\"_marginBottom-6Large_1whn1_866\",\"marginBottom-5Large\":\"_marginBottom-5Large_1whn1_870\",\"marginBottom-4Large\":\"_marginBottom-4Large_1whn1_874\",\"marginBottom-3Large\":\"_marginBottom-3Large_1whn1_878\",\"marginBottom-2Large\":\"_marginBottom-2Large_1whn1_882\",\"marginBottom-1Large\":\"_marginBottom-1Large_1whn1_886\",\"marginBottom0Large\":\"_marginBottom0Large_1whn1_890\",\"marginBottom1Large\":\"_marginBottom1Large_1whn1_894\",\"marginBottom2Large\":\"_marginBottom2Large_1whn1_898\",\"marginBottom3Large\":\"_marginBottom3Large_1whn1_902\",\"marginBottom4Large\":\"_marginBottom4Large_1whn1_906\",\"marginBottom5Large\":\"_marginBottom5Large_1whn1_910\",\"marginBottom6Large\":\"_marginBottom6Large_1whn1_914\",\"marginBottom7Large\":\"_marginBottom7Large_1whn1_918\",\"marginBottom8Large\":\"_marginBottom8Large_1whn1_922\",\"marginBottom9Large\":\"_marginBottom9Large_1whn1_926\",\"marginBottom10Large\":\"_marginBottom10Large_1whn1_930\",\"marginBottom11Large\":\"_marginBottom11Large_1whn1_934\",\"marginBottom12Large\":\"_marginBottom12Large_1whn1_938\",\"marginBottomautoLarge\":\"_marginBottomautoLarge_1whn1_942\",\"marginEnd-12Large\":\"_marginEnd-12Large_1whn1_946\",\"marginEnd-11Large\":\"_marginEnd-11Large_1whn1_950\",\"marginEnd-10Large\":\"_marginEnd-10Large_1whn1_954\",\"marginEnd-9Large\":\"_marginEnd-9Large_1whn1_958\",\"marginEnd-8Large\":\"_marginEnd-8Large_1whn1_962\",\"marginEnd-7Large\":\"_marginEnd-7Large_1whn1_966\",\"marginEnd-6Large\":\"_marginEnd-6Large_1whn1_970\",\"marginEnd-5Large\":\"_marginEnd-5Large_1whn1_974\",\"marginEnd-4Large\":\"_marginEnd-4Large_1whn1_978\",\"marginEnd-3Large\":\"_marginEnd-3Large_1whn1_982\",\"marginEnd-2Large\":\"_marginEnd-2Large_1whn1_986\",\"marginEnd-1Large\":\"_marginEnd-1Large_1whn1_990\",\"marginEnd0Large\":\"_marginEnd0Large_1whn1_994\",\"marginEnd1Large\":\"_marginEnd1Large_1whn1_998\",\"marginEnd2Large\":\"_marginEnd2Large_1whn1_1002\",\"marginEnd3Large\":\"_marginEnd3Large_1whn1_1006\",\"marginEnd4Large\":\"_marginEnd4Large_1whn1_1010\",\"marginEnd5Large\":\"_marginEnd5Large_1whn1_1014\",\"marginEnd6Large\":\"_marginEnd6Large_1whn1_1018\",\"marginEnd7Large\":\"_marginEnd7Large_1whn1_1022\",\"marginEnd8Large\":\"_marginEnd8Large_1whn1_1026\",\"marginEnd9Large\":\"_marginEnd9Large_1whn1_1030\",\"marginEnd10Large\":\"_marginEnd10Large_1whn1_1034\",\"marginEnd11Large\":\"_marginEnd11Large_1whn1_1038\",\"marginEnd12Large\":\"_marginEnd12Large_1whn1_1042\",\"marginEndautoLarge\":\"_marginEndautoLarge_1whn1_1046\",\"marginStart-12Large\":\"_marginStart-12Large_1whn1_1050\",\"marginStart-11Large\":\"_marginStart-11Large_1whn1_1054\",\"marginStart-10Large\":\"_marginStart-10Large_1whn1_1058\",\"marginStart-9Large\":\"_marginStart-9Large_1whn1_1062\",\"marginStart-8Large\":\"_marginStart-8Large_1whn1_1066\",\"marginStart-7Large\":\"_marginStart-7Large_1whn1_1070\",\"marginStart-6Large\":\"_marginStart-6Large_1whn1_1074\",\"marginStart-5Large\":\"_marginStart-5Large_1whn1_1078\",\"marginStart-4Large\":\"_marginStart-4Large_1whn1_1082\",\"marginStart-3Large\":\"_marginStart-3Large_1whn1_1086\",\"marginStart-2Large\":\"_marginStart-2Large_1whn1_1090\",\"marginStart-1Large\":\"_marginStart-1Large_1whn1_1094\",\"marginStart0Large\":\"_marginStart0Large_1whn1_1098\",\"marginStart1Large\":\"_marginStart1Large_1whn1_1102\",\"marginStart2Large\":\"_marginStart2Large_1whn1_1106\",\"marginStart3Large\":\"_marginStart3Large_1whn1_1110\",\"marginStart4Large\":\"_marginStart4Large_1whn1_1114\",\"marginStart5Large\":\"_marginStart5Large_1whn1_1118\",\"marginStart6Large\":\"_marginStart6Large_1whn1_1122\",\"marginStart7Large\":\"_marginStart7Large_1whn1_1126\",\"marginStart8Large\":\"_marginStart8Large_1whn1_1130\",\"marginStart9Large\":\"_marginStart9Large_1whn1_1134\",\"marginStart10Large\":\"_marginStart10Large_1whn1_1138\",\"marginStart11Large\":\"_marginStart11Large_1whn1_1142\",\"marginStart12Large\":\"_marginStart12Large_1whn1_1146\",\"marginStartautoLarge\":\"_marginStartautoLarge_1whn1_1150\",\"marginTop-12Large\":\"_marginTop-12Large_1whn1_1154\",\"marginTop-11Large\":\"_marginTop-11Large_1whn1_1158\",\"marginTop-10Large\":\"_marginTop-10Large_1whn1_1162\",\"marginTop-9Large\":\"_marginTop-9Large_1whn1_1166\",\"marginTop-8Large\":\"_marginTop-8Large_1whn1_1170\",\"marginTop-7Large\":\"_marginTop-7Large_1whn1_1174\",\"marginTop-6Large\":\"_marginTop-6Large_1whn1_1178\",\"marginTop-5Large\":\"_marginTop-5Large_1whn1_1182\",\"marginTop-4Large\":\"_marginTop-4Large_1whn1_1186\",\"marginTop-3Large\":\"_marginTop-3Large_1whn1_1190\",\"marginTop-2Large\":\"_marginTop-2Large_1whn1_1194\",\"marginTop-1Large\":\"_marginTop-1Large_1whn1_1198\",\"marginTop0Large\":\"_marginTop0Large_1whn1_1202\",\"marginTop1Large\":\"_marginTop1Large_1whn1_1206\",\"marginTop2Large\":\"_marginTop2Large_1whn1_1210\",\"marginTop3Large\":\"_marginTop3Large_1whn1_1214\",\"marginTop4Large\":\"_marginTop4Large_1whn1_1218\",\"marginTop5Large\":\"_marginTop5Large_1whn1_1222\",\"marginTop6Large\":\"_marginTop6Large_1whn1_1226\",\"marginTop7Large\":\"_marginTop7Large_1whn1_1230\",\"marginTop8Large\":\"_marginTop8Large_1whn1_1234\",\"marginTop9Large\":\"_marginTop9Large_1whn1_1238\",\"marginTop10Large\":\"_marginTop10Large_1whn1_1242\",\"marginTop11Large\":\"_marginTop11Large_1whn1_1246\",\"marginTop12Large\":\"_marginTop12Large_1whn1_1250\",\"marginTopautoLarge\":\"_marginTopautoLarge_1whn1_1254\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.module.css\"; export default {\"paddingX0\":\"_paddingX0_1aqye_2\",\"paddingX1\":\"_paddingX1_1aqye_7\",\"paddingX2\":\"_paddingX2_1aqye_12\",\"paddingX3\":\"_paddingX3_1aqye_17\",\"paddingX4\":\"_paddingX4_1aqye_22\",\"paddingX5\":\"_paddingX5_1aqye_27\",\"paddingX6\":\"_paddingX6_1aqye_32\",\"paddingX7\":\"_paddingX7_1aqye_37\",\"paddingX8\":\"_paddingX8_1aqye_42\",\"paddingX9\":\"_paddingX9_1aqye_47\",\"paddingX10\":\"_paddingX10_1aqye_52\",\"paddingX11\":\"_paddingX11_1aqye_57\",\"paddingX12\":\"_paddingX12_1aqye_62\",\"paddingY0\":\"_paddingY0_1aqye_67\",\"paddingY1\":\"_paddingY1_1aqye_72\",\"paddingY2\":\"_paddingY2_1aqye_77\",\"paddingY3\":\"_paddingY3_1aqye_82\",\"paddingY4\":\"_paddingY4_1aqye_87\",\"paddingY5\":\"_paddingY5_1aqye_92\",\"paddingY6\":\"_paddingY6_1aqye_97\",\"paddingY7\":\"_paddingY7_1aqye_102\",\"paddingY8\":\"_paddingY8_1aqye_107\",\"paddingY9\":\"_paddingY9_1aqye_112\",\"paddingY10\":\"_paddingY10_1aqye_117\",\"paddingY11\":\"_paddingY11_1aqye_122\",\"paddingY12\":\"_paddingY12_1aqye_127\",\"paddingX0Small\":\"_paddingX0Small_1aqye_134\",\"paddingX1Small\":\"_paddingX1Small_1aqye_139\",\"paddingX2Small\":\"_paddingX2Small_1aqye_144\",\"paddingX3Small\":\"_paddingX3Small_1aqye_149\",\"paddingX4Small\":\"_paddingX4Small_1aqye_154\",\"paddingX5Small\":\"_paddingX5Small_1aqye_159\",\"paddingX6Small\":\"_paddingX6Small_1aqye_164\",\"paddingX7Small\":\"_paddingX7Small_1aqye_169\",\"paddingX8Small\":\"_paddingX8Small_1aqye_174\",\"paddingX9Small\":\"_paddingX9Small_1aqye_179\",\"paddingX10Small\":\"_paddingX10Small_1aqye_184\",\"paddingX11Small\":\"_paddingX11Small_1aqye_189\",\"paddingX12Small\":\"_paddingX12Small_1aqye_194\",\"paddingY0Small\":\"_paddingY0Small_1aqye_199\",\"paddingY1Small\":\"_paddingY1Small_1aqye_204\",\"paddingY2Small\":\"_paddingY2Small_1aqye_209\",\"paddingY3Small\":\"_paddingY3Small_1aqye_214\",\"paddingY4Small\":\"_paddingY4Small_1aqye_219\",\"paddingY5Small\":\"_paddingY5Small_1aqye_224\",\"paddingY6Small\":\"_paddingY6Small_1aqye_229\",\"paddingY7Small\":\"_paddingY7Small_1aqye_234\",\"paddingY8Small\":\"_paddingY8Small_1aqye_239\",\"paddingY9Small\":\"_paddingY9Small_1aqye_244\",\"paddingY10Small\":\"_paddingY10Small_1aqye_249\",\"paddingY11Small\":\"_paddingY11Small_1aqye_254\",\"paddingY12Small\":\"_paddingY12Small_1aqye_259\",\"paddingX0Large\":\"_paddingX0Large_1aqye_267\",\"paddingX1Large\":\"_paddingX1Large_1aqye_272\",\"paddingX2Large\":\"_paddingX2Large_1aqye_277\",\"paddingX3Large\":\"_paddingX3Large_1aqye_282\",\"paddingX4Large\":\"_paddingX4Large_1aqye_287\",\"paddingX5Large\":\"_paddingX5Large_1aqye_292\",\"paddingX6Large\":\"_paddingX6Large_1aqye_297\",\"paddingX7Large\":\"_paddingX7Large_1aqye_302\",\"paddingX8Large\":\"_paddingX8Large_1aqye_307\",\"paddingX9Large\":\"_paddingX9Large_1aqye_312\",\"paddingX10Large\":\"_paddingX10Large_1aqye_317\",\"paddingX11Large\":\"_paddingX11Large_1aqye_322\",\"paddingX12Large\":\"_paddingX12Large_1aqye_327\",\"paddingY0Large\":\"_paddingY0Large_1aqye_332\",\"paddingY1Large\":\"_paddingY1Large_1aqye_337\",\"paddingY2Large\":\"_paddingY2Large_1aqye_342\",\"paddingY3Large\":\"_paddingY3Large_1aqye_347\",\"paddingY4Large\":\"_paddingY4Large_1aqye_352\",\"paddingY5Large\":\"_paddingY5Large_1aqye_357\",\"paddingY6Large\":\"_paddingY6Large_1aqye_362\",\"paddingY7Large\":\"_paddingY7Large_1aqye_367\",\"paddingY8Large\":\"_paddingY8Large_1aqye_372\",\"paddingY9Large\":\"_paddingY9Large_1aqye_377\",\"paddingY10Large\":\"_paddingY10Large_1aqye_382\",\"paddingY11Large\":\"_paddingY11Large_1aqye_387\",\"paddingY12Large\":\"_paddingY12Large_1aqye_392\"}"],"mappings":"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","names":["Box"]}

package/dist/__chunks/{SND6HHAL.cjs → JHUEQO5Q.cjs}

@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _XCSW34UMcjs = require('./XCSW34UM.cjs');
+var _XCGRNBQHcjs = require('./XCGRNBQH.cjs');
 
 // src/RichSelect/RichSelectSection.tsx
 var _react = require('react');
@@ -39,7 +39,7 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
           }
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCSW34UMcjs.Typography_default, { children: label }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCGRNBQHcjs.Typography_default, { children: label }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Collection, { children })
         ]
       }
@@ -50,4 +50,4 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectSection_default = RichSelectSection_default;
-//# sourceMappingURL=SND6HHAL.cjs.map
+//# sourceMappingURL=JHUEQO5Q.cjs.map

package/dist/__chunks/{CUJFDOPJ.js → JYW7KNV7.js}

@@ -10,19 +10,19 @@ import {
 } from "./JWJK72BH.js";
 import {
   foregroundColor
-} from "./423C767D.js";
+} from "./UVQS6LU3.js";
 import {
   border
-} from "./6CZHUML6.js";
+} from "./ECA33JJ5.js";
 import {
   backgroundColor
-} from "./DEXL5BXD.js";
+} from "./T6PXFSRX.js";
 import {
   Box_default
-} from "./GCE2CI4A.js";
+} from "./J6DAGNNN.js";
 import {
   Typography_default
-} from "./YAM7DAOZ.js";
+} from "./2IXPTAJD.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -90,15 +90,13 @@ var Button = forwardRef(
               )
             }
           ),
-          (loading && loadingText || !loading && text) && /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(Typography_default, { size: textVariant_default[size], children: /* @__PURE__ */ jsx(
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(Typography_default, { size: textVariant_default[size], weight: "medium", children: /* @__PURE__ */ jsx(
             "span",
             {
               className: classNames(
-                // Temporary - until we have cambio colors on Typography
                 foregroundColorClass,
                 disabledPrimary && Button_module_default.disabledPrimary
               ),
-              style: { fontWeight: 500 },
               children: loading ? loadingText : text
             }
           ) }) }),
@@ -143,4 +141,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=CUJFDOPJ.js.map
+//# sourceMappingURL=JYW7KNV7.js.map

package/dist/__chunks/JYW7KNV7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/Button.tsx","css-module:./Button.module.css#css-module"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport iconSize from \"./constants/iconSize\";\nimport textVariant from \"./constants/textVariant\";\nimport loadingIconSize from \"./constants/loadingIconSize\";\nimport styles from \"./Button.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { backgroundColor } from \"../colors/backgroundColor\";\nimport { foregroundColor } from \"../colors/foregroundColor\";\nimport { border } from \"../colors/border\";\n\ntype ButtonProps = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"destructive-primary\"\n    | \"destructive-secondary\"\n    | \"destructive-tertiary\"\n    | \"branded\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\";\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * Indicate whether the button renders on a light or dark background. Changes the color of the button\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n  /**\n   * The type you want to set for the primitive `<button/>`\n   */\n  type?: \"button\" | \"submit\" | \"reset\";\n};\n\n/**\n * [Button](https://cambly-syntax.vercel.app/?path=/docs/components-button--docs) is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      \"data-testid\": dataTestId,\n      text,\n      loadingText,\n      color = \"primary\",\n      size = \"md\",\n      accessibilityLabel,\n      disabled = false,\n      loading = false,\n      fullWidth = false,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      on = \"lightBackground\",\n      onClick,\n      tooltip,\n      type = \"button\",\n    }: ButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n\n    const foregroundColorClass = foregroundColor(color, on);\n    const backgroundColorClass = backgroundColor(color, on);\n    const disabledPrimary = color === \"primary\" && disabled;\n\n    return (\n      <button\n        data-testid={dataTestId}\n        ref={ref}\n        aria-label={accessibilityLabel}\n        type={type}\n        title={tooltip}\n        disabled={!isHydrated || disabled || loading}\n        onClick={onClick}\n        className={classNames(\n          styles.button,\n          foregroundColorClass,\n          backgroundColorClass,\n          border(color, on),\n          styles[size],\n          {\n            [styles.fullWidth]: fullWidth,\n            [styles.buttonGap]: size === \"lg\" || size === \"md\",\n          },\n        )}\n      >\n        {!loading && StartIcon && (\n          <StartIcon\n            className={classNames(\n              styles.icon,\n              iconSize[size],\n              disabledPrimary && styles.disabledPrimary,\n            )}\n          />\n        )}\n        {((loading && loadingText) || (!loading && text)) && (\n          <Box paddingX={1}>\n            <Typography size={textVariant[size]} weight=\"medium\">\n              <span\n                className={classNames(\n                  foregroundColorClass,\n                  disabledPrimary && styles.disabledPrimary,\n                )}\n              >\n                {loading ? loadingText : text}\n              </span>\n            </Typography>\n          </Box>\n        )}\n        {!loading && EndIcon && (\n          <EndIcon\n            className={classNames(\n              styles.icon,\n              iconSize[size],\n              disabledPrimary && styles.disabledPrimary,\n            )}\n          />\n        )}\n        {loading && (\n          <svg\n            className={classNames(styles.loading, foregroundColorClass)}\n            viewBox=\"22 22 44 44\"\n            width={loadingIconSize[size]}\n            height={loadingIconSize[size]}\n          >\n            <circle\n              className={styles.loadingCircle}\n              cx=\"44\"\n              cy=\"44\"\n              r=\"20.2\"\n              fill=\"none\"\n              strokeWidth=\"3.6\"\n            />\n          </svg>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport default Button;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_y92p2_1\",\"buttonGap\":\"_buttonGap_y92p2_8\",\"disabledPrimary\":\"_disabledPrimary_y92p2_49\",\"fullWidth\":\"_fullWidth_y92p2_53\",\"sm\":\"_sm_y92p2_57\",\"md\":\"_md_y92p2_64\",\"lg\":\"_lg_y92p2_71\",\"icon\":\"_icon_y92p2_78\",\"smIcon\":\"_smIcon_y92p2_82\",\"mdIcon\":\"_mdIcon_y92p2_89\",\"lgIcon\":\"_lgIcon_y92p2_96\",\"loading\":\"_loading_y92p2_113\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_y92p2_1\",\"loadingCircle\":\"_loadingCircle_y92p2_117\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAClC,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ADsIpiB,SAqBI,KArBJ;AA5BN,IAAM,SAAS;AAAA,EACb,CACE;AAAA,IACE,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,GACA,QACG;AACH,UAAM,aAAa,cAAc;AAEjC,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,kBAAkB,UAAU,aAAa;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb;AAAA,QACA,cAAY;AAAA,QACZ;AAAA,QACA,OAAO;AAAA,QACP,UAAU,CAAC,cAAc,YAAY;AAAA,QACrC;AAAA,QACA,WAAW;AAAA,UACT,sBAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,OAAO,OAAO,EAAE;AAAA,UAChB,sBAAO,IAAI;AAAA,UACX;AAAA,YACE,CAAC,sBAAO,SAAS,GAAG;AAAA,YACpB,CAAC,sBAAO,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,UAChD;AAAA,QACF;AAAA,QAEC;AAAA,WAAC,WAAW,aACX;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAO;AAAA,gBACP,iBAAS,IAAI;AAAA,gBACb,mBAAmB,sBAAO;AAAA,cAC5B;AAAA;AAAA,UACF;AAAA,WAEC,WAAW,eAAiB,CAAC,WAAW,SACzC,oBAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,oBAAY,IAAI,GAAG,QAAO,UAC1C;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,mBAAmB,sBAAO;AAAA,cAC5B;AAAA,cAEC,oBAAU,cAAc;AAAA;AAAA,UAC3B,GACF,GACF;AAAA,UAED,CAAC,WAAW,WACX;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAO;AAAA,gBACP,iBAAS,IAAI;AAAA,gBACb,mBAAmB,sBAAO;AAAA,cAC5B;AAAA;AAAA,UACF;AAAA,UAED,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,sBAAO,SAAS,oBAAoB;AAAA,cAC1D,SAAQ;AAAA,cACR,OAAO,wBAAgB,IAAI;AAAA,cAC3B,QAAQ,wBAAgB,IAAI;AAAA,cAE5B;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,sBAAO;AAAA,kBAClB,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,aAAY;AAAA;AAAA,cACd;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ;","names":[]}

package/dist/__chunks/{EB7WKQ35.js → KBIW5XV4.js}

@@ -6,4 +6,4 @@ var rounding_module_default = { "roundingsm": "_roundingsm_1j4mo_2", "roundingmd
 export {
   rounding_module_default
 };
-//# sourceMappingURL=EB7WKQ35.js.map
+//# sourceMappingURL=KBIW5XV4.js.map

package/dist/__chunks/{MI5OUDV4.cjs → L2CARKP7.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _ESGHXEEAcjs = require('./ESGHXEEA.cjs');
+var _DOQ5YEJ4cjs = require('./DOQ5YEJ4.cjs');
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
@@ -16,7 +16,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var RichSelectChip_default = _react.forwardRef.call(void 0, 
   function RichSelectChip(props, ref) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, props), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _ESGHXEEAcjs.Chip_default,
+      _DOQ5YEJ4cjs.Chip_default,
       {
         text: props.label,
         selected: isSelected,
@@ -31,4 +31,4 @@ var RichSelectChip_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectChip_default = RichSelectChip_default;
-//# sourceMappingURL=MI5OUDV4.cjs.map
+//# sourceMappingURL=L2CARKP7.cjs.map

package/dist/__chunks/{E32CAKEB.cjs → MARZTIPV.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _RJ3ZYLJScjs = require('./RJ3ZYLJS.cjs');
+var _DB7KX3J2cjs = require('./DB7KX3J2.cjs');
 
 // src/Modal/Layer.tsx
 var _reactdom = require('react-dom');
@@ -12,7 +12,7 @@ function Layer({
 }) {
   return typeof document !== "undefined" ? _reactdom.createPortal.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _RJ3ZYLJScjs.Box_default,
+      _DB7KX3J2cjs.Box_default,
       {
         "data-testid": "syntax-layer",
         position: "fixed",
@@ -29,4 +29,4 @@ function Layer({
 
 
 exports.Layer = Layer;
-//# sourceMappingURL=E32CAKEB.cjs.map
+//# sourceMappingURL=MARZTIPV.cjs.map

package/dist/__chunks/{JFI6TDAC.js → MEOMWLNG.js}

@@ -1,13 +1,13 @@
 "use client"
 import {
   foregroundColor
-} from "./423C767D.js";
+} from "./UVQS6LU3.js";
 import {
   border
-} from "./6CZHUML6.js";
+} from "./ECA33JJ5.js";
 import {
   backgroundColor
-} from "./DEXL5BXD.js";
+} from "./T6PXFSRX.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -69,4 +69,4 @@ var IconButton_default = IconButton;
 export {
   IconButton_default
 };
-//# sourceMappingURL=JFI6TDAC.js.map
+//# sourceMappingURL=MEOMWLNG.js.map

package/dist/__chunks/{LBA34HLF.cjs → MKZONAGT.cjs}

@@ -44,4 +44,4 @@ function foregroundColor(color, on) {
 
 
 exports.foregroundColor = foregroundColor;
-//# sourceMappingURL=LBA34HLF.cjs.map
+//# sourceMappingURL=MKZONAGT.cjs.map

package/dist/__chunks/MKZONAGT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/foregroundColor.ts"],"names":[],"mappings":";;;;;;AAGO,SAAS,gBACd,OACA,IACQ;AACR,MAAI,OAAO,mBAAmB;AAC5B,YAAQ,OAAO;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,OAAO;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF;AACF","sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function foregroundColor(\n  color: (typeof Color)[number],\n  on: \"lightBackground\" | \"darkBackground\",\n): string {\n  if (on === \"lightBackground\") {\n    switch (color) {\n      case \"primary\":\n      case \"success-primary\":\n      case \"destructive-primary\":\n        return styles.cambioWhiteColor;\n      case \"success-secondary\":\n      case \"success-tertiary\":\n        return styles.cambioSuccess700Color;\n      case \"destructive-secondary\":\n      case \"destructive-tertiary\":\n        return styles.cambioDestructive700Color;\n      default:\n        return styles.cambioBlackColor;\n    }\n  } else {\n    switch (color) {\n      case \"primary\":\n      case \"success-primary\":\n      case \"destructive-primary\":\n        return styles.cambioBlackColor;\n      case \"secondary\":\n      case \"tertiary\":\n        return styles.cambioWhiteColor;\n      case \"success-secondary\":\n      case \"success-tertiary\":\n        return styles.cambioSuccess300Color;\n      case \"destructive-secondary\":\n      case \"destructive-tertiary\":\n        return styles.cambioDestructive300Color;\n      default: // branded\n        return styles.cambioBlackColor;\n    }\n  }\n}\n"]}

package/dist/__chunks/{MOLOILVI.js → N5N4HUQB.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Chip_default
-} from "./NPOX7QNB.js";
+} from "./WHQ73FAY.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
 export {
   RichSelectChip_default
 };
-//# sourceMappingURL=MOLOILVI.js.map
+//# sourceMappingURL=N5N4HUQB.js.map

package/dist/__chunks/{5VVFGPW6.cjs → PROA22UK.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _LBA34HLFcjs = require('./LBA34HLF.cjs');
+var _MKZONAGTcjs = require('./MKZONAGT.cjs');
 
 
-var _BYVURUTUcjs = require('./BYVURUTU.cjs');
+var _C3KZXHTVcjs = require('./C3KZXHTV.cjs');
 
 
-var _M3PAAPMIcjs = require('./M3PAAPMI.cjs');
+var _RAL6R27Scjs = require('./RAL6R27S.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -39,8 +39,8 @@ var IconButton = _react.forwardRef.call(void 0,
     onClick
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const foregroundColorClass = _LBA34HLFcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _M3PAAPMIcjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _MKZONAGTcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _RAL6R27Scjs.backgroundColor.call(void 0, color, on);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
@@ -54,7 +54,7 @@ var IconButton = _react.forwardRef.call(void 0,
           IconButton_module_default.iconButton,
           foregroundColorClass,
           backgroundColorClass,
-          _BYVURUTUcjs.border.call(void 0, color, on),
+          _C3KZXHTVcjs.border.call(void 0, color, on),
           IconButton_module_default[size]
         ),
         ref,
@@ -69,4 +69,4 @@ var IconButton_default = IconButton;
 
 
 exports.IconButton_default = IconButton_default;
-//# sourceMappingURL=5VVFGPW6.cjs.map
+//# sourceMappingURL=PROA22UK.cjs.map

package/dist/__chunks/{XL37HTXI.js → PX2UXNON.js}

@@ -4,7 +4,7 @@ import {
 } from "./KKADUD65.js";
 import {
   Typography_default
-} from "./YAM7DAOZ.js";
+} from "./2IXPTAJD.js";
 import {
   colors_module_default
 } from "./S6TNP7G5.js";
@@ -114,4 +114,4 @@ var Checkbox_default = Checkbox;
 export {
   Checkbox_default
 };
-//# sourceMappingURL=XL37HTXI.js.map
+//# sourceMappingURL=PX2UXNON.js.map

package/dist/__chunks/{KNFEGYQM.cjs → QVR3OSXW.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _MLUQYLT2cjs = require('./MLUQYLT2.cjs');
+var _52L4VM3Gcjs = require('./52L4VM3G.cjs');
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
@@ -19,7 +19,7 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
   function RichSelectRadioButton(props, ref) {
     const _a = props, { size, name } = _a, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _a, ["size", "name"]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _MLUQYLT2cjs.RadioButton_default,
+      _52L4VM3Gcjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=KNFEGYQM.cjs.map
+//# sourceMappingURL=QVR3OSXW.cjs.map

package/dist/__chunks/{M3PAAPMI.cjs → RAL6R27S.cjs}

@@ -53,4 +53,4 @@ function backgroundColor(color, on) {
 
 
 exports.backgroundColor = backgroundColor;
-//# sourceMappingURL=M3PAAPMI.cjs.map
+//# sourceMappingURL=RAL6R27S.cjs.map

package/dist/__chunks/RAL6R27S.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/backgroundColor.ts"],"names":[],"mappings":";;;;;;AAGO,SAAS,gBACd,OACA,IACQ;AACR,MAAI,OAAO,mBAAmB;AAC5B,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF;AACF","sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function backgroundColor(\n  color: (typeof Color)[number],\n  on: \"lightBackground\" | \"darkBackground\",\n): string {\n  if (on === \"lightBackground\") {\n    switch (color) {\n      case \"primary\":\n        return styles.cambioBlackBackgroundColor;\n      case \"secondary\":\n      case \"success-secondary\":\n      case \"destructive-secondary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"tertiary\":\n      case \"success-tertiary\":\n      case \"destructive-tertiary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"success-primary\":\n        return styles.cambioSuccess700BackgroundColor;\n      case \"destructive-primary\":\n        return styles.cambioDestructive700BackgroundColor;\n      case \"branded\":\n        return styles.cambioYellow700BackgroundColor;\n      default:\n        return styles.cambioBlackBackgroundColor;\n    }\n  } else {\n    switch (color) {\n      case \"primary\":\n        return styles.cambioGray200BackgroundColor;\n      case \"secondary\":\n      case \"success-secondary\":\n      case \"destructive-secondary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"tertiary\":\n      case \"success-tertiary\":\n      case \"destructive-tertiary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"success-primary\":\n        return styles.cambioSuccess300BackgroundColor;\n      case \"destructive-primary\":\n        return styles.cambioDestructive300BackgroundColor;\n      case \"branded\":\n        return styles.cambioYellow700BackgroundColor;\n      default:\n        return styles.cambioWhiteBackgroundColor;\n    }\n  }\n}\n"]}

package/dist/__chunks/{4E7A4J3K.cjs → S5CYISJE.cjs}

@@ -10,19 +10,19 @@ var _5JUNB754cjs = require('./5JUNB754.cjs');
 var _UAXX2ZEQcjs = require('./UAXX2ZEQ.cjs');
 
 
-var _LBA34HLFcjs = require('./LBA34HLF.cjs');
+var _MKZONAGTcjs = require('./MKZONAGT.cjs');
 
 
-var _BYVURUTUcjs = require('./BYVURUTU.cjs');
+var _C3KZXHTVcjs = require('./C3KZXHTV.cjs');
 
 
-var _M3PAAPMIcjs = require('./M3PAAPMI.cjs');
+var _RAL6R27Scjs = require('./RAL6R27S.cjs');
 
 
-var _RJ3ZYLJScjs = require('./RJ3ZYLJS.cjs');
+var _DB7KX3J2cjs = require('./DB7KX3J2.cjs');
 
 
-var _XCSW34UMcjs = require('./XCSW34UM.cjs');
+var _XCGRNBQHcjs = require('./XCGRNBQH.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -55,8 +55,8 @@ var Button = _react.forwardRef.call(void 0,
     type = "button"
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const foregroundColorClass = _LBA34HLFcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _M3PAAPMIcjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _MKZONAGTcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _RAL6R27Scjs.backgroundColor.call(void 0, color, on);
     const disabledPrimary = color === "primary" && disabled;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
@@ -72,7 +72,7 @@ var Button = _react.forwardRef.call(void 0,
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          _BYVURUTUcjs.border.call(void 0, color, on),
+          _C3KZXHTVcjs.border.call(void 0, color, on),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
@@ -90,15 +90,13 @@ var Button = _react.forwardRef.call(void 0,
               )
             }
           ),
-          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RJ3ZYLJScjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCSW34UMcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DB7KX3J2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCGRNBQHcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: _classnames2.default.call(void 0, 
-                // Temporary - until we have cambio colors on Typography
                 foregroundColorClass,
                 disabledPrimary && Button_module_default.disabledPrimary
               ),
-              style: { fontWeight: 500 },
               children: loading ? loadingText : text
             }
           ) }) }),
@@ -143,4 +141,4 @@ var Button_default = Button;
 
 
 exports.Button_default = Button_default;
-//# sourceMappingURL=4E7A4J3K.cjs.map
+//# sourceMappingURL=S5CYISJE.cjs.map

package/dist/__chunks/S5CYISJE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/Button.tsx","css-module:./Button.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAClC,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ADsIpiB,SAqBI,KArBJ;AA5BN,IAAM,SAAS;AAAA,EACb,CACE;AAAA,IACE,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,GACA,QACG;AACH,UAAM,aAAa,cAAc;AAEjC,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,kBAAkB,UAAU,aAAa;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb;AAAA,QACA,cAAY;AAAA,QACZ;AAAA,QACA,OAAO;AAAA,QACP,UAAU,CAAC,cAAc,YAAY;AAAA,QACrC;AAAA,QACA,WAAW;AAAA,UACT,sBAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,OAAO,OAAO,EAAE;AAAA,UAChB,sBAAO,IAAI;AAAA,UACX;AAAA,YACE,CAAC,sBAAO,SAAS,GAAG;AAAA,YACpB,CAAC,sBAAO,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,UAChD;AAAA,QACF;AAAA,QAEC;AAAA,WAAC,WAAW,aACX;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAO;AAAA,gBACP,iBAAS,IAAI;AAAA,gBACb,mBAAmB,sBAAO;AAAA,cAC5B;AAAA;AAAA,UACF;AAAA,WAEC,WAAW,eAAiB,CAAC,WAAW,SACzC,oBAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,oBAAY,IAAI,GAAG,QAAO,UAC1C;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,mBAAmB,sBAAO;AAAA,cAC5B;AAAA,cAEC,oBAAU,cAAc;AAAA;AAAA,UAC3B,GACF,GACF;AAAA,UAED,CAAC,WAAW,WACX;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAO;AAAA,gBACP,iBAAS,IAAI;AAAA,gBACb,mBAAmB,sBAAO;AAAA,cAC5B;AAAA;AAAA,UACF;AAAA,UAED,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,sBAAO,SAAS,oBAAoB;AAAA,cAC1D,SAAQ;AAAA,cACR,OAAO,wBAAgB,IAAI;AAAA,cAC3B,QAAQ,wBAAgB,IAAI;AAAA,cAE5B;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,sBAAO;AAAA,kBAClB,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,aAAY;AAAA;AAAA,cACd;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport iconSize from \"./constants/iconSize\";\nimport textVariant from \"./constants/textVariant\";\nimport loadingIconSize from \"./constants/loadingIconSize\";\nimport styles from \"./Button.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { backgroundColor } from \"../colors/backgroundColor\";\nimport { foregroundColor } from \"../colors/foregroundColor\";\nimport { border } from \"../colors/border\";\n\ntype ButtonProps = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"destructive-primary\"\n    | \"destructive-secondary\"\n    | \"destructive-tertiary\"\n    | \"branded\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\";\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * Indicate whether the button renders on a light or dark background. Changes the color of the button\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n  /**\n   * The type you want to set for the primitive `<button/>`\n   */\n  type?: \"button\" | \"submit\" | \"reset\";\n};\n\n/**\n * [Button](https://cambly-syntax.vercel.app/?path=/docs/components-button--docs) is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      \"data-testid\": dataTestId,\n      text,\n      loadingText,\n      color = \"primary\",\n      size = \"md\",\n      accessibilityLabel,\n      disabled = false,\n      loading = false,\n      fullWidth = false,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      on = \"lightBackground\",\n      onClick,\n      tooltip,\n      type = \"button\",\n    }: ButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n\n    const foregroundColorClass = foregroundColor(color, on);\n    const backgroundColorClass = backgroundColor(color, on);\n    const disabledPrimary = color === \"primary\" && disabled;\n\n    return (\n      <button\n        data-testid={dataTestId}\n        ref={ref}\n        aria-label={accessibilityLabel}\n        type={type}\n        title={tooltip}\n        disabled={!isHydrated || disabled || loading}\n        onClick={onClick}\n        className={classNames(\n          styles.button,\n          foregroundColorClass,\n          backgroundColorClass,\n          border(color, on),\n          styles[size],\n          {\n            [styles.fullWidth]: fullWidth,\n            [styles.buttonGap]: size === \"lg\" || size === \"md\",\n          },\n        )}\n      >\n        {!loading && StartIcon && (\n          <StartIcon\n            className={classNames(\n              styles.icon,\n              iconSize[size],\n              disabledPrimary && styles.disabledPrimary,\n            )}\n          />\n        )}\n        {((loading && loadingText) || (!loading && text)) && (\n          <Box paddingX={1}>\n            <Typography size={textVariant[size]} weight=\"medium\">\n              <span\n                className={classNames(\n                  foregroundColorClass,\n                  disabledPrimary && styles.disabledPrimary,\n                )}\n              >\n                {loading ? loadingText : text}\n              </span>\n            </Typography>\n          </Box>\n        )}\n        {!loading && EndIcon && (\n          <EndIcon\n            className={classNames(\n              styles.icon,\n              iconSize[size],\n              disabledPrimary && styles.disabledPrimary,\n            )}\n          />\n        )}\n        {loading && (\n          <svg\n            className={classNames(styles.loading, foregroundColorClass)}\n            viewBox=\"22 22 44 44\"\n            width={loadingIconSize[size]}\n            height={loadingIconSize[size]}\n          >\n            <circle\n              className={styles.loadingCircle}\n              cx=\"44\"\n              cy=\"44\"\n              r=\"20.2\"\n              fill=\"none\"\n              strokeWidth=\"3.6\"\n            />\n          </svg>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport default Button;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_y92p2_1\",\"buttonGap\":\"_buttonGap_y92p2_8\",\"disabledPrimary\":\"_disabledPrimary_y92p2_49\",\"fullWidth\":\"_fullWidth_y92p2_53\",\"sm\":\"_sm_y92p2_57\",\"md\":\"_md_y92p2_64\",\"lg\":\"_lg_y92p2_71\",\"icon\":\"_icon_y92p2_78\",\"smIcon\":\"_smIcon_y92p2_82\",\"mdIcon\":\"_mdIcon_y92p2_89\",\"lgIcon\":\"_lgIcon_y92p2_96\",\"loading\":\"_loading_y92p2_113\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_y92p2_1\",\"loadingCircle\":\"_loadingCircle_y92p2_117\"}"]}

package/dist/__chunks/{YJI76DU2.cjs → S77S5MVX.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _N7WA46RLcjs = require('./N7WA46RL.cjs');
+var _CA6LTZL7cjs = require('./CA6LTZL7.cjs');
 
 
-var _BNBE2XVMcjs = require('./BNBE2XVM.cjs');
+var _76LTWV2Qcjs = require('./76LTWV2Q.cjs');
 
 
 var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
@@ -100,7 +100,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
   } = props;
   const modal = !children || modalProp;
   const modalNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _N7WA46RLcjs.ModalDialog_default,
+    _CA6LTZL7cjs.ModalDialog_default,
     {
       accessibilityLabel,
       accessibilityCloseLabel,
@@ -117,7 +117,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
     {
       placement: _LLFHCGRAcjs.syntaxToReactAriaPlacement.call(void 0, placement),
       onChangeContentVisibility,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _BNBE2XVMcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _76LTWV2Qcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
     }
   );
   if (!children)
@@ -141,4 +141,4 @@ var Popover_default = Popover;
 
 
 exports.AriaPopover = AriaPopover; exports.Popover_default = Popover_default;
-//# sourceMappingURL=YJI76DU2.cjs.map
+//# sourceMappingURL=S77S5MVX.cjs.map

package/dist/__chunks/{2XOJNXTC.js → SLDP6ZJE.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./GCE2CI4A.js";
+} from "./J6DAGNNN.js";
 
 // src/Modal/Layer.tsx
 import { createPortal } from "react-dom";
@@ -29,4 +29,4 @@ function Layer({
 export {
   Layer
 };
-//# sourceMappingURL=2XOJNXTC.js.map
+//# sourceMappingURL=SLDP6ZJE.js.map

package/dist/__chunks/{DEXL5BXD.js → T6PXFSRX.js}

@@ -53,4 +53,4 @@ function backgroundColor(color, on) {
 export {
   backgroundColor
 };
-//# sourceMappingURL=DEXL5BXD.js.map
+//# sourceMappingURL=T6PXFSRX.js.map

package/dist/__chunks/T6PXFSRX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/backgroundColor.ts"],"sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function backgroundColor(\n  color: (typeof Color)[number],\n  on: \"lightBackground\" | \"darkBackground\",\n): string {\n  if (on === \"lightBackground\") {\n    switch (color) {\n      case \"primary\":\n        return styles.cambioBlackBackgroundColor;\n      case \"secondary\":\n      case \"success-secondary\":\n      case \"destructive-secondary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"tertiary\":\n      case \"success-tertiary\":\n      case \"destructive-tertiary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"success-primary\":\n        return styles.cambioSuccess700BackgroundColor;\n      case \"destructive-primary\":\n        return styles.cambioDestructive700BackgroundColor;\n      case \"branded\":\n        return styles.cambioYellow700BackgroundColor;\n      default:\n        return styles.cambioBlackBackgroundColor;\n    }\n  } else {\n    switch (color) {\n      case \"primary\":\n        return styles.cambioGray200BackgroundColor;\n      case \"secondary\":\n      case \"success-secondary\":\n      case \"destructive-secondary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"tertiary\":\n      case \"success-tertiary\":\n      case \"destructive-tertiary\":\n        return styles.cambioTransparentFullBackgroundColor;\n      case \"success-primary\":\n        return styles.cambioSuccess300BackgroundColor;\n      case \"destructive-primary\":\n        return styles.cambioDestructive300BackgroundColor;\n      case \"branded\":\n        return styles.cambioYellow700BackgroundColor;\n      default:\n        return styles.cambioWhiteBackgroundColor;\n    }\n  }\n}\n"],"mappings":";;;;;;AAGO,SAAS,gBACd,OACA,IACQ;AACR,MAAI,OAAO,mBAAmB;AAC5B,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF;AACF;","names":[]}