@cambly/syntax-core 19.1.1 → 19.2.1

package/dist/__chunks/{JOTFTEBX.cjs → TTR4ZAGC.cjs}

@@ -23,7 +23,7 @@ var _2D3DOVVZcjs = require('./2D3DOVVZ.cjs');
 var _F3SUJGZLcjs = require('./F3SUJGZL.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
 
 // src/LinkButton/LinkButton.tsx
 
@@ -89,7 +89,7 @@ var LinkButton = _react.forwardRef.call(void 0,
               size: _65BTPZZTcjs.internalIconSize[size]
             }
           ),
-          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: foregroundColorClass,
@@ -138,4 +138,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=JOTFTEBX.cjs.map
+//# sourceMappingURL=TTR4ZAGC.cjs.map

package/dist/__chunks/{4MHKTQMD.js → VAVIKPVS.js}

@@ -7,7 +7,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./KIEWPPIM.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -127,4 +127,4 @@ var RadioButton_default = RadioButton;
 export {
   RadioButton_default
 };
-//# sourceMappingURL=4MHKTQMD.js.map
+//# sourceMappingURL=VAVIKPVS.js.map

package/dist/__chunks/{OLWRIS56.js → VJNSSF3W.js}

@@ -23,7 +23,7 @@ import {
 } from "./YGON3SJ5.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./KIEWPPIM.js";
 
 // src/LinkButton/LinkButton.tsx
 import {
@@ -138,4 +138,4 @@ var LinkButton_default = LinkButton;
 export {
   LinkButton_default
 };
-//# sourceMappingURL=OLWRIS56.js.map
+//# sourceMappingURL=VJNSSF3W.js.map

package/dist/__chunks/{PZEDDYBZ.cjs → VJWLFFAD.cjs}

@@ -14,6 +14,9 @@ var _2D3DOVVZcjs = require('./2D3DOVVZ.cjs');
 var _F3SUJGZLcjs = require('./F3SUJGZL.cjs');
 
 
+var _QODNNCT2cjs = require('./QODNNCT2.cjs');
+
+
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
 
 // src/IconButton/IconButton.tsx
@@ -25,6 +28,16 @@ var IconButton_module_default = { "iconButton": "_iconButton_txjkh_1", "sm": "_s
 
 // src/IconButton/IconButton.tsx
 var _jsxruntime = require('react/jsx-runtime');
+var sizeToIndicatorSize = {
+  sm: "6px",
+  md: "8px",
+  lg: "10px"
+};
+var sizeToVerticalOffset = {
+  sm: "-1px",
+  md: "-2px",
+  lg: "-3px"
+};
 var IconButton = _react.forwardRef.call(void 0, 
   ({
     accessibilityLabel,
@@ -35,12 +48,13 @@ var IconButton = _react.forwardRef.call(void 0,
     size = "md",
     tooltip,
     on = "lightBackground",
+    indicatorColor,
     onClick
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
     const foregroundColorClass = _RXQBNEFRcjs.foregroundColor.call(void 0, color, on);
     const backgroundColorClass = _F3SUJGZLcjs.backgroundColor.call(void 0, color, on);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
       {
         "aria-label": accessibilityLabel,
@@ -57,13 +71,44 @@ var IconButton = _react.forwardRef.call(void 0,
           IconButton_module_default[size]
         ),
         ref,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          Icon,
-          {
-            className: _65BTPZZTcjs.materialIconSize[size],
-            size: _65BTPZZTcjs.internalIconSize[size]
-          }
-        )
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Icon,
+            {
+              className: _65BTPZZTcjs.materialIconSize[size],
+              size: _65BTPZZTcjs.internalIconSize[size]
+            }
+          ),
+          indicatorColor && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _QODNNCT2cjs.Box_default,
+            {
+              display: "flex",
+              position: "relative",
+              justifyContent: "end",
+              alignItems: "end",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _QODNNCT2cjs.Box_default,
+                {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  position: "absolute",
+                  backgroundColor: indicatorColor,
+                  width: sizeToIndicatorSize[size],
+                  height: sizeToIndicatorSize[size],
+                  "data-testid": "indicator",
+                  rounding: "full",
+                  dangerouslySetInlineStyle: {
+                    __style: {
+                      border: "1px solid white",
+                      transform: `translateY(${sizeToVerticalOffset[size]})`
+                    }
+                  }
+                }
+              )
+            }
+          )
+        ]
       }
     );
   }
@@ -74,4 +119,4 @@ var IconButton_default = IconButton;
 
 
 exports.IconButton_default = IconButton_default;
-//# sourceMappingURL=PZEDDYBZ.cjs.map
+//# sourceMappingURL=VJWLFFAD.cjs.map

package/dist/__chunks/VJWLFFAD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AAEvB,SAAqC,kBAAkB;;;ACF6C,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,mBAAkB;;;AD2HhS,SAgBE,KAhBF;AA5GN,IAAM,sBAAsB;AAAA,EAC1B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,uBAAuB;AAAA,EAC3B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AA6EA,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,IACA;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;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,iBAAiB,IAAI;AAAA,cAChC,MAAM,iBAAiB,IAAI;AAAA;AAAA,UAC7B;AAAA,UACC,kBACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,YAAW;AAAA,cAEX;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,YAAW;AAAA,kBACX,gBAAe;AAAA,kBACf,UAAS;AAAA,kBACT,iBAAiB;AAAA,kBACjB,OAAO,oBAAoB,IAAI;AAAA,kBAC/B,QAAQ,oBAAoB,IAAI;AAAA,kBAChC,eAAY;AAAA,kBACZ,UAAS;AAAA,kBACT,2BAA2B;AAAA,oBACzB,SAAS;AAAA,sBACP,QAAQ;AAAA,sBACR,WAAW,cAAc,qBAAqB,IAAI;AAAA,oBACpD;AAAA,kBACF;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport { foregroundColor } from \"../colors/foregroundColor\";\nimport React, { type ComponentProps, 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\";\nimport type InternalIcon from \"../Icon/Icon\";\nimport {\n  materialIconSize,\n  internalIconSize,\n} from \"../Button/constants/iconSize\";\nimport Box from \"../Box/Box\";\n\nconst sizeToIndicatorSize = {\n  sm: \"6px\",\n  md: \"8px\",\n  lg: \"10px\",\n} as const;\n\nconst sizeToVerticalOffset = {\n  sm: \"-1px\",\n  md: \"-2px\",\n  lg: \"-3px\",\n} as const;\n\ntype 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\ntype IconButtonProps = {\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: Color;\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.\n   *\n   * Deprecated: [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   * Preferred: Syntax icon\n   */\n  icon:\n    | React.ComponentType<{ className?: string }>\n    | React.ComponentType<ComponentProps<typeof InternalIcon>>;\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   * If specified, will create an indicator (dot) on the top right of the button with the specified color\n   */\n  indicatorColor?: ComponentProps<typeof Box>[\"backgroundColor\"];\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      indicatorColor,\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\n          className={materialIconSize[size]}\n          size={internalIconSize[size]}\n        />\n        {indicatorColor && (\n          <Box\n            display=\"flex\"\n            position=\"relative\"\n            justifyContent=\"end\"\n            alignItems=\"end\"\n          >\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              position=\"absolute\"\n              backgroundColor={indicatorColor}\n              width={sizeToIndicatorSize[size]}\n              height={sizeToIndicatorSize[size]}\n              data-testid=\"indicator\"\n              rounding=\"full\"\n              dangerouslySetInlineStyle={{\n                __style: {\n                  border: \"1px solid white\",\n                  transform: `translateY(${sizeToVerticalOffset[size]})`,\n                },\n              }}\n            />\n          </Box>\n        )}\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_txjkh_1\",\"sm\":\"_sm_txjkh_46\",\"md\":\"_md_txjkh_51\",\"lg\":\"_lg_txjkh_56\",\"smIcon\":\"_smIcon_txjkh_61\",\"mdIcon\":\"_mdIcon_txjkh_68\",\"lgIcon\":\"_lgIcon_txjkh_75\"}"]}

package/dist/__chunks/{B6775YJ4.cjs → VZTP4FJU.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _B3RYP36Ucjs = require('./B3RYP36U.cjs');
+var _Y5R3XLL7cjs = require('./Y5R3XLL7.cjs');
 
 
 var _3RX4RMGCcjs = require('./3RX4RMGC.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, 
-    _B3RYP36Ucjs.ModalDialog_default,
+    _Y5R3XLL7cjs.ModalDialog_default,
     {
       accessibilityLabel,
       accessibilityCloseLabel,
@@ -141,4 +141,4 @@ var Popover_default = Popover;
 
 
 exports.AriaPopover = AriaPopover; exports.Popover_default = Popover_default;
-//# sourceMappingURL=B6775YJ4.cjs.map
+//# sourceMappingURL=VZTP4FJU.cjs.map

package/dist/__chunks/{YWOZ724L.cjs → W4YEJQZH.cjs}

@@ -6,7 +6,7 @@ var _JVGX637Ecjs = require('./JVGX637E.cjs');
 
 
 
-var _C426MKXQcjs = require('./C426MKXQ.cjs');
+var _X4H65FEFcjs = require('./X4H65FEF.cjs');
 
 
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
@@ -15,7 +15,7 @@ var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -68,12 +68,12 @@ function SelectList({
   };
   const getArrowIconColor = () => {
     if (errorText) {
-      return _C426MKXQcjs.ColorBaseDestructive700;
+      return _X4H65FEFcjs.ColorBaseDestructive700;
     } else {
       if (color === "clear") {
-        return _C426MKXQcjs.ColorCambioWhite100;
+        return _X4H65FEFcjs.ColorCambioWhite100;
       } else {
-        return _C426MKXQcjs.ColorBaseGray700;
+        return _X4H65FEFcjs.ColorBaseGray700;
       }
     }
   };
@@ -84,7 +84,7 @@ function SelectList({
         [SelectList_module_default.opacityOverlay]: disabled
       }),
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, color: textColor[color], children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: 100, color: textColor[color], children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SelectList_module_default.selectWrapper, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "select",
@@ -132,7 +132,7 @@ function SelectList({
           ) })
         ] }),
         (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _5NQO6SP3cjs.Typography_default,
+          _WS6CZJQ6cjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : textColor[color],
@@ -148,4 +148,4 @@ SelectList.Option = _JVGX637Ecjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=YWOZ724L.cjs.map
+//# sourceMappingURL=W4YEJQZH.cjs.map

package/dist/__chunks/{EHZAOGLQ.cjs → WHTMS6T3.cjs}

@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _WS6CZJQ6cjs = require('./WS6CZJQ6.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, _5NQO6SP3cjs.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, _WS6CZJQ6cjs.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=EHZAOGLQ.cjs.map
+//# sourceMappingURL=WHTMS6T3.cjs.map

package/dist/__chunks/{5NQO6SP3.cjs → WS6CZJQ6.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _BDCZ5GX7cjs = require('./BDCZ5GX7.cjs');
+var _TA4EX7DLcjs = require('./TA4EX7DL.cjs');
 
 // src/Typography/Typography.tsx
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
@@ -38,7 +38,7 @@ var Typography = _react.forwardRef.call(void 0, function Typography2({
         Typography_module_default[align],
         Typography_module_default[weight],
         fontStyle === "serif" ? Typography_module_default.serif : Typography_module_default.sansSerif,
-        _BDCZ5GX7cjs.textColor.call(void 0, color),
+        _TA4EX7DLcjs.textColor.call(void 0, color),
         inline && Typography_module_default.inline,
         Typography_module_default[`size${size}`],
         transform === "uppercase" && Typography_module_default.uppercase,
@@ -61,4 +61,4 @@ var Typography_default = Typography;
 
 
 exports.Typography_default = Typography_default;
-//# sourceMappingURL=5NQO6SP3.cjs.map
+//# sourceMappingURL=WS6CZJQ6.cjs.map

package/dist/__chunks/WS6CZJQ6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":";;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,SAAQ,mBAAkB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,sBAAqB,YAAW,uBAAsB,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,WAAU,sBAAqB,UAAS,qBAAoB,YAAW,uBAAsB,QAAO,mBAAkB,aAAY,wBAAuB,UAAS,qBAAoB,aAAY,wBAAuB,aAAY,wBAAuB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,kBAAiB;;;ADsJn9B;AA9IJ,IAAM,aAAa,WAwHjB,SAASA,YACT;AAAA,EACE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GACA,KACc;AACd,QAAM,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ,0BAAO,MAAM;AAAA,QACb,cAAc,UAAU,0BAAO,QAAQ,0BAAO;AAAA,QAC9C,UAAU,KAAK;AAAA,QACf,UAAU,0BAAO;AAAA,QACjB,0BAAO,OAAO,MAAM;AAAA,QACpB,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,QAC5B,OAAO,OAAO,0BAAO,IAAI,MAAM;AAAA,MACjC;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport textColor from \"../colors/textColors\";\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n  HTMLDivElement,\n  {\n    /**\n     * Aligns the text to the left, right, or center of the container.\n     * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n     * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n     *\n     * @defaultValue \"start\"\n     */\n    align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n    /**\n     * DOM element to render as.\n     *\n     * @defaultValue \"div\"\n     */\n    as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n    /**\n     * The text to be rendered\n     */\n    children?: ReactNode;\n    /**\n     * The color of the text.\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"destructive-lightBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"white-secondary\"\n      | \"inherit\";\n    /**\n     * Test id for the text\n     */\n    \"data-testid\"?: string;\n    /**\n     * Style of the font\n     *\n     * Classic only supports `sans-serif`\n     *\n     * @defaultValue \"sans-serif\"\n     */\n    fontStyle?: \"serif\" | \"sans-serif\";\n    /**\n     * The id for the element\n     */\n    id?: string;\n    /**\n     * Whether the text should flow inline with other elements.\n     *\n     * @defaultValue false\n     */\n    inline?: boolean;\n    /**\n     * The number of lines we should truncate the text at\n     */\n    lineClamp?: number | undefined;\n    /**\n     * Size of the text.\n     *\n     * Mobile (viewport width <= 480px)::\n     * * `0`: 12px\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 19px\n     * * `400`: 25px\n     * * `700`: 38px\n     * * `800`: 46px\n     * * `900`: 55px\n     * * `1100`: 83px\n     *\n     * Desktop (viewport width > 480px):\n     * * `0`: 12px\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `700`: 49px\n     * * `800`: 63px\n     * * `900`: 76px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 0 | 100 | 200 | 300 | 400 | 700 | 800 | 900 | 1100;\n    /**\n     * The tooltip to be displayed when the user hovers the text\n     */\n    tooltip?: string;\n    /**\n     * Whether the text should be transformed to uppercase.\n     *\n     * @defaultValue \"none\"\n     */\n    transform?: \"none\" | \"uppercase\";\n    /**\n     * Whether the text has an underline.\n     *\n     * @defaultValue false\n     */\n    underline?: boolean;\n    /**\n     * Indicates the boldness of the text.\n     *\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     * * `bold`: 710\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?: \"regular\" | \"medium\" | \"semiBold\" | \"bold\";\n  }\n>(function Typography(\n  {\n    align = \"start\",\n    as = \"div\",\n    children,\n    color = \"gray900\",\n    \"data-testid\": dataTestId,\n    fontStyle = \"sans-serif\",\n    id,\n    inline = false,\n    lineClamp = undefined,\n    size = 200,\n    tooltip,\n    transform = \"none\",\n    underline = false,\n    weight = \"regular\",\n  },\n  ref,\n): ReactElement {\n  const Tag = as;\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        styles[weight],\n        fontStyle === \"serif\" ? styles.serif : styles.sansSerif,\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\n        as === \"p\" && styles[`p${size}`],\n      )}\n      data-testid={dataTestId}\n      style={{\n        WebkitLineClamp: lineClamp,\n      }}\n      title={tooltip}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1fz2y_1\",\"sansSerif\":\"_sansSerif_1fz2y_22\",\"serif\":\"_serif_1fz2y_27\",\"size0\":\"_size0_1fz2y_73\",\"size100\":\"_size100_1fz2y_77\",\"size200\":\"_size200_1fz2y_81\",\"size300\":\"_size300_1fz2y_85\",\"size400\":\"_size400_1fz2y_89\",\"size700\":\"_size700_1fz2y_93\",\"size800\":\"_size800_1fz2y_97\",\"size900\":\"_size900_1fz2y_101\",\"size1100\":\"_size1100_1fz2y_105\",\"center\":\"_center_1fz2y_133\",\"forceLeft\":\"_forceLeft_1fz2y_137\",\"forceRight\":\"_forceRight_1fz2y_141\",\"start\":\"_start_1fz2y_145\",\"end\":\"_end_1fz2y_149\",\"regular\":\"_regular_1fz2y_155\",\"medium\":\"_medium_1fz2y_159\",\"semiBold\":\"_semiBold_1fz2y_163\",\"bold\":\"_bold_1fz2y_167\",\"underline\":\"_underline_1fz2y_171\",\"inline\":\"_inline_1fz2y_175\",\"uppercase\":\"_uppercase_1fz2y_179\",\"lineClamp\":\"_lineClamp_1fz2y_183\",\"p100\":\"_p100_1fz2y_192\",\"p200\":\"_p200_1fz2y_196\",\"p300\":\"_p300_1fz2y_200\",\"p400\":\"_p400_1fz2y_204\"}"]}

package/dist/__chunks/{IHGDCH62.cjs → WSKCMPTD.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -76,7 +76,7 @@ var Chip = _react.forwardRef.call(void 0,
         onClick: onChange,
         children: [
           Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: iconStyles, size: 100 }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, color, weight: "medium", children: text }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: Icon ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WS6CZJQ6cjs.Typography_default, { size: 100, color, weight: "medium", children: text }) })
         ]
       }
     );
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 
 
 exports.Chip_default = Chip_default;
-//# sourceMappingURL=IHGDCH62.cjs.map
+//# sourceMappingURL=WSKCMPTD.cjs.map

package/dist/__chunks/{4AI6GQ5U.cjs → WT62D7UB.cjs}

@@ -7,7 +7,7 @@ var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -111,7 +111,7 @@ var RadioButton = ({
           }
         ),
         label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _5NQO6SP3cjs.Typography_default,
+          _WS6CZJQ6cjs.Typography_default,
           {
             size: size === "md" ? 200 : 100,
             color: error ? "destructive-darkBackground" : "primary",
@@ -127,4 +127,4 @@ var RadioButton_default = RadioButton;
 
 
 exports.RadioButton_default = RadioButton_default;
-//# sourceMappingURL=4AI6GQ5U.cjs.map
+//# sourceMappingURL=WT62D7UB.cjs.map

package/dist/__chunks/{C426MKXQ.cjs → X4H65FEF.cjs}

@@ -10,4 +10,4 @@ var ColorCambioWhite100 = "#ffffff";
 
 
 exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray700 = ColorBaseGray700; exports.ColorCambioWhite100 = ColorCambioWhite100;
-//# sourceMappingURL=C426MKXQ.cjs.map
+//# sourceMappingURL=X4H65FEF.cjs.map

package/dist/__chunks/{C426MKXQ.cjs.map → X4H65FEF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 07 Aug 2024 15:39:56 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 20 Aug 2024 03:20:36 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"]}

package/dist/__chunks/{63HNNOTO.js → XRYFXCR2.js}

@@ -6,7 +6,7 @@ import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./2P6R4FQ7.js";
+} from "./ACYC4E6D.js";
 import {
   Focus_module_default
 } from "./KKADUD65.js";
@@ -15,7 +15,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./KIEWPPIM.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -148,4 +148,4 @@ SelectList.Option = SelectOption_default;
 export {
   SelectList
 };
-//# sourceMappingURL=63HNNOTO.js.map
+//# sourceMappingURL=XRYFXCR2.js.map

package/dist/__chunks/{B3RYP36U.cjs → Y5R3XLL7.cjs}

@@ -4,7 +4,7 @@
 var _3RX4RMGCcjs = require('./3RX4RMGC.cjs');
 
 
-var _PZEDDYBZcjs = require('./PZEDDYBZ.cjs');
+var _VJWLFFADcjs = require('./VJWLFFAD.cjs');
 
 
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
@@ -130,7 +130,7 @@ var ModalDialog = _react.forwardRef.call(void 0,
                         }
                       },
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _PZEDDYBZcjs.IconButton_default,
+                        _VJWLFFADcjs.IconButton_default,
                         {
                           onClick: () => state.close(),
                           color: "tertiary",
@@ -157,4 +157,4 @@ var ModalDialog_default = ModalDialog;
 
 
 exports.AriaModalOverlay = AriaModalOverlay; exports.AriaModal = AriaModal; exports.ModalDialog_default = ModalDialog_default;
-//# sourceMappingURL=B3RYP36U.cjs.map
+//# sourceMappingURL=Y5R3XLL7.cjs.map

package/dist/__chunks/{VU4LGL2W.js → YSI244J6.js}

@@ -16,8 +16,10 @@ function textColor(color) {
       return colors_module_default.inheritColor;
     case "destructive-primary":
       return colors_module_default.cambioDestructive900Color;
+    case "destructive-lightBackground":
+      return colors_module_default.cambioDestructive900Color;
     case "destructive-darkBackground":
-      return colors_module_default.cambioDestructive700Color;
+      return colors_module_default.cambioDestructive300Color;
     case "success":
       return colors_module_default.cambioSuccess700Color;
     case "success-darkBackground":
@@ -30,4 +32,4 @@ function textColor(color) {
 export {
   textColor
 };
-//# sourceMappingURL=VU4LGL2W.js.map
+//# sourceMappingURL=YSI244J6.js.map

package/dist/__chunks/YSI244J6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/textColors.ts"],"sourcesContent":["import colorStyles from \"../colors/colors.module.css\";\n\nexport default function textColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-lightBackground\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"white-secondary\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"white-secondary\":\n      return colorStyles.cambioWhite70Color;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-lightBackground\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive300Color;\n    case \"success\":\n      return colorStyles.cambioSuccess700Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n"],"mappings":";;;;;;AAEe,SAAR,UACL,OAYQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;","names":[]}

package/dist/__chunks/{CCKTB7L5.cjs → Z3S2ZWTJ.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _WS6CZJQ6cjs = require('./WS6CZJQ6.cjs');
 
 // src/Heading/Heading.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -28,7 +28,7 @@ var Heading = ({
   size = 400
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _5NQO6SP3cjs.Typography_default,
+    _WS6CZJQ6cjs.Typography_default,
     {
       align,
       as,
@@ -47,4 +47,4 @@ var Heading_default = Heading;
 
 
 exports.Heading_default = Heading_default;
-//# sourceMappingURL=CCKTB7L5.cjs.map
+//# sourceMappingURL=Z3S2ZWTJ.cjs.map

package/dist/colors/textColors.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _BDCZ5GX7cjs = require('../__chunks/BDCZ5GX7.cjs');
+var _TA4EX7DLcjs = require('../__chunks/TA4EX7DL.cjs');
 require('../__chunks/2XIVACBM.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _BDCZ5GX7cjs.textColor;
+exports.default = _TA4EX7DLcjs.textColor;
 //# sourceMappingURL=textColors.cjs.map

package/dist/colors/textColors.d.ts

@@ -1,3 +1,3 @@
-declare function textColor(color: "gray900" | "gray700" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | "white" | "white-secondary" | "inherit"): string;
+declare function textColor(color: "gray900" | "gray700" | "primary" | "destructive-primary" | "destructive-lightBackground" | "destructive-darkBackground" | "success" | "success-darkBackground" | "white" | "white-secondary" | "inherit"): string;
 
 export { textColor as default };

package/dist/colors/textColors.js

@@ -1,7 +1,7 @@
 "use client"
 import {
   textColor
-} from "../__chunks/VU4LGL2W.js";
+} from "../__chunks/YSI244J6.js";
 import "../__chunks/XSYKMCV5.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/UWGNJENA.js";