@cambly/syntax-core 10.30.0 → 10.32.0

package/dist/__chunks/JFI6TDAC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { foregroundColor } from \"../colors/foregroundColor\";\nimport React, { forwardRef } from \"react\";\nimport { type Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { backgroundColor } from \"../colors/backgroundColor\";\nimport { border } from \"../colors/border\";\n\nconst iconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\ntype IconButtonProps = {\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   * Test id for the button\n   */\n  \"data-testid\"?: string;\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   * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  icon: React.ComponentType<{ className?: string }>;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\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\n/**\n * [IconButton](https://cambly-syntax.vercel.app/?path=/docs/components-iconbutton--docs) is a clickable element that is used to perform an action.\n */\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      accessibilityLabel,\n      color = \"primary\",\n      \"data-testid\": dataTestId,\n      disabled = false,\n      icon: Icon,\n      size = \"md\",\n      tooltip,\n      on = \"lightBackground\",\n      onClick,\n    }: IconButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const foregroundColorClass = foregroundColor(color, on);\n    const backgroundColorClass = backgroundColor(color, on);\n\n    return (\n      <button\n        aria-label={accessibilityLabel}\n        data-testid={dataTestId}\n        type=\"button\"\n        title={tooltip}\n        disabled={!isHydrated || disabled}\n        onClick={onClick}\n        className={classNames(\n          styles.iconButton,\n          foregroundColorClass,\n          backgroundColorClass,\n          border(color, on),\n          styles[size],\n        )}\n        ref={ref}\n      >\n        <Icon className={iconSize[size]} />\n      </button>\n    );\n  },\n);\n\nIconButton.displayName = \"IconButton\";\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_1h8zl_1\",\"sm\":\"_sm_1h8zl_45\",\"md\":\"_md_1h8zl_50\",\"lg\":\"_lg_1h8zl_55\",\"smIcon\":\"_smIcon_1h8zl_60\",\"mdIcon\":\"_mdIcon_1h8zl_67\",\"lgIcon\":\"_lgIcon_1h8zl_74\"}"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AAEvB,SAAgB,kBAAkB;;;ACFkE,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,mBAAkB;;;ADmH9R;AA1GR,IAAM,WAAW;AAAA,EACf,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AACb;AAkEA,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA,KAAK;AAAA,IACL;AAAA,EACF,GACA,QACG;AACH,UAAM,aAAa,cAAc;AACjC,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AAEtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ,eAAa;AAAA,QACb,MAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,cAAc;AAAA,QACzB;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,OAAO,OAAO,EAAE;AAAA,UAChB,0BAAO,IAAI;AAAA,QACb;AAAA,QACA;AAAA,QAEA,8BAAC,QAAK,WAAW,SAAS,IAAI,GAAG;AAAA;AAAA,IACnC;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ;","names":[]}

package/dist/__chunks/{FTKHKS6W.js → JJMHCJ37.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   ModalDialog_default
-} from "./Y2HREK3T.js";
+} from "./NFIK6RYN.js";
 import {
   Dialog_default
-} from "./UF7SXHS4.js";
+} from "./YBOF6XGJ.js";
 import {
   layout_module_default
 } from "./DDUJFFG7.js";
@@ -141,4 +141,4 @@ export {
   AriaPopover,
   Popover_default
 };
-//# sourceMappingURL=FTKHKS6W.js.map
+//# sourceMappingURL=JJMHCJ37.js.map

package/dist/__chunks/JWJK72BH.js

@@ -0,0 +1,17 @@
+"use client"
+
+// css-module:../Button.module.css#css-module
+var Button_module_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" };
+
+// src/Button/constants/iconSize.ts
+var iconSize = {
+  sm: Button_module_default.smIcon,
+  md: Button_module_default.mdIcon,
+  lg: Button_module_default.lgIcon
+};
+var iconSize_default = iconSize;
+
+export {
+  iconSize_default
+};
+//# sourceMappingURL=JWJK72BH.js.map

package/dist/__chunks/JWJK72BH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"sourcesContent":["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\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nexport default iconSize;\n"],"mappings":";;;AAA4F,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;;;ACE1iB,IAAM,WAAW;AAAA,EACf,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/__chunks/{TDR3JRXZ.js → KCGPFLPK.js}

@@ -5,19 +5,16 @@ import {
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./ICDRMDXD.js";
+} from "./B5BNKWTJ.js";
 import {
   Focus_module_default
 } from "./KKADUD65.js";
 import {
   Box_default
-} from "./HCHFPFNX.js";
+} from "./GCE2CI4A.js";
 import {
   Typography_default
-} from "./UVROGDYB.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
+} from "./YAM7DAOZ.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -33,15 +30,10 @@ import {
 import classNames from "classnames";
 
 // css-module:./SelectList.module.css#css-module
-var SelectList_module_default = { "selectContainer": "_selectContainer_dwmnw_1", "opacityOverlay": "_opacityOverlay_dwmnw_7", "selectWrapper": "_selectWrapper_dwmnw_11", "selectBox": "_selectBox_dwmnw_16", "selectBoxClassic": "_selectBoxClassic_dwmnw_32", "selectBoxCambio": "_selectBoxCambio_dwmnw_37", "selectMouseFocusStyling": "_selectMouseFocusStyling_dwmnw_46", "unselected": "_unselected_dwmnw_51", "selected": "_selected_dwmnw_55", "arrowIcon": "_arrowIcon_dwmnw_59", "sm": "_sm_dwmnw_73", "md": "_md_dwmnw_79", "lg": "_lg_dwmnw_85", "selectError": "_selectError_dwmnw_91", "selectErrorCambio": "_selectErrorCambio_dwmnw_97" };
+var SelectList_module_default = { "selectContainer": "_selectContainer_1f379_1", "opacityOverlay": "_opacityOverlay_1f379_7", "selectWrapper": "_selectWrapper_1f379_11", "selectBox": "_selectBox_1f379_16", "selectBoxCambio": "_selectBoxCambio_1f379_32", "selectMouseFocusStyling": "_selectMouseFocusStyling_1f379_41", "unselected": "_unselected_1f379_46", "selected": "_selected_1f379_50", "arrowIcon": "_arrowIcon_1f379_54", "selectErrorCambio": "_selectErrorCambio_1f379_68" };
 
 // src/SelectList/SelectList.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var iconSize = {
-  sm: 20,
-  md: 24,
-  lg: 24
-};
 function SelectList({
   children,
   "data-testid": dataTestId,
@@ -59,7 +51,6 @@ function SelectList({
   const reactId = useId();
   const isHydrated = useIsHydrated();
   const disabled = !isHydrated || disabledProp;
-  const { themeName } = useTheme();
   const selectId = id != null ? id : reactId;
   const { isFocusVisible } = useFocusVisible();
   const [isFocused, setIsFocused] = useState(false);
@@ -76,22 +67,18 @@ function SelectList({
             "select",
             {
               id: selectId,
+              "data-size": size,
               "data-testid": dataTestId,
               disabled,
-              className: classNames(
-                SelectList_module_default.selectBox,
-                themeName === "classic" ? SelectList_module_default.selectBoxClassic : SelectList_module_default.selectBoxCambio,
-                themeName === "classic" && SelectList_module_default[size],
-                {
-                  [SelectList_module_default.unselected]: !selectedValue && !errorText,
-                  [SelectList_module_default.selected]: selectedValue && !errorText,
-                  [themeName === "classic" ? SelectList_module_default.selectError : SelectList_module_default.selectErrorCambio]: errorText,
-                  [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible,
-                  // for focus keyboard
-                  [SelectList_module_default.selectMouseFocusStyling]: isFocused && !isFocusVisible
-                  // for focus mouse
-                }
-              ),
+              className: classNames(SelectList_module_default.selectBox, SelectList_module_default.selectBoxCambio, {
+                [SelectList_module_default.unselected]: !selectedValue && !errorText,
+                [SelectList_module_default.selected]: selectedValue && !errorText,
+                [SelectList_module_default.selectErrorCambio]: errorText,
+                [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible,
+                // for focus keyboard
+                [SelectList_module_default.selectMouseFocusStyling]: isFocused && !isFocusVisible
+                // for focus mouse
+              }),
               onChange,
               onClick,
               value: placeholderText && !selectedValue ? placeholderText : selectedValue,
@@ -109,7 +96,7 @@ function SelectList({
               focusable: "false",
               "aria-hidden": "true",
               viewBox: "0 0 24 24",
-              width: themeName === "classic" ? iconSize[size] : 24,
+              width: 24,
               children: /* @__PURE__ */ jsx(
                 "path",
                 {
@@ -137,4 +124,4 @@ SelectList.Option = SelectOption_default;
 export {
   SelectList
 };
-//# sourceMappingURL=TDR3JRXZ.js.map
+//# sourceMappingURL=KCGPFLPK.js.map

package/dist/__chunks/KCGPFLPK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/SelectList/SelectList.tsx","css-module:./SelectList.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactElement,\n  type ReactNode,\n  useId,\n  useState,\n} from \"react\";\nimport Box from \"../Box/Box\";\nimport classNames from \"classnames\";\nimport {\n  ColorBaseDestructive700,\n  ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport styles from \"./SelectList.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport SelectOption from \"./SelectOption\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [SelectList](https://cambly-syntax.vercel.app/?path=/docs/components-selectlist--docs) is a dropdown menu that allows users to select one option from a list.\n */\nexport default function SelectList({\n  children,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  errorText,\n  helperText,\n  id,\n  label,\n  onChange,\n  onClick,\n  placeholderText,\n  selectedValue = \"\",\n  size = \"md\",\n}: {\n  /**\n   * One or more SelectList.Option components.\n   */\n  children: ReactNode;\n  /**\n   * Test id for the select element\n   */\n  \"data-testid\"?: string;\n  /**\n   * true if the select dropdown is disabled\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Callback to be called when select is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLSelectElement>;\n  /**\n   * Text shown below select box if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Text shown below select box\n   */\n  helperText?: string;\n  /**\n   * Id of the select element\n   */\n  id?: string;\n  /**\n   * Text shown above select box\n   */\n  label: string;\n  /**\n   * The callback to be called when an option is selected\n   */\n  onChange: React.ChangeEventHandler<HTMLSelectElement>;\n  /**\n   * Text showing in select box if no option has been chosen.\n   * We should always have a placeholder unless there is a default option selected\n   */\n  placeholderText?: string;\n  /**\n   * Value of the currently selected option\n   */\n  selectedValue?: string;\n  /**\n   * Size of the select box\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   * @deprecated we only support `md` size\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n}): ReactElement {\n  const reactId = useId();\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const selectId = id ?? reactId;\n  const { isFocusVisible } = useFocusVisible();\n  const [isFocused, setIsFocused] = useState(false);\n\n  return (\n    <div\n      className={classNames(styles.selectContainer, {\n        [styles.opacityOverlay]: disabled,\n      })}\n    >\n      {label && (\n        <label htmlFor={selectId}>\n          <Box paddingX={1}>\n            <Typography size={100} color=\"gray700\">\n              {label}\n            </Typography>\n          </Box>\n        </label>\n      )}\n      <div className={styles.selectWrapper}>\n        <select\n          id={selectId}\n          data-size={size}\n          data-testid={dataTestId}\n          disabled={disabled}\n          className={classNames(styles.selectBox, styles.selectBoxCambio, {\n            [styles.unselected]: !selectedValue && !errorText,\n            [styles.selected]: selectedValue && !errorText,\n            [styles.selectErrorCambio]: errorText,\n            [focusStyles.accessibilityOutlineFocus]:\n              isFocused && isFocusVisible, // for focus keyboard\n            [styles.selectMouseFocusStyling]: isFocused && !isFocusVisible, // for focus mouse\n          })}\n          onChange={onChange}\n          onClick={onClick}\n          value={\n            placeholderText && !selectedValue ? placeholderText : selectedValue\n          }\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n        >\n          {placeholderText && (\n            <option disabled value={placeholderText}>\n              {placeholderText}\n            </option>\n          )}\n          {children}\n        </select>\n        <div className={styles.arrowIcon}>\n          <svg\n            focusable=\"false\"\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            width={24}\n          >\n            <path\n              fill={errorText ? ColorBaseDestructive700 : ColorBaseGray800}\n              d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n            />\n          </svg>\n        </div>\n      </div>\n      {(helperText || errorText) && (\n        <Box paddingX={1}>\n          <Typography\n            size={100}\n            color={errorText ? \"destructive-primary\" : \"gray700\"}\n          >\n            {errorText ? errorText : helperText}\n          </Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nSelectList.Option = SelectOption;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_1f379_1\",\"opacityOverlay\":\"_opacityOverlay_1f379_7\",\"selectWrapper\":\"_selectWrapper_1f379_11\",\"selectBox\":\"_selectBox_1f379_16\",\"selectBoxCambio\":\"_selectBoxCambio_1f379_32\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_1f379_41\",\"unselected\":\"_unselected_1f379_46\",\"selected\":\"_selected_1f379_50\",\"arrowIcon\":\"_arrowIcon_1f379_54\",\"selectErrorCambio\":\"_selectErrorCambio_1f379_68\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AAEP,OAAO,gBAAgB;;;ACP6E,IAAO,4BAAQ,EAAC,mBAAkB,4BAA2B,kBAAiB,2BAA0B,iBAAgB,2BAA0B,aAAY,uBAAsB,mBAAkB,6BAA4B,2BAA0B,qCAAoC,cAAa,wBAAuB,YAAW,sBAAqB,aAAY,uBAAsB,qBAAoB,8BAA6B;;;AD6G/gB,cAOJ,YAPI;AAvFG,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,OAAO;AACT,GAyDiB;AACf,QAAM,UAAU,MAAM;AACtB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,WAAW,kBAAM;AACvB,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,0BAAO,iBAAiB;AAAA,QAC5C,CAAC,0BAAO,cAAc,GAAG;AAAA,MAC3B,CAAC;AAAA,MAEA;AAAA,iBACC,oBAAC,WAAM,SAAS,UACd,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF,GACF;AAAA,QAEF,qBAAC,SAAI,WAAW,0BAAO,eACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,aAAW;AAAA,cACX,eAAa;AAAA,cACb;AAAA,cACA,WAAW,WAAW,0BAAO,WAAW,0BAAO,iBAAiB;AAAA,gBAC9D,CAAC,0BAAO,UAAU,GAAG,CAAC,iBAAiB,CAAC;AAAA,gBACxC,CAAC,0BAAO,QAAQ,GAAG,iBAAiB,CAAC;AAAA,gBACrC,CAAC,0BAAO,iBAAiB,GAAG;AAAA,gBAC5B,CAAC,qBAAY,yBAAyB,GACpC,aAAa;AAAA;AAAA,gBACf,CAAC,0BAAO,uBAAuB,GAAG,aAAa,CAAC;AAAA;AAAA,cAClD,CAAC;AAAA,cACD;AAAA,cACA;AAAA,cACA,OACE,mBAAmB,CAAC,gBAAgB,kBAAkB;AAAA,cAExD,SAAS,MAAM,aAAa,IAAI;AAAA,cAChC,QAAQ,MAAM,aAAa,KAAK;AAAA,cAE/B;AAAA,mCACC,oBAAC,YAAO,UAAQ,MAAC,OAAO,iBACrB,2BACH;AAAA,gBAED;AAAA;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,SAAI,WAAW,0BAAO,WACrB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAAQ;AAAA,cACR,OAAO;AAAA,cAEP;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,YAAY,0BAA0B;AAAA,kBAC5C,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA,UACF,GACF;AAAA,WACF;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,YAAY,wBAAwB;AAAA,YAE1C,sBAAY,YAAY;AAAA;AAAA,QAC3B,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,WAAW,SAAS;","names":[]}

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

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _5MKCDCHQcjs = require('./5MKCDCHQ.cjs');
+var _MLUQYLT2cjs = require('./MLUQYLT2.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, 
-      _5MKCDCHQcjs.RadioButton_default,
+      _MLUQYLT2cjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=WOIJRASP.cjs.map
+//# sourceMappingURL=KNFEGYQM.cjs.map

package/dist/__chunks/KZR322YX.cjs

@@ -0,0 +1,97 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+
+var _RJ3ZYLJScjs = require('./RJ3ZYLJS.cjs');
+
+
+var _XCSW34UMcjs = require('./XCSW34UM.cjs');
+
+// css-module:./Badge.module.css#css-module
+var Badge_module_default = { "icon": "_icon_1g9xb_1" };
+
+// src/Badge/Badge.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var badgeColorClassicToCambio = {
+  gray200: "gray370",
+  gray900: "gray870",
+  destructive700: "destructive300",
+  orange700: "orange",
+  yellow700: "tan",
+  success700: "success300",
+  primary700: "sky",
+  purple700: "lilac",
+  sky: "sky",
+  success300: "success300",
+  destructive300: "destructive300",
+  orange: "orange",
+  tan: "tan",
+  gray370: "gray370",
+  gray870: "gray870",
+  lilac: "lilac",
+  thistle: "thistle",
+  pink: "pink"
+};
+var textColorForBackgroundColor = (color) => {
+  switch (color) {
+    case "gray200":
+    case "yellow700":
+      return "gray900";
+    case "gray370":
+    case "destructive300":
+    case "orange":
+    case "tan":
+    case "success300":
+    case "sky":
+    case "thistle":
+    case "pink":
+    case "lilac":
+      return "gray900";
+    default:
+      return "white";
+  }
+};
+var Badge = ({
+  icon: Icon,
+  text,
+  color = "primary700"
+}) => {
+  const mappedColor = badgeColorClassicToCambio[color];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _RJ3ZYLJScjs.Box_default,
+    {
+      display: "inlineFlex",
+      paddingX: 2,
+      rounding: "sm",
+      backgroundColor: mappedColor,
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: 24,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _XCSW34UMcjs.Typography_default,
+        {
+          size: 100,
+          weight: "medium",
+          color: textColorForBackgroundColor(mappedColor),
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _RJ3ZYLJScjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
+            Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: Badge_module_default.icon }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _XCSW34UMcjs.Typography_default,
+              {
+                color: textColorForBackgroundColor(mappedColor),
+                size: 100,
+                weight: "medium",
+                children: text
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+};
+var Badge_default = Badge;
+
+
+
+exports.Badge_default = Badge_default;
+//# sourceMappingURL=KZR322YX.cjs.map

package/dist/__chunks/KZR322YX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./Badge.module.css#css-module","../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;AAA0F,IAAO,uBAAQ,EAAC,QAAO,gBAAe;;;ACuIxH,SACW,KADX;AA3GR,IAAM,4BAA4B;AAAA,EAChC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR;AAEA,IAAM,8BAA8B,CAClC,UACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,QAAQ,CAAC;AAAA,EACb,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AACV,MAuCmB;AACjB,QAAM,cAAc,0BAA0B,KAAK;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,WAAW;AAAA,MAEX;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAO;AAAA,UACP,OAAO,4BAA4B,WAAW;AAAA,UAE9C,+BAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,YAAW,UAAS,gBAAe,SAC5D;AAAA,oBAAQ,oBAAC,QAAK,WAAW,qBAAO,MAAM;AAAA,YACvC;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,4BAA4B,WAAW;AAAA,gBAC9C,MAAM;AAAA,gBACN,QAAO;AAAA,gBAEN;AAAA;AAAA,YACH;AAAA,aACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css\"; export default {\"icon\":\"_icon_1g9xb_1\"}","import Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Badge.module.css\";\n\nconst badgeColorClassic = [\n  \"gray200\",\n  \"gray900\",\n  \"destructive700\",\n  \"orange700\",\n  \"yellow700\",\n  \"success700\",\n  \"primary700\",\n  \"purple700\",\n] as const;\n\nconst badgeColorCambio = [\n  \"sky\",\n  \"success300\",\n  \"destructive300\",\n  \"orange\",\n  \"tan\",\n  \"gray370\",\n  \"gray870\",\n  \"lilac\",\n  \"thistle\",\n  \"pink\",\n] as const;\n\nconst badgeColorClassicToCambio = {\n  gray200: \"gray370\",\n  gray900: \"gray870\",\n  destructive700: \"destructive300\",\n  orange700: \"orange\",\n  yellow700: \"tan\",\n  success700: \"success300\",\n  primary700: \"sky\",\n  purple700: \"lilac\",\n  sky: \"sky\",\n  success300: \"success300\",\n  destructive300: \"destructive300\",\n  orange: \"orange\",\n  tan: \"tan\",\n  gray370: \"gray370\",\n  gray870: \"gray870\",\n  lilac: \"lilac\",\n  thistle: \"thistle\",\n  pink: \"pink\",\n} as const;\n\nconst textColorForBackgroundColor = (\n  color: (typeof badgeColorClassic)[number] | (typeof badgeColorCambio)[number],\n): \"gray900\" | \"white\" => {\n  switch (color) {\n    case \"gray200\":\n    case \"yellow700\":\n      return \"gray900\";\n    case \"gray370\":\n    case \"destructive300\":\n    case \"orange\":\n    case \"tan\":\n    case \"success300\":\n    case \"sky\":\n    case \"thistle\":\n    case \"pink\":\n    case \"lilac\":\n      return \"gray900\";\n    default:\n      return \"white\";\n  }\n};\n\n/**\n * [Badge](https://cambly-syntax.vercel.app/?path=/docs/components-badge--docs) is a component to display short text and give additional context to features and other components.\n */\nconst Badge = ({\n  icon: Icon,\n  text,\n  color = \"primary700\",\n}: {\n  /**\n   * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The text to display inside the badge\n   */\n  text: string;\n  /**\n   * The color of the badge\n   *\n   * Classic colors:\n   * * `gray200` => maps to neutralLight in Cambio\n   * * `gray900` => maps to neutralDark in Cambio\n   * * `destructive700` => maps to destructive in Cambio\n   * * `orange700` => maps to orange in Cambio\n   * * `yellow700` => maps to tan in Cambio\n   * * `success700` => maps to success in Cambio\n   * * `primary700` => maps to sky in Cambio\n   * * `purple700` => maps to lilac in Cambio\n   *\n   * Cambio colors:\n   * * `sky`\n   * * `success300`\n   * * `destructive300`\n   * * `orange`\n   * * `tan`\n   * * `gray370`\n   * * `gray870`\n   * * `lilac`\n   * * `thistle`\n   * * `pink`\n   *\n   * @defaultValue \"primary700\"\n   */\n  color?:\n    | (typeof badgeColorClassic)[number]\n    | (typeof badgeColorCambio)[number];\n}): JSX.Element => {\n  const mappedColor = badgeColorClassicToCambio[color];\n\n  return (\n    <Box\n      display=\"inlineFlex\"\n      paddingX={2}\n      rounding={\"sm\"}\n      backgroundColor={mappedColor}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      minHeight={24}\n    >\n      <Typography\n        size={100}\n        weight=\"medium\"\n        color={textColorForBackgroundColor(mappedColor)}\n      >\n        <Box display=\"flex\" gap={1} alignItems=\"center\" justifyContent=\"start\">\n          {Icon && <Icon className={styles.icon} />}\n          <Typography\n            color={textColorForBackgroundColor(mappedColor)}\n            size={100}\n            weight=\"medium\"\n          >\n            {text}\n          </Typography>\n        </Box>\n      </Typography>\n    </Box>\n  );\n};\n\nexport default Badge;\n"]}

package/dist/__chunks/KZT53ITQ.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+// css-module:./colors.module.css#css-module
+var colors_module_default = { "inheritColor": "_inheritColor_duy1y_2", "destructive700Color": "_destructive700Color_duy1y_6", "gray700Color": "_gray700Color_duy1y_10", "gray900Color": "_gray900Color_duy1y_14", "primary700Color": "_primary700Color_duy1y_18", "success700Color": "_success700Color_duy1y_22", "whiteColor": "_whiteColor_duy1y_26", "noBorder": "_noBorder_duy1y_31", "blackBorderColor": "_blackBorderColor_duy1y_35", "whiteBorderColor": "_whiteBorderColor_duy1y_39", "success770BorderColor": "_success770BorderColor_duy1y_43", "destructive770BorderColor": "_destructive770BorderColor_duy1y_47", "gray370BorderColor": "_gray370BorderColor_duy1y_51", "success370BorderColor": "_success370BorderColor_duy1y_55", "destructive370BorderColor": "_destructive370BorderColor_duy1y_59", "blackBackgroundColor": "_blackBackgroundColor_duy1y_65", "destructive100BackgroundColor": "_destructive100BackgroundColor_duy1y_69", "destructive200BackgroundColor": "_destructive200BackgroundColor_duy1y_73", "destructive300BackgroundColor": "_destructive300BackgroundColor_duy1y_77", "destructive700BackgroundColor": "_destructive700BackgroundColor_duy1y_81", "destructive800BackgroundColor": "_destructive800BackgroundColor_duy1y_85", "destructive900BackgroundColor": "_destructive900BackgroundColor_duy1y_89", "gray10BackgroundColor": "_gray10BackgroundColor_duy1y_93", "gray30BackgroundColor": "_gray30BackgroundColor_duy1y_97", "gray60BackgroundColor": "_gray60BackgroundColor_duy1y_101", "gray80BackgroundColor": "_gray80BackgroundColor_duy1y_105", "gray100BackgroundColor": "_gray100BackgroundColor_duy1y_109", "gray200BackgroundColor": "_gray200BackgroundColor_duy1y_113", "gray300BackgroundColor": "_gray300BackgroundColor_duy1y_117", "gray700BackgroundColor": "_gray700BackgroundColor_duy1y_121", "gray800BackgroundColor": "_gray800BackgroundColor_duy1y_125", "gray900BackgroundColor": "_gray900BackgroundColor_duy1y_129", "orange100BackgroundColor": "_orange100BackgroundColor_duy1y_133", "orange200BackgroundColor": "_orange200BackgroundColor_duy1y_137", "orange300BackgroundColor": "_orange300BackgroundColor_duy1y_141", "orange700BackgroundColor": "_orange700BackgroundColor_duy1y_145", "orange800BackgroundColor": "_orange800BackgroundColor_duy1y_149", "orange900BackgroundColor": "_orange900BackgroundColor_duy1y_153", "primary100BackgroundColor": "_primary100BackgroundColor_duy1y_157", "primary200BackgroundColor": "_primary200BackgroundColor_duy1y_161", "primary300BackgroundColor": "_primary300BackgroundColor_duy1y_165", "primary700BackgroundColor": "_primary700BackgroundColor_duy1y_169", "primary800BackgroundColor": "_primary800BackgroundColor_duy1y_173", "primary900BackgroundColor": "_primary900BackgroundColor_duy1y_177", "success100BackgroundColor": "_success100BackgroundColor_duy1y_181", "success200BackgroundColor": "_success200BackgroundColor_duy1y_185", "success300BackgroundColor": "_success300BackgroundColor_duy1y_189", "success700BackgroundColor": "_success700BackgroundColor_duy1y_193", "success800BackgroundColor": "_success800BackgroundColor_duy1y_197", "success900BackgroundColor": "_success900BackgroundColor_duy1y_201", "purple100BackgroundColor": "_purple100BackgroundColor_duy1y_205", "purple200BackgroundColor": "_purple200BackgroundColor_duy1y_209", "purple300BackgroundColor": "_purple300BackgroundColor_duy1y_213", "purple700BackgroundColor": "_purple700BackgroundColor_duy1y_217", "purple800BackgroundColor": "_purple800BackgroundColor_duy1y_221", "purple900BackgroundColor": "_purple900BackgroundColor_duy1y_225", "whiteBackgroundColor": "_whiteBackgroundColor_duy1y_229", "yellow100BackgroundColor": "_yellow100BackgroundColor_duy1y_233", "yellow200BackgroundColor": "_yellow200BackgroundColor_duy1y_237", "yellow300BackgroundColor": "_yellow300BackgroundColor_duy1y_241", "yellow700BackgroundColor": "_yellow700BackgroundColor_duy1y_245", "yellow800BackgroundColor": "_yellow800BackgroundColor_duy1y_249", "yellow900BackgroundColor": "_yellow900BackgroundColor_duy1y_253", "cambioBlackColor": "_cambioBlackColor_duy1y_258", "cambioWhiteColor": "_cambioWhiteColor_duy1y_262", "cambioGray100Color": "_cambioGray100Color_duy1y_266", "cambioGray200Color": "_cambioGray200Color_duy1y_270", "cambioGray300Color": "_cambioGray300Color_duy1y_274", "cambioGray370Color": "_cambioGray370Color_duy1y_278", "cambioGray700Color": "_cambioGray700Color_duy1y_282", "cambioGray800Color": "_cambioGray800Color_duy1y_286", "cambioGray870Color": "_cambioGray870Color_duy1y_290", "cambioGray900Color": "_cambioGray900Color_duy1y_294", "cambioDestructive100Color": "_cambioDestructive100Color_duy1y_298", "cambioDestructive300Color": "_cambioDestructive300Color_duy1y_302", "cambioDestructive370Color": "_cambioDestructive370Color_duy1y_306", "cambioDestructive700Color": "_cambioDestructive700Color_duy1y_310", "cambioDestructive770Color": "_cambioDestructive770Color_duy1y_314", "cambioDestructive900Color": "_cambioDestructive900Color_duy1y_318", "cambioSuccess100Color": "_cambioSuccess100Color_duy1y_322", "cambioSuccess300Color": "_cambioSuccess300Color_duy1y_326", "cambioSuccess370Color": "_cambioSuccess370Color_duy1y_330", "cambioSuccess700Color": "_cambioSuccess700Color_duy1y_334", "cambioSuccess770Color": "_cambioSuccess770Color_duy1y_338", "cambioSuccess900Color": "_cambioSuccess900Color_duy1y_342", "cambioRedColor": "_cambioRedColor_duy1y_346", "cambioOrangeColor": "_cambioOrangeColor_duy1y_350", "cambioTanColor": "_cambioTanColor_duy1y_354", "cambioCreamColor": "_cambioCreamColor_duy1y_358", "cambioPurpleColor": "_cambioPurpleColor_duy1y_362", "cambioLilacColor": "_cambioLilacColor_duy1y_366", "cambioThistleColor": "_cambioThistleColor_duy1y_370", "cambioPinkColor": "_cambioPinkColor_duy1y_374", "cambioNavyColor": "_cambioNavyColor_duy1y_378", "cambioTealColor": "_cambioTealColor_duy1y_382", "cambioSlateColor": "_cambioSlateColor_duy1y_386", "cambioSkyColor": "_cambioSkyColor_duy1y_390", "cambioYellow700Color": "_cambioYellow700Color_duy1y_394", "cambioTransparentFullBackgroundColor": "_cambioTransparentFullBackgroundColor_duy1y_398", "cambioBlackBackgroundColor": "_cambioBlackBackgroundColor_duy1y_402", "cambioWhiteBackgroundColor": "_cambioWhiteBackgroundColor_duy1y_406", "cambioGray100BackgroundColor": "_cambioGray100BackgroundColor_duy1y_410", "cambioGray200BackgroundColor": "_cambioGray200BackgroundColor_duy1y_414", "cambioGray300BackgroundColor": "_cambioGray300BackgroundColor_duy1y_418", "gray370BackgroundColor": "_gray370BackgroundColor_duy1y_422", "cambioGray370BackgroundColor": "_cambioGray370BackgroundColor_duy1y_426", "cambioGray700BackgroundColor": "_cambioGray700BackgroundColor_duy1y_430", "cambioGray800BackgroundColor": "_cambioGray800BackgroundColor_duy1y_434", "gray870BackgroundColor": "_gray870BackgroundColor_duy1y_438", "cambioGray870BackgroundColor": "_cambioGray870BackgroundColor_duy1y_442", "cambioGray900BackgroundColor": "_cambioGray900BackgroundColor_duy1y_446", "cambioDestructive100BackgroundColor": "_cambioDestructive100BackgroundColor_duy1y_450", "cambioDestructive300BackgroundColor": "_cambioDestructive300BackgroundColor_duy1y_454", "cambioDestructive370BackgroundColor": "_cambioDestructive370BackgroundColor_duy1y_458", "cambioDestructive700BackgroundColor": "_cambioDestructive700BackgroundColor_duy1y_462", "cambioDestructive770BackgroundColor": "_cambioDestructive770BackgroundColor_duy1y_466", "cambioDestructive900BackgroundColor": "_cambioDestructive900BackgroundColor_duy1y_470", "cambioSuccess100BackgroundColor": "_cambioSuccess100BackgroundColor_duy1y_474", "cambioSuccess300BackgroundColor": "_cambioSuccess300BackgroundColor_duy1y_478", "cambioSuccess370BackgroundColor": "_cambioSuccess370BackgroundColor_duy1y_482", "cambioSuccess700BackgroundColor": "_cambioSuccess700BackgroundColor_duy1y_486", "cambioSuccess770BackgroundColor": "_cambioSuccess770BackgroundColor_duy1y_490", "cambioSuccess900BackgroundColor": "_cambioSuccess900BackgroundColor_duy1y_494", "redBackgroundColor": "_redBackgroundColor_duy1y_498", "cambioRedBackgroundColor": "_cambioRedBackgroundColor_duy1y_502", "orangeBackgroundColor": "_orangeBackgroundColor_duy1y_506", "cambioOrangeBackgroundColor": "_cambioOrangeBackgroundColor_duy1y_510", "tanBackgroundColor": "_tanBackgroundColor_duy1y_514", "cambioTanBackgroundColor": "_cambioTanBackgroundColor_duy1y_518", "creamBackgroundColor": "_creamBackgroundColor_duy1y_522", "cambioCreamBackgroundColor": "_cambioCreamBackgroundColor_duy1y_526", "purpleBackgroundColor": "_purpleBackgroundColor_duy1y_530", "cambioPurpleBackgroundColor": "_cambioPurpleBackgroundColor_duy1y_534", "lilacBackgroundColor": "_lilacBackgroundColor_duy1y_538", "cambioLilacBackgroundColor": "_cambioLilacBackgroundColor_duy1y_542", "thistleBackgroundColor": "_thistleBackgroundColor_duy1y_546", "cambioThistleBackgroundColor": "_cambioThistleBackgroundColor_duy1y_550", "pinkBackgroundColor": "_pinkBackgroundColor_duy1y_554", "cambioPinkBackgroundColor": "_cambioPinkBackgroundColor_duy1y_558", "navyBackgroundColor": "_navyBackgroundColor_duy1y_562", "cambioNavyBackgroundColor": "_cambioNavyBackgroundColor_duy1y_566", "tealBackgroundColor": "_tealBackgroundColor_duy1y_570", "cambioTealBackgroundColor": "_cambioTealBackgroundColor_duy1y_574", "slateBackgroundColor": "_slateBackgroundColor_duy1y_578", "cambioSlateBackgroundColor": "_cambioSlateBackgroundColor_duy1y_582", "skyBackgroundColor": "_skyBackgroundColor_duy1y_586", "cambioSkyBackgroundColor": "_cambioSkyBackgroundColor_duy1y_590", "cambioYellow700BackgroundColor": "_cambioYellow700BackgroundColor_duy1y_594" };
+
+
+
+exports.colors_module_default = colors_module_default;
+//# sourceMappingURL=KZT53ITQ.cjs.map

package/dist/__chunks/KZT53ITQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./colors.module.css#css-module"],"names":[],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,gBAAe,yBAAwB,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,mBAAkB,6BAA4B,mBAAkB,6BAA4B,cAAa,wBAAuB,YAAW,sBAAqB,oBAAmB,8BAA6B,oBAAmB,8BAA6B,yBAAwB,mCAAkC,6BAA4B,uCAAsC,sBAAqB,gCAA+B,yBAAwB,mCAAkC,6BAA4B,uCAAsC,wBAAuB,kCAAiC,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,0BAAyB,qCAAoC,0BAAyB,qCAAoC,0BAAyB,qCAAoC,0BAAyB,qCAAoC,0BAAyB,qCAAoC,0BAAyB,qCAAoC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,oBAAmB,+BAA8B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,kBAAiB,6BAA4B,qBAAoB,gCAA+B,kBAAiB,6BAA4B,oBAAmB,+BAA8B,qBAAoB,gCAA+B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,oBAAmB,+BAA8B,kBAAiB,6BAA4B,wBAAuB,mCAAkC,wCAAuC,mDAAkD,8BAA6B,yCAAwC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,0BAAyB,qCAAoC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,0BAAyB,qCAAoC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,sBAAqB,iCAAgC,4BAA2B,uCAAsC,yBAAwB,oCAAmC,+BAA8B,0CAAyC,sBAAqB,iCAAgC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,yBAAwB,oCAAmC,+BAA8B,0CAAyC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,0BAAyB,qCAAoC,gCAA+B,2CAA0C,uBAAsB,kCAAiC,6BAA4B,wCAAuC,uBAAsB,kCAAiC,6BAA4B,wCAAuC,uBAAsB,kCAAiC,6BAA4B,wCAAuC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,sBAAqB,iCAAgC,4BAA2B,uCAAsC,kCAAiC,4CAA2C","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_duy1y_2\",\"destructive700Color\":\"_destructive700Color_duy1y_6\",\"gray700Color\":\"_gray700Color_duy1y_10\",\"gray900Color\":\"_gray900Color_duy1y_14\",\"primary700Color\":\"_primary700Color_duy1y_18\",\"success700Color\":\"_success700Color_duy1y_22\",\"whiteColor\":\"_whiteColor_duy1y_26\",\"noBorder\":\"_noBorder_duy1y_31\",\"blackBorderColor\":\"_blackBorderColor_duy1y_35\",\"whiteBorderColor\":\"_whiteBorderColor_duy1y_39\",\"success770BorderColor\":\"_success770BorderColor_duy1y_43\",\"destructive770BorderColor\":\"_destructive770BorderColor_duy1y_47\",\"gray370BorderColor\":\"_gray370BorderColor_duy1y_51\",\"success370BorderColor\":\"_success370BorderColor_duy1y_55\",\"destructive370BorderColor\":\"_destructive370BorderColor_duy1y_59\",\"blackBackgroundColor\":\"_blackBackgroundColor_duy1y_65\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_duy1y_69\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_duy1y_73\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_duy1y_77\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_duy1y_81\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_duy1y_85\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_duy1y_89\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_duy1y_93\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_duy1y_97\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_duy1y_101\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_duy1y_105\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_duy1y_109\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_duy1y_113\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_duy1y_117\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_duy1y_121\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_duy1y_125\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_duy1y_129\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_duy1y_133\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_duy1y_137\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_duy1y_141\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_duy1y_145\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_duy1y_149\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_duy1y_153\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_duy1y_157\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_duy1y_161\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_duy1y_165\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_duy1y_169\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_duy1y_173\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_duy1y_177\",\"success100BackgroundColor\":\"_success100BackgroundColor_duy1y_181\",\"success200BackgroundColor\":\"_success200BackgroundColor_duy1y_185\",\"success300BackgroundColor\":\"_success300BackgroundColor_duy1y_189\",\"success700BackgroundColor\":\"_success700BackgroundColor_duy1y_193\",\"success800BackgroundColor\":\"_success800BackgroundColor_duy1y_197\",\"success900BackgroundColor\":\"_success900BackgroundColor_duy1y_201\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_duy1y_205\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_duy1y_209\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_duy1y_213\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_duy1y_217\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_duy1y_221\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_duy1y_225\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_duy1y_229\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_duy1y_233\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_duy1y_237\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_duy1y_241\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_duy1y_245\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_duy1y_249\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_duy1y_253\",\"cambioBlackColor\":\"_cambioBlackColor_duy1y_258\",\"cambioWhiteColor\":\"_cambioWhiteColor_duy1y_262\",\"cambioGray100Color\":\"_cambioGray100Color_duy1y_266\",\"cambioGray200Color\":\"_cambioGray200Color_duy1y_270\",\"cambioGray300Color\":\"_cambioGray300Color_duy1y_274\",\"cambioGray370Color\":\"_cambioGray370Color_duy1y_278\",\"cambioGray700Color\":\"_cambioGray700Color_duy1y_282\",\"cambioGray800Color\":\"_cambioGray800Color_duy1y_286\",\"cambioGray870Color\":\"_cambioGray870Color_duy1y_290\",\"cambioGray900Color\":\"_cambioGray900Color_duy1y_294\",\"cambioDestructive100Color\":\"_cambioDestructive100Color_duy1y_298\",\"cambioDestructive300Color\":\"_cambioDestructive300Color_duy1y_302\",\"cambioDestructive370Color\":\"_cambioDestructive370Color_duy1y_306\",\"cambioDestructive700Color\":\"_cambioDestructive700Color_duy1y_310\",\"cambioDestructive770Color\":\"_cambioDestructive770Color_duy1y_314\",\"cambioDestructive900Color\":\"_cambioDestructive900Color_duy1y_318\",\"cambioSuccess100Color\":\"_cambioSuccess100Color_duy1y_322\",\"cambioSuccess300Color\":\"_cambioSuccess300Color_duy1y_326\",\"cambioSuccess370Color\":\"_cambioSuccess370Color_duy1y_330\",\"cambioSuccess700Color\":\"_cambioSuccess700Color_duy1y_334\",\"cambioSuccess770Color\":\"_cambioSuccess770Color_duy1y_338\",\"cambioSuccess900Color\":\"_cambioSuccess900Color_duy1y_342\",\"cambioRedColor\":\"_cambioRedColor_duy1y_346\",\"cambioOrangeColor\":\"_cambioOrangeColor_duy1y_350\",\"cambioTanColor\":\"_cambioTanColor_duy1y_354\",\"cambioCreamColor\":\"_cambioCreamColor_duy1y_358\",\"cambioPurpleColor\":\"_cambioPurpleColor_duy1y_362\",\"cambioLilacColor\":\"_cambioLilacColor_duy1y_366\",\"cambioThistleColor\":\"_cambioThistleColor_duy1y_370\",\"cambioPinkColor\":\"_cambioPinkColor_duy1y_374\",\"cambioNavyColor\":\"_cambioNavyColor_duy1y_378\",\"cambioTealColor\":\"_cambioTealColor_duy1y_382\",\"cambioSlateColor\":\"_cambioSlateColor_duy1y_386\",\"cambioSkyColor\":\"_cambioSkyColor_duy1y_390\",\"cambioYellow700Color\":\"_cambioYellow700Color_duy1y_394\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_duy1y_398\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_duy1y_402\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_duy1y_406\",\"cambioGray100BackgroundColor\":\"_cambioGray100BackgroundColor_duy1y_410\",\"cambioGray200BackgroundColor\":\"_cambioGray200BackgroundColor_duy1y_414\",\"cambioGray300BackgroundColor\":\"_cambioGray300BackgroundColor_duy1y_418\",\"gray370BackgroundColor\":\"_gray370BackgroundColor_duy1y_422\",\"cambioGray370BackgroundColor\":\"_cambioGray370BackgroundColor_duy1y_426\",\"cambioGray700BackgroundColor\":\"_cambioGray700BackgroundColor_duy1y_430\",\"cambioGray800BackgroundColor\":\"_cambioGray800BackgroundColor_duy1y_434\",\"gray870BackgroundColor\":\"_gray870BackgroundColor_duy1y_438\",\"cambioGray870BackgroundColor\":\"_cambioGray870BackgroundColor_duy1y_442\",\"cambioGray900BackgroundColor\":\"_cambioGray900BackgroundColor_duy1y_446\",\"cambioDestructive100BackgroundColor\":\"_cambioDestructive100BackgroundColor_duy1y_450\",\"cambioDestructive300BackgroundColor\":\"_cambioDestructive300BackgroundColor_duy1y_454\",\"cambioDestructive370BackgroundColor\":\"_cambioDestructive370BackgroundColor_duy1y_458\",\"cambioDestructive700BackgroundColor\":\"_cambioDestructive700BackgroundColor_duy1y_462\",\"cambioDestructive770BackgroundColor\":\"_cambioDestructive770BackgroundColor_duy1y_466\",\"cambioDestructive900BackgroundColor\":\"_cambioDestructive900BackgroundColor_duy1y_470\",\"cambioSuccess100BackgroundColor\":\"_cambioSuccess100BackgroundColor_duy1y_474\",\"cambioSuccess300BackgroundColor\":\"_cambioSuccess300BackgroundColor_duy1y_478\",\"cambioSuccess370BackgroundColor\":\"_cambioSuccess370BackgroundColor_duy1y_482\",\"cambioSuccess700BackgroundColor\":\"_cambioSuccess700BackgroundColor_duy1y_486\",\"cambioSuccess770BackgroundColor\":\"_cambioSuccess770BackgroundColor_duy1y_490\",\"cambioSuccess900BackgroundColor\":\"_cambioSuccess900BackgroundColor_duy1y_494\",\"redBackgroundColor\":\"_redBackgroundColor_duy1y_498\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_duy1y_502\",\"orangeBackgroundColor\":\"_orangeBackgroundColor_duy1y_506\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_duy1y_510\",\"tanBackgroundColor\":\"_tanBackgroundColor_duy1y_514\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_duy1y_518\",\"creamBackgroundColor\":\"_creamBackgroundColor_duy1y_522\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_duy1y_526\",\"purpleBackgroundColor\":\"_purpleBackgroundColor_duy1y_530\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_duy1y_534\",\"lilacBackgroundColor\":\"_lilacBackgroundColor_duy1y_538\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_duy1y_542\",\"thistleBackgroundColor\":\"_thistleBackgroundColor_duy1y_546\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_duy1y_550\",\"pinkBackgroundColor\":\"_pinkBackgroundColor_duy1y_554\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_duy1y_558\",\"navyBackgroundColor\":\"_navyBackgroundColor_duy1y_562\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_duy1y_566\",\"tealBackgroundColor\":\"_tealBackgroundColor_duy1y_570\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_duy1y_574\",\"slateBackgroundColor\":\"_slateBackgroundColor_duy1y_578\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_duy1y_582\",\"skyBackgroundColor\":\"_skyBackgroundColor_duy1y_586\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_duy1y_590\",\"cambioYellow700BackgroundColor\":\"_cambioYellow700BackgroundColor_duy1y_594\"}"]}

package/dist/__chunks/LBA34HLF.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+
+var _KZT53ITQcjs = require('./KZT53ITQ.cjs');
+
+// src/colors/foregroundColor.ts
+function foregroundColor(color, on) {
+  if (on === "lightBackground") {
+    switch (color) {
+      case "primary":
+      case "success-primary":
+      case "destructive-primary":
+        return _KZT53ITQcjs.colors_module_default.cambioWhiteColor;
+      case "success-secondary":
+      case "success-tertiary":
+        return _KZT53ITQcjs.colors_module_default.cambioSuccess700Color;
+      case "destructive-secondary":
+      case "destructive-tertiary":
+        return _KZT53ITQcjs.colors_module_default.cambioDestructive700Color;
+      default:
+        return _KZT53ITQcjs.colors_module_default.cambioBlackColor;
+    }
+  } else {
+    switch (color) {
+      case "primary":
+      case "success-primary":
+      case "destructive-primary":
+        return _KZT53ITQcjs.colors_module_default.cambioBlackColor;
+      case "secondary":
+      case "tertiary":
+        return _KZT53ITQcjs.colors_module_default.cambioWhiteColor;
+      case "success-secondary":
+      case "success-tertiary":
+        return _KZT53ITQcjs.colors_module_default.cambioSuccess300Color;
+      case "destructive-secondary":
+      case "destructive-tertiary":
+        return _KZT53ITQcjs.colors_module_default.cambioDestructive300Color;
+      default:
+        return _KZT53ITQcjs.colors_module_default.cambioBlackColor;
+    }
+  }
+}
+
+
+
+exports.foregroundColor = foregroundColor;
+//# sourceMappingURL=LBA34HLF.cjs.map

package/dist/__chunks/LBA34HLF.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 CambioColor } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function foregroundColor(\n  color: (typeof CambioColor)[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/{3CNALXRL.js → LQ6UZ6GG.js}

@@ -1,29 +1,29 @@
 "use client"
 import {
   ButtonGroup_default
-} from "./5OLT2HH5.js";
+} from "./BOX3VY3Q.js";
 import {
   Button_default
-} from "./BQOD4WU7.js";
+} from "./CUJFDOPJ.js";
 import {
   Divider
-} from "./63GEZVJ4.js";
+} from "./TK2EQ6QG.js";
 import {
   RichSelectChip_default
-} from "./KTTIFVGY.js";
+} from "./MOLOILVI.js";
 import {
   RichSelectSection_default
-} from "./K27Z66LH.js";
+} from "./YF53K6PE.js";
 import {
   RichSelectRadioButton_default
-} from "./MONMI3LS.js";
+} from "./FRR2K77P.js";
 import {
   RichSelectItemContext,
   RichSelect_module_default
 } from "./ODMJANSX.js";
 import {
   Box_default
-} from "./HCHFPFNX.js";
+} from "./GCE2CI4A.js";
 
 // src/RichSelect/RichSelectBox.tsx
 import {
@@ -208,4 +208,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=3CNALXRL.js.map
+//# sourceMappingURL=LQ6UZ6GG.js.map

package/dist/__chunks/{3HBVE6VG.js → LV2KIGSE.js}

@@ -1,13 +1,10 @@
 "use client"
 import {
   Box_default
-} from "./HCHFPFNX.js";
+} from "./GCE2CI4A.js";
 import {
   Typography_default
-} from "./UVROGDYB.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
+} from "./YAM7DAOZ.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -19,7 +16,7 @@ import {
 import classNames from "classnames";
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "textfield": "_textfield_kbdbw_1", "textfieldClassic": "_textfieldClassic_kbdbw_10", "textfieldCambio": "_textfieldCambio_kbdbw_14", "label": "_label_kbdbw_29", "sm": "_sm_kbdbw_33", "mdCambio": "_mdCambio_kbdbw_40", "heightCambio": "_heightCambio_kbdbw_44", "smHeight": "_smHeight_kbdbw_48", "md": "_md_kbdbw_40", "mdHeight": "_mdHeight_kbdbw_59", "lg": "_lg_kbdbw_63", "lgHeight": "_lgHeight_kbdbw_70", "inputError": "_inputError_kbdbw_74", "inputErrorCambio": "_inputErrorCambio_kbdbw_84" };
+var TextField_module_default = { "textfield": "_textfield_wgza3_1", "label": "_label_wgza3_22", "md": "_md_wgza3_26", "height": "_height_wgza3_30", "inputError": "_inputError_wgza3_34" };
 
 // src/TextField/TextField.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -40,7 +37,6 @@ function TextField({
   const isHydrated = useIsHydrated();
   const disabled = !isHydrated || disabledProp;
   const reactId = useId();
-  const { themeName } = useTheme();
   const inputId = id != null ? id : reactId;
   return /* @__PURE__ */ jsxs(
     Box_default,
@@ -60,16 +56,10 @@ function TextField({
           "input",
           {
             autoComplete,
-            className: classNames(
-              TextField_module_default.textfield,
-              themeName === "classic" ? TextField_module_default.textfieldClassic : TextField_module_default.textfieldCambio,
-              themeName === "classic" && TextField_module_default[size],
-              themeName === "cambio" ? TextField_module_default.mdCambio : void 0,
-              themeName === "classic" ? TextField_module_default[`${size}Height`] : TextField_module_default.heightCambio,
-              {
-                [themeName === "classic" ? TextField_module_default.inputError : TextField_module_default.inputErrorCambio]: errorText
-              }
-            ),
+            className: classNames(TextField_module_default.textfield, TextField_module_default.md, TextField_module_default.height, {
+              [TextField_module_default.inputError]: errorText
+            }),
+            "data-size": size,
             "data-testid": dataTestId,
             disabled,
             id: inputId,
@@ -95,4 +85,4 @@ function TextField({
 export {
   TextField
 };
-//# sourceMappingURL=3HBVE6VG.js.map
+//# sourceMappingURL=LV2KIGSE.js.map

package/dist/__chunks/LV2KIGSE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TextField/TextField.tsx","css-module:./TextField.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactElement,\n  type HTMLInputTypeAttribute,\n  useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TextField.module.css\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [TextField](https://cambly-syntax.vercel.app/?path=/docs/components-textfield--docs) is a component that allows users to enter text.\n */\nexport default function TextField({\n  autoComplete,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  errorText = \"\",\n  helperText = \"\",\n  id,\n  label,\n  onChange,\n  placeholder = \"\",\n  size = \"md\",\n  type = \"text\",\n  value = \"\",\n}: {\n  /**\n   * The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.\n   *\n   * Feel free to add new values from the [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) as needed\n   */\n  autoComplete?: \"current-password\" | \"new-password\" | \"off\" | \"on\" | \"email\";\n  /**\n   * A data-testid to make querying for the TextField easier.\n   */\n  \"data-testid\"?: string;\n  /**\n   * If true, the TextField will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Text shown below TextField if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Informative helper text shown below TextField\n   */\n  helperText?: string;\n  /**\n   * TextField id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /**\n   * TextField visible label\n   */\n  label: string;\n  /**\n   * The callback to be called the input changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Optional TextField placeholder text\n   */\n  placeholder?: string;\n  /**\n   * Size of the TextField\n   *\n   * * `md`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /**\n   * Input type of the TextField\n   *\n   * See [full list of input types](https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types)\n   */\n  type?: HTMLInputTypeAttribute;\n  /**\n   * Value of the TextField\n   */\n  value: string;\n}): ReactElement {\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const reactId = useId();\n  const inputId = id ?? reactId;\n\n  return (\n    <Box\n      display=\"flex\"\n      direction=\"column\"\n      gap={2}\n      width=\"100%\"\n      dangerouslySetInlineStyle={{\n        __style: {\n          opacity: disabled ? 0.5 : 1,\n        },\n      }}\n    >\n      {label && (\n        <label className={styles.label} htmlFor={inputId}>\n          <Box paddingX={1}>\n            <Typography size={100} color=\"gray700\">\n              {label}\n            </Typography>\n          </Box>\n        </label>\n      )}\n      <input\n        autoComplete={autoComplete}\n        className={classNames(styles.textfield, styles.md, styles.height, {\n          [styles.inputError]: errorText,\n        })}\n        data-size={size}\n        data-testid={dataTestId}\n        disabled={disabled}\n        id={inputId}\n        type={type}\n        onChange={onChange}\n        placeholder={placeholder}\n        value={value}\n      />\n      {(helperText || errorText) && (\n        <Box paddingX={1}>\n          <Typography\n            size={100}\n            color={errorText ? \"destructive-primary\" : \"gray700\"}\n          >\n            {errorText || helperText}\n          </Typography>\n        </Box>\n      )}\n    </Box>\n  );\n}\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_wgza3_1\",\"label\":\"_label_wgza3_22\",\"md\":\"_md_wgza3_26\",\"height\":\"_height_wgza3_30\",\"inputError\":\"_inputError_wgza3_34\"}"],"mappings":";;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACL2E,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,uBAAsB;;;AD6F5P,SAcQ,KAdR;AA/EW,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AACV,GA2DiB;AACf,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,UAAU,MAAM;AACtB,QAAM,UAAU,kBAAM;AAEtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAM;AAAA,MACN,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,SAAS,WAAW,MAAM;AAAA,QAC5B;AAAA,MACF;AAAA,MAEC;AAAA,iBACC,oBAAC,WAAM,WAAW,yBAAO,OAAO,SAAS,SACvC,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF,GACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,WAAW,yBAAO,WAAW,yBAAO,IAAI,yBAAO,QAAQ;AAAA,cAChE,CAAC,yBAAO,UAAU,GAAG;AAAA,YACvB,CAAC;AAAA,YACD,aAAW;AAAA,YACX,eAAa;AAAA,YACb;AAAA,YACA,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,YAAY,wBAAwB;AAAA,YAE1C,uBAAa;AAAA;AAAA,QAChB,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/__chunks/M3PAAPMI.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+
+var _KZT53ITQcjs = require('./KZT53ITQ.cjs');
+
+// src/colors/backgroundColor.ts
+function backgroundColor(color, on) {
+  if (on === "lightBackground") {
+    switch (color) {
+      case "primary":
+        return _KZT53ITQcjs.colors_module_default.cambioBlackBackgroundColor;
+      case "secondary":
+      case "success-secondary":
+      case "destructive-secondary":
+        return _KZT53ITQcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+      case "tertiary":
+      case "success-tertiary":
+      case "destructive-tertiary":
+        return _KZT53ITQcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+      case "success-primary":
+        return _KZT53ITQcjs.colors_module_default.cambioSuccess700BackgroundColor;
+      case "destructive-primary":
+        return _KZT53ITQcjs.colors_module_default.cambioDestructive700BackgroundColor;
+      case "branded":
+        return _KZT53ITQcjs.colors_module_default.cambioYellow700BackgroundColor;
+      default:
+        return _KZT53ITQcjs.colors_module_default.cambioBlackBackgroundColor;
+    }
+  } else {
+    switch (color) {
+      case "primary":
+        return _KZT53ITQcjs.colors_module_default.cambioGray200BackgroundColor;
+      case "secondary":
+      case "success-secondary":
+      case "destructive-secondary":
+        return _KZT53ITQcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+      case "tertiary":
+      case "success-tertiary":
+      case "destructive-tertiary":
+        return _KZT53ITQcjs.colors_module_default.cambioTransparentFullBackgroundColor;
+      case "success-primary":
+        return _KZT53ITQcjs.colors_module_default.cambioSuccess300BackgroundColor;
+      case "destructive-primary":
+        return _KZT53ITQcjs.colors_module_default.cambioDestructive300BackgroundColor;
+      case "branded":
+        return _KZT53ITQcjs.colors_module_default.cambioYellow700BackgroundColor;
+      default:
+        return _KZT53ITQcjs.colors_module_default.cambioWhiteBackgroundColor;
+    }
+  }
+}
+
+
+
+exports.backgroundColor = backgroundColor;
+//# sourceMappingURL=M3PAAPMI.cjs.map

package/dist/__chunks/M3PAAPMI.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 CambioColor } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function backgroundColor(\n  color: (typeof CambioColor)[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"]}