@cambly/syntax-core 9.7.0 → 9.8.0-beta.2

package/dist/__chunks/{BWTLHCW3.mjs → YUPTQIXD.mjs}

@@ -1,9 +1,9 @@
 import {
   Focus_module_default
-} from "./WJDAVT5R.mjs";
+} from "./MQPPALTP.mjs";
 import {
   Typography_default
-} from "./BCWLWS7W.mjs";
+} from "./3HUELEGR.mjs";
 import {
   useIsHydrated
 } from "./XFKGXL73.mjs";
@@ -108,4 +108,4 @@ var Checkbox_default = Checkbox;
 export {
   Checkbox_default
 };
-//# sourceMappingURL=BWTLHCW3.mjs.map
+//# sourceMappingURL=YUPTQIXD.mjs.map

package/dist/__chunks/{BWTLHCW3.mjs.map → YUPTQIXD.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Checkbox/Checkbox.tsx","css-module:./Checkbox.module.css#css-module"],"sourcesContent":["import React, { type ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport styles from \"./Checkbox.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst typographySize = {\n  sm: 100,\n  md: 200,\n} as const;\n\nconst iconWidth = {\n  sm: 12,\n  md: 20,\n};\n\n/**\n * [Checkbox](https://cambly-syntax.vercel.app/?path=/docs/components-checkbox--docs) is a clickable element that will show if an option has been selected or not.\n */\nconst Checkbox = ({\n  checked = false,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  size = \"md\",\n  label,\n  error = false,\n  onChange,\n}: {\n  /**\n   * Whether or not the box has been clicked\n   *\n   * @defaultValue false\n   */\n  checked: boolean;\n  /**\n   * Test id for the checkbox\n   */\n  \"data-testid\"?: string;\n  /**\n   * The callback to be called when the checkbox value changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Whether or not the box is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The size of the checkbox and icon\n   *\n   * * `sm`: 16px\n   * * `md`: 24px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\";\n  /**\n   * The text accompanying the checkbox\n   */\n  label: string;\n  /**\n   * Whether or not there is an error with the input\n   *\n   * @defaultValue false\n   */\n  error?: boolean;\n}): ReactElement => {\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const [isFocused, setIsFocused] = useState(false);\n  const { isFocusVisible } = useFocusVisible();\n\n  const checkboxStyling = classNames(styles.checkbox, styles[size]);\n  const uncheckedStyling = classNames(checkboxStyling, styles.uncheckedBox, {\n    [styles.uncheckedBorder]: !error,\n    [styles.uncheckedErrorBorder]: error,\n    [focusStyles.accessibilityOutlineFocus]: isFocused && isFocusVisible,\n  });\n  const checkedStyling = classNames(checkboxStyling, styles.checkedBox, {\n    [styles.checkedNonError]: !error,\n    [styles.checkedError]: error,\n    [focusStyles.accessibilityOutlineFocus]: isFocused && isFocusVisible,\n  });\n\n  return (\n    <label\n      className={classNames(\n        styles.mainContainer,\n        styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        {\n          [styles.disabled]: disabled,\n        },\n      )}\n    >\n      <div className={checked ? checkedStyling : uncheckedStyling}>\n        {checked && (\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n            <path\n              fill=\"#fff\"\n              d=\"m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z\"\n            ></path>\n          </svg>\n        )}\n      </div>\n      <input\n        data-testid={dataTestId}\n        type=\"checkbox\"\n        className={classNames(\n          styles.inputOverlay,\n          styles[size],\n          styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        )}\n        checked={checked}\n        onChange={onChange}\n        disabled={disabled}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onBlur={() => {\n          setIsFocused(false);\n        }}\n      />\n      <Typography\n        size={typographySize[size]}\n        color={error ? \"destructive-primary\" : \"gray800\"}\n      >\n        {label}\n      </Typography>\n    </label>\n  );\n};\n\nexport default Checkbox;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Checkbox/Checkbox.module.css\"; export default {\"mainContainer\":\"_mainContainer_an7al_1\",\"inputOverlay\":\"_inputOverlay_an7al_9\",\"checkbox\":\"_checkbox_an7al_17\",\"disabled\":\"_disabled_an7al_25\",\"cursorDisabled\":\"_cursorDisabled_an7al_29\",\"cursorEnabled\":\"_cursorEnabled_an7al_33\",\"uncheckedBox\":\"_uncheckedBox_an7al_37\",\"uncheckedBorder\":\"_uncheckedBorder_an7al_41\",\"uncheckedErrorBorder\":\"_uncheckedErrorBorder_an7al_45\",\"checkedBox\":\"_checkedBox_an7al_49\",\"checkedNonError\":\"_checkedNonError_an7al_53\",\"checkedError\":\"_checkedError_an7al_57\",\"sm\":\"_sm_an7al_61\",\"md\":\"_md_an7al_67\"}"],"mappings":";;;;;;;;;;;;;;AAAA,SAAmC,gBAAgB;AACnD,OAAO,gBAAgB;;;ACDyE,IAAO,0BAAQ,EAAC,iBAAgB,0BAAyB,gBAAe,yBAAwB,YAAW,sBAAqB,YAAW,sBAAqB,kBAAiB,4BAA2B,iBAAgB,2BAA0B,gBAAe,0BAAyB,mBAAkB,6BAA4B,wBAAuB,kCAAiC,cAAa,wBAAuB,mBAAkB,6BAA4B,gBAAe,0BAAyB,MAAK,gBAAe,MAAK,eAAc;;;ADwFjoB,SAYQ,KAZR;AAhFJ,IAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,WAAW,CAAC;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR;AACF,MAwCoB;AAClB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAE3C,QAAM,kBAAkB,WAAW,wBAAO,UAAU,wBAAO,IAAI,CAAC;AAChE,QAAM,mBAAmB,WAAW,iBAAiB,wBAAO,cAAc;AAAA,IACxE,CAAC,wBAAO,eAAe,GAAG,CAAC;AAAA,IAC3B,CAAC,wBAAO,oBAAoB,GAAG;AAAA,IAC/B,CAAC,qBAAY,yBAAyB,GAAG,aAAa;AAAA,EACxD,CAAC;AACD,QAAM,iBAAiB,WAAW,iBAAiB,wBAAO,YAAY;AAAA,IACpE,CAAC,wBAAO,eAAe,GAAG,CAAC;AAAA,IAC3B,CAAC,wBAAO,YAAY,GAAG;AAAA,IACvB,CAAC,qBAAY,yBAAyB,GAAG,aAAa;AAAA,EACxD,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,wBAAO;AAAA,QACP,wBAAO,SAAS,WAAW,aAAa,WAAW;AAAA,QACnD;AAAA,UACE,CAAC,wBAAO,QAAQ,GAAG;AAAA,QACrB;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,SAAI,WAAW,UAAU,iBAAiB,kBACxC,qBACC,oBAAC,SAAI,eAAY,QAAO,SAAQ,aAAY,OAAO,UAAU,IAAI,GAC/D;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH,GACH,GAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa;AAAA,YACb,MAAK;AAAA,YACL,WAAW;AAAA,cACT,wBAAO;AAAA,cACP,wBAAO,IAAI;AAAA,cACX,wBAAO,SAAS,WAAW,aAAa,WAAW;AAAA,YACrD;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,MAAM;AACb,2BAAa,IAAI;AAAA,YACnB;AAAA,YACA,QAAQ,MAAM;AACZ,2BAAa,KAAK;AAAA,YACpB;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,eAAe,IAAI;AAAA,YACzB,OAAO,QAAQ,wBAAwB;AAAA,YAEtC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}
+{"version":3,"sources":["../../src/Checkbox/Checkbox.tsx","css-module:./Checkbox.module.css#css-module"],"sourcesContent":["import React, { type ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport styles from \"./Checkbox.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst typographySize = {\n  sm: 100,\n  md: 200,\n} as const;\n\nconst iconWidth = {\n  sm: 12,\n  md: 20,\n};\n\n/**\n * [Checkbox](https://cambly-syntax.vercel.app/?path=/docs/components-checkbox--docs) is a clickable element that will show if an option has been selected or not.\n */\nconst Checkbox = ({\n  checked = false,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  size = \"md\",\n  label,\n  error = false,\n  onChange,\n}: {\n  /**\n   * Whether or not the box has been clicked\n   *\n   * @defaultValue false\n   */\n  checked: boolean;\n  /**\n   * Test id for the checkbox\n   */\n  \"data-testid\"?: string;\n  /**\n   * The callback to be called when the checkbox value changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Whether or not the box is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The size of the checkbox and icon\n   *\n   * * `sm`: 16px\n   * * `md`: 24px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\";\n  /**\n   * The text accompanying the checkbox\n   */\n  label: string;\n  /**\n   * Whether or not there is an error with the input\n   *\n   * @defaultValue false\n   */\n  error?: boolean;\n}): ReactElement => {\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const [isFocused, setIsFocused] = useState(false);\n  const { isFocusVisible } = useFocusVisible();\n\n  const checkboxStyling = classNames(styles.checkbox, styles[size]);\n  const uncheckedStyling = classNames(checkboxStyling, styles.uncheckedBox, {\n    [styles.uncheckedBorder]: !error,\n    [styles.uncheckedErrorBorder]: error,\n    [focusStyles.accessibilityOutlineFocus]: isFocused && isFocusVisible,\n  });\n  const checkedStyling = classNames(checkboxStyling, styles.checkedBox, {\n    [styles.checkedNonError]: !error,\n    [styles.checkedError]: error,\n    [focusStyles.accessibilityOutlineFocus]: isFocused && isFocusVisible,\n  });\n\n  return (\n    <label\n      className={classNames(\n        styles.mainContainer,\n        styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        {\n          [styles.disabled]: disabled,\n        },\n      )}\n    >\n      <div className={checked ? checkedStyling : uncheckedStyling}>\n        {checked && (\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n            <path\n              fill=\"#fff\"\n              d=\"m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z\"\n            ></path>\n          </svg>\n        )}\n      </div>\n      <input\n        data-testid={dataTestId}\n        type=\"checkbox\"\n        className={classNames(\n          styles.inputOverlay,\n          styles[size],\n          styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        )}\n        checked={checked}\n        onChange={onChange}\n        disabled={disabled}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onBlur={() => {\n          setIsFocused(false);\n        }}\n      />\n      <Typography\n        size={typographySize[size]}\n        color={error ? \"destructive-primary\" : \"gray800\"}\n      >\n        {label}\n      </Typography>\n    </label>\n  );\n};\n\nexport default Checkbox;\n","import \"/Users/christian/cambly/syntax/packages/syntax-core/src/Checkbox/Checkbox.module.css\"; export default {\"mainContainer\":\"_mainContainer_an7al_1\",\"inputOverlay\":\"_inputOverlay_an7al_9\",\"checkbox\":\"_checkbox_an7al_17\",\"disabled\":\"_disabled_an7al_25\",\"cursorDisabled\":\"_cursorDisabled_an7al_29\",\"cursorEnabled\":\"_cursorEnabled_an7al_33\",\"uncheckedBox\":\"_uncheckedBox_an7al_37\",\"uncheckedBorder\":\"_uncheckedBorder_an7al_41\",\"uncheckedErrorBorder\":\"_uncheckedErrorBorder_an7al_45\",\"checkedBox\":\"_checkedBox_an7al_49\",\"checkedNonError\":\"_checkedNonError_an7al_53\",\"checkedError\":\"_checkedError_an7al_57\",\"sm\":\"_sm_an7al_61\",\"md\":\"_md_an7al_67\"}"],"mappings":";;;;;;;;;;;;;;AAAA,SAAmC,gBAAgB;AACnD,OAAO,gBAAgB;;;ACDwE,IAAO,0BAAQ,EAAC,iBAAgB,0BAAyB,gBAAe,yBAAwB,YAAW,sBAAqB,YAAW,sBAAqB,kBAAiB,4BAA2B,iBAAgB,2BAA0B,gBAAe,0BAAyB,mBAAkB,6BAA4B,wBAAuB,kCAAiC,cAAa,wBAAuB,mBAAkB,6BAA4B,gBAAe,0BAAyB,MAAK,gBAAe,MAAK,eAAc;;;ADwFhoB,SAYQ,KAZR;AAhFJ,IAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,WAAW,CAAC;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR;AACF,MAwCoB;AAClB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAE3C,QAAM,kBAAkB,WAAW,wBAAO,UAAU,wBAAO,IAAI,CAAC;AAChE,QAAM,mBAAmB,WAAW,iBAAiB,wBAAO,cAAc;AAAA,IACxE,CAAC,wBAAO,eAAe,GAAG,CAAC;AAAA,IAC3B,CAAC,wBAAO,oBAAoB,GAAG;AAAA,IAC/B,CAAC,qBAAY,yBAAyB,GAAG,aAAa;AAAA,EACxD,CAAC;AACD,QAAM,iBAAiB,WAAW,iBAAiB,wBAAO,YAAY;AAAA,IACpE,CAAC,wBAAO,eAAe,GAAG,CAAC;AAAA,IAC3B,CAAC,wBAAO,YAAY,GAAG;AAAA,IACvB,CAAC,qBAAY,yBAAyB,GAAG,aAAa;AAAA,EACxD,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,wBAAO;AAAA,QACP,wBAAO,SAAS,WAAW,aAAa,WAAW;AAAA,QACnD;AAAA,UACE,CAAC,wBAAO,QAAQ,GAAG;AAAA,QACrB;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,SAAI,WAAW,UAAU,iBAAiB,kBACxC,qBACC,oBAAC,SAAI,eAAY,QAAO,SAAQ,aAAY,OAAO,UAAU,IAAI,GAC/D;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH,GACH,GAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa;AAAA,YACb,MAAK;AAAA,YACL,WAAW;AAAA,cACT,wBAAO;AAAA,cACP,wBAAO,IAAI;AAAA,cACX,wBAAO,SAAS,WAAW,aAAa,WAAW;AAAA,YACrD;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,MAAM;AACb,2BAAa,IAAI;AAAA,YACnB;AAAA,YACA,QAAQ,MAAM;AACZ,2BAAa,KAAK;AAAA,YACpB;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,eAAe,IAAI;AAAA,YACzB,OAAO,QAAQ,wBAAwB;AAAA,YAEtC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/__chunks/Z6VJIDKQ.js

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _4EEVXYO7js = require('./4EEVXYO7.js');
+
+// src/Modal/Layer.tsx
+var _reactdom = require('react-dom');
+var _jsxruntime = require('react/jsx-runtime');
+function Layer({
+  children,
+  zIndex = 1
+}) {
+  return _reactdom.createPortal.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _4EEVXYO7js.Box_default,
+      {
+        "data-testid": "syntax-layer",
+        position: "fixed",
+        dangerouslySetInlineStyle: {
+          __style: { zIndex, inset: 0 }
+        },
+        children
+      }
+    ),
+    document.body
+  );
+}
+
+
+
+exports.Layer = Layer;
+//# sourceMappingURL=Z6VJIDKQ.js.map

package/dist/__chunks/Z6VJIDKQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Modal/Layer.tsx"],"names":[],"mappings":";;;;;AACA,SAAS,oBAAoB;AAWzB;AARW,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA,SAAS;AACX,GAGgB;AACd,SAAO;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,UAAS;AAAA,QACT,2BAA2B;AAAA,UACzB,SAAS,EAAE,QAAQ,OAAO,EAAE;AAAA,QAC9B;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA,SAAS;AAAA,EACX;AACF","sourcesContent":["import { type ReactElement, type ReactPortal } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport Box from \"../Box/Box\";\n\nexport default function Layer({\n  children,\n  zIndex = 1,\n}: {\n  children: ReactElement;\n  zIndex?: number;\n}): ReactPortal {\n  return createPortal(\n    <Box\n      data-testid=\"syntax-layer\"\n      position=\"fixed\"\n      dangerouslySetInlineStyle={{\n        __style: { zIndex, inset: 0 },\n      }}\n    >\n      {children}\n    </Box>,\n    document.body,\n  );\n}\n"]}

package/dist/__chunks/ZCN7X7TS.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// css-module:./MiniActionCard.module.css#css-module
+var MiniActionCard_module_default = { "miniActionCard": "_miniActionCard_qebkn_1", "card": "_card_qebkn_9" };
+
+// src/MiniActionCard/MiniActionCard.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var MiniActionCard = ({
+  children
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: MiniActionCard_module_default.miniActionCard, children });
+var MiniActionCard_default = MiniActionCard;
+
+
+
+exports.MiniActionCard_default = MiniActionCard_default;
+//# sourceMappingURL=ZCN7X7TS.js.map

package/dist/__chunks/ZCN7X7TS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./MiniActionCard.module.css#css-module","../../src/MiniActionCard/MiniActionCard.tsx"],"names":[],"mappings":";AAA2G,IAAO,gCAAQ,EAAC,kBAAiB,2BAA0B,QAAO,gBAAe;;;ACYzK;AAPnB,IAAM,iBAAiB,CAAC;AAAA,EACtB;AACF,MAKmB,oBAAC,SAAI,WAAW,8BAAO,gBAAiB,UAAS;AAEpE,IAAO,yBAAQ","sourcesContent":["import \"/Users/christian/cambly/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css\"; export default {\"miniActionCard\":\"_miniActionCard_qebkn_1\",\"card\":\"_card_qebkn_9\"}","import styles from \"./MiniActionCard.module.css\";\n\n/**\n * [MiniActionCard](https://cambly-syntax.vercel.app/?path=/docs/components-miniactioncard--docs) is component that alerts users to a call to action.\n */\nconst MiniActionCard = ({\n  children,\n}: {\n  /**\n   * The child components to render within MiniActionCard.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.miniActionCard}>{children}</div>;\n\nexport default MiniActionCard;\n"]}

package/dist/__chunks/ZHZ6U63Z.mjs

@@ -0,0 +1,29 @@
+import {
+  colors_module_default
+} from "./CUVXZOBA.mjs";
+
+// src/colors/backgroundColor.ts
+function backgroundColor(color) {
+  switch (color) {
+    case "secondary":
+      return colors_module_default.primary100BackgroundColor;
+    case "destructive-primary":
+      return colors_module_default.destructive700BackgroundColor;
+    case "destructive-secondary":
+      return colors_module_default.destructive100BackgroundColor;
+    case "success":
+      return colors_module_default.success700BackgroundColor;
+    case "tertiary":
+    case "destructive-tertiary":
+      return colors_module_default.whiteBackgroundColor;
+    case "branded":
+      return colors_module_default.yellow700BackgroundColor;
+    default:
+      return colors_module_default.primary700BackgroundColor;
+  }
+}
+
+export {
+  backgroundColor
+};
+//# sourceMappingURL=ZHZ6U63Z.mjs.map

package/dist/__chunks/{R6CDK4GP.mjs.map → ZHZ6U63Z.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/colors/backgroundColor.ts"],"sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n      return styles.primary100BackgroundColor;\n    case \"destructive-primary\":\n      return styles.destructive700BackgroundColor;\n    case \"destructive-secondary\":\n      return styles.destructive100BackgroundColor;\n    case \"success\":\n      return styles.success700BackgroundColor;\n    case \"tertiary\":\n    case \"destructive-tertiary\":\n      return styles.whiteBackgroundColor;\n    case \"branded\":\n      return styles.yellow700BackgroundColor;\n    case \"inverse\":\n      return styles.gray60BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n"],"mappings":";;;;;AAGe,SAAR,gBAAiC,OAAuC;AAC7E,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;","names":[]}
+{"version":3,"sources":["../../src/colors/backgroundColor.ts"],"sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n      return styles.primary100BackgroundColor;\n    case \"destructive-primary\":\n      return styles.destructive700BackgroundColor;\n    case \"destructive-secondary\":\n      return styles.destructive100BackgroundColor;\n    case \"success\":\n      return styles.success700BackgroundColor;\n    case \"tertiary\":\n    case \"destructive-tertiary\":\n      return styles.whiteBackgroundColor;\n    case \"branded\":\n      return styles.yellow700BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n"],"mappings":";;;;;AAGe,SAAR,gBAAiC,OAAuC;AAC7E,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;","names":[]}

package/dist/colors/backgroundColor.css

@@ -1,4 +1,4 @@
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
 ._inheritColor_11l4y_2 {
   color: inherit;
 }

package/dist/colors/backgroundColor.css.map

@@ -1 +1 @@
-{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data"],"sourcesContent":["/* Regular Colors */\n._inheritColor_11l4y_2 {\n  color: inherit;\n}\n\n._destructive700Color_11l4y_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_11l4y_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_11l4y_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_11l4y_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_11l4y_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_11l4y_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_11l4y_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_11l4y_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_11l4y_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_11l4y_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_11l4y_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_11l4y_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_11l4y_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_11l4y_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_11l4y_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_11l4y_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_11l4y_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_11l4y_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_11l4y_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_11l4y_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_11l4y_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_11l4y_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_11l4y_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_11l4y_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_11l4y_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_11l4y_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_11l4y_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_11l4y_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_11l4y_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_11l4y_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_11l4y_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_11l4y_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_11l4y_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_11l4y_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_11l4y_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_11l4y_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_11l4y_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_11l4y_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_11l4y_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_11l4y_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_11l4y_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_11l4y_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_11l4y_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_11l4y_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_11l4y_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_11l4y_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_11l4y_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_11l4y_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_11l4y_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_11l4y_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_11l4y_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_11l4y_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_11l4y_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_11l4y_219 {\n  background-color: var(--color-base-yellow-900);\n}\n"],"mappings":";AACA;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}
+{"version":3,"sources":["css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data"],"sourcesContent":["/* Regular Colors */\n._inheritColor_11l4y_2 {\n  color: inherit;\n}\n\n._destructive700Color_11l4y_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_11l4y_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_11l4y_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_11l4y_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_11l4y_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_11l4y_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_11l4y_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_11l4y_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_11l4y_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_11l4y_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_11l4y_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_11l4y_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_11l4y_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_11l4y_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_11l4y_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_11l4y_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_11l4y_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_11l4y_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_11l4y_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_11l4y_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_11l4y_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_11l4y_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_11l4y_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_11l4y_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_11l4y_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_11l4y_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_11l4y_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_11l4y_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_11l4y_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_11l4y_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_11l4y_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_11l4y_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_11l4y_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_11l4y_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_11l4y_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_11l4y_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_11l4y_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_11l4y_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_11l4y_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_11l4y_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_11l4y_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_11l4y_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_11l4y_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_11l4y_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_11l4y_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_11l4y_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_11l4y_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_11l4y_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_11l4y_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_11l4y_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_11l4y_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_11l4y_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_11l4y_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_11l4y_219 {\n  background-color: var(--color-base-yellow-900);\n}\n"],"mappings":";AACA;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}

package/dist/colors/backgroundColor.js

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _G4DDTGDIjs = require('../__chunks/G4DDTGDI.js');
-require('../__chunks/D24RSGYP.js');
+var _3N6HHI46js = require('../__chunks/3N6HHI46.js');
+require('../__chunks/DOUZDU3A.js');
 require('../__chunks/5AR53MHD.js');
 require('../__chunks/LULBCTQR.js');
 
 
-exports.default = _G4DDTGDIjs.backgroundColor;
+exports.default = _3N6HHI46js.backgroundColor;
 //# sourceMappingURL=backgroundColor.js.map

package/dist/colors/backgroundColor.mjs

@@ -1,7 +1,7 @@
 import {
   backgroundColor
-} from "../__chunks/R6CDK4GP.mjs";
-import "../__chunks/JSEHOGL7.mjs";
+} from "../__chunks/5QXUIARJ.mjs";
+import "../__chunks/FLKYHNRX.mjs";
 import "../__chunks/IXDA4ZXP.mjs";
 import "../__chunks/CUDAH5IW.mjs";
 export {

package/dist/colors/foregroundColor.css

@@ -1,4 +1,4 @@
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
 ._inheritColor_11l4y_2 {
   color: inherit;
 }

package/dist/colors/foregroundColor.css.map

@@ -1 +1 @@
-{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data"],"sourcesContent":["/* Regular Colors */\n._inheritColor_11l4y_2 {\n  color: inherit;\n}\n\n._destructive700Color_11l4y_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_11l4y_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_11l4y_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_11l4y_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_11l4y_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_11l4y_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_11l4y_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_11l4y_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_11l4y_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_11l4y_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_11l4y_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_11l4y_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_11l4y_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_11l4y_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_11l4y_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_11l4y_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_11l4y_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_11l4y_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_11l4y_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_11l4y_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_11l4y_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_11l4y_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_11l4y_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_11l4y_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_11l4y_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_11l4y_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_11l4y_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_11l4y_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_11l4y_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_11l4y_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_11l4y_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_11l4y_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_11l4y_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_11l4y_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_11l4y_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_11l4y_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_11l4y_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_11l4y_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_11l4y_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_11l4y_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_11l4y_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_11l4y_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_11l4y_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_11l4y_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_11l4y_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_11l4y_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_11l4y_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_11l4y_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_11l4y_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_11l4y_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_11l4y_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_11l4y_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_11l4y_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_11l4y_219 {\n  background-color: var(--color-base-yellow-900);\n}\n"],"mappings":";AACA;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}
+{"version":3,"sources":["css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data"],"sourcesContent":["/* Regular Colors */\n._inheritColor_11l4y_2 {\n  color: inherit;\n}\n\n._destructive700Color_11l4y_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_11l4y_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_11l4y_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_11l4y_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_11l4y_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_11l4y_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_11l4y_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_11l4y_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_11l4y_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_11l4y_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_11l4y_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_11l4y_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_11l4y_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_11l4y_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_11l4y_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_11l4y_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_11l4y_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_11l4y_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_11l4y_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_11l4y_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_11l4y_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_11l4y_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_11l4y_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_11l4y_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_11l4y_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_11l4y_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_11l4y_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_11l4y_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_11l4y_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_11l4y_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_11l4y_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_11l4y_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_11l4y_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_11l4y_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_11l4y_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_11l4y_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_11l4y_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_11l4y_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_11l4y_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_11l4y_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_11l4y_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_11l4y_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_11l4y_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_11l4y_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_11l4y_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_11l4y_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_11l4y_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_11l4y_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_11l4y_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_11l4y_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_11l4y_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_11l4y_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_11l4y_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_11l4y_219 {\n  background-color: var(--color-base-yellow-900);\n}\n"],"mappings":";AACA;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}

package/dist/colors/foregroundColor.js

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CATJI2RJjs = require('../__chunks/CATJI2RJ.js');
-require('../__chunks/D24RSGYP.js');
+var _QX4SPXNOjs = require('../__chunks/QX4SPXNO.js');
+require('../__chunks/DOUZDU3A.js');
 require('../__chunks/5AR53MHD.js');
 require('../__chunks/LULBCTQR.js');
 
 
-exports.default = _CATJI2RJjs.foregroundColor;
+exports.default = _QX4SPXNOjs.foregroundColor;
 //# sourceMappingURL=foregroundColor.js.map

package/dist/colors/foregroundColor.mjs

@@ -1,7 +1,7 @@
 import {
   foregroundColor
-} from "../__chunks/Q2TIB7ZC.mjs";
-import "../__chunks/JSEHOGL7.mjs";
+} from "../__chunks/SSU3B5AR.mjs";
+import "../__chunks/FLKYHNRX.mjs";
 import "../__chunks/IXDA4ZXP.mjs";
 import "../__chunks/CUDAH5IW.mjs";
 export {

package/dist/colors/foregroundTypographyColor.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _HQVZUEWOjs = require('../__chunks/HQVZUEWO.js');
+var _YKIJQZYOjs = require('../__chunks/YKIJQZYO.js');
 require('../__chunks/LULBCTQR.js');
 
 
-exports.default = _HQVZUEWOjs.foregroundTypographyColor;
+exports.default = _YKIJQZYOjs.foregroundTypographyColor;
 //# sourceMappingURL=foregroundTypographyColor.js.map

package/dist/colors/foregroundTypographyColor.mjs

@@ -1,6 +1,6 @@
 import {
   foregroundTypographyColor
-} from "../__chunks/XN5AALLC.mjs";
+} from "../__chunks/SFLBYQCV.mjs";
 import "../__chunks/CUDAH5IW.mjs";
 export {
   foregroundTypographyColor as default