@cambly/syntax-core 9.6.0 → 9.7.0

package/dist/__chunks/X74O4HUS.js

@@ -0,0 +1,110 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _2O6FDRTFjs = require('./2O6FDRTF.js');
+
+
+var _F3ZST4RLjs = require('./F3ZST4RL.js');
+
+
+var _YJ7YDIGBjs = require('./YJ7YDIGB.js');
+
+
+var _OGJDUOWPjs = require('./OGJDUOWP.js');
+
+// src/RadioButton/RadioButton.tsx
+var _react = require('react');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+
+// css-module:./RadioButton.module.css#css-module
+var RadioButton_module_default = { "radioBaseContainer": "_radioBaseContainer_6h2zg_1", "disabled": "_disabled_6h2zg_9", "cursorDisabled": "_cursorDisabled_6h2zg_13", "cursorEnabled": "_cursorEnabled_6h2zg_17", "smBase": "_smBase_6h2zg_21", "mdBase": "_mdBase_6h2zg_25", "radioStyleOverride": "_radioStyleOverride_6h2zg_29", "smOverride": "_smOverride_6h2zg_34", "mdOverride": "_mdOverride_6h2zg_39", "background": "_background_6h2zg_44", "sm": "_sm_6h2zg_21", "md": "_md_6h2zg_25", "neutralBorder": "_neutralBorder_6h2zg_61", "smCheckedBorder": "_smCheckedBorder_6h2zg_65", "mdCheckedBorder": "_mdCheckedBorder_6h2zg_69", "errorBorderColor": "_errorBorderColor_6h2zg_73", "borderColor": "_borderColor_6h2zg_77" };
+
+// src/RadioButton/RadioButton.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var RadioButton = ({
+  checked = false,
+  "data-testid": dataTestId,
+  disabled: disabledProp = false,
+  error = false,
+  id,
+  label,
+  name,
+  onChange,
+  size = "md",
+  value
+}) => {
+  const isHydrated = _YJ7YDIGBjs.useIsHydrated.call(void 0, );
+  const disabled = !isHydrated || disabledProp;
+  const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
+  const { isFocusVisible } = _OGJDUOWPjs.useFocusVisible.call(void 0, );
+  const sharedStyles = _classnames2.default.call(void 0, RadioButton_module_default.background, RadioButton_module_default[size], {
+    [RadioButton_module_default.errorBorderColor]: error,
+    [RadioButton_module_default.borderColor]: !error,
+    [_2O6FDRTFjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "label",
+    {
+      className: _classnames2.default.call(void 0, 
+        RadioButton_module_default.radioBaseContainer,
+        RadioButton_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
+        {
+          [RadioButton_module_default.disabled]: disabled,
+          [RadioButton_module_default.smBase]: size === "sm",
+          [RadioButton_module_default.mdBase]: size === "md"
+        }
+      ),
+      children: [
+        checked ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _classnames2.default.call(void 0, sharedStyles, {
+              [RadioButton_module_default.mdCheckedBorder]: size === "md",
+              [RadioButton_module_default.smCheckedBorder]: size === "sm"
+            })
+          }
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _classnames2.default.call(void 0, sharedStyles, RadioButton_module_default.neutralBorder) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            "data-testid": dataTestId,
+            type: "radio",
+            id,
+            name,
+            className: _classnames2.default.call(void 0, 
+              RadioButton_module_default.radioStyleOverride,
+              RadioButton_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
+              {
+                [RadioButton_module_default.smOverride]: size === "sm",
+                [RadioButton_module_default.mdOverride]: size === "md"
+              }
+            ),
+            checked,
+            onChange,
+            disabled,
+            value,
+            onFocus: () => {
+              setIsFocused(true);
+            },
+            onBlur: () => {
+              setIsFocused(false);
+            }
+          }
+        ),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _F3ZST4RLjs.Typography_default,
+          {
+            size: size === "md" ? 200 : 100,
+            color: error ? "destructive-primary" : "gray800",
+            children: label
+          }
+        )
+      ]
+    }
+  );
+};
+var RadioButton_default = RadioButton;
+
+
+
+exports.RadioButton_default = RadioButton_default;
+//# sourceMappingURL=X74O4HUS.js.map

package/dist/__chunks/X74O4HUS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RadioButton/RadioButton.tsx","css-module:./RadioButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,SAAmC,gBAAgB;AACnD,OAAO,gBAAgB;;;ACD+E,IAAO,6BAAQ,EAAC,sBAAqB,+BAA8B,YAAW,qBAAoB,kBAAiB,4BAA2B,iBAAgB,2BAA0B,UAAS,oBAAmB,UAAS,oBAAmB,sBAAqB,gCAA+B,cAAa,wBAAuB,cAAa,wBAAuB,cAAa,wBAAuB,MAAK,gBAAe,MAAK,gBAAe,iBAAgB,2BAA0B,mBAAkB,6BAA4B,mBAAkB,6BAA4B,oBAAmB,8BAA6B,eAAc,wBAAuB;;;ADwFrvB,SAYI,KAZJ;AA5EJ,IAAM,cAAc,CAAC;AAAA,EACnB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAoDoB;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,eAAe,WAAW,2BAAO,YAAY,2BAAO,IAAI,GAAG;AAAA,IAC/D,CAAC,2BAAO,gBAAgB,GAAG;AAAA,IAC3B,CAAC,2BAAO,WAAW,GAAG,CAAC;AAAA,IACvB,CAAC,qBAAY,yBAAyB,GAAG,aAAa;AAAA,EACxD,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,2BAAO;AAAA,QACP,2BAAO,SAAS,WAAW,aAAa,WAAW;AAAA,QACnD;AAAA,UACE,CAAC,2BAAO,QAAQ,GAAG;AAAA,UACnB,CAAC,2BAAO,MAAM,GAAG,SAAS;AAAA,UAC1B,CAAC,2BAAO,MAAM,GAAG,SAAS;AAAA,QAC5B;AAAA,MACF;AAAA,MAEC;AAAA,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,WAAW,cAAc;AAAA,cAClC,CAAC,2BAAO,eAAe,GAAG,SAAS;AAAA,cACnC,CAAC,2BAAO,eAAe,GAAG,SAAS;AAAA,YACrC,CAAC;AAAA;AAAA,QACH,IAEA,oBAAC,SAAI,WAAW,WAAW,cAAc,2BAAO,aAAa,GAAG;AAAA,QAElE;AAAA,UAAC;AAAA;AAAA,YACC,eAAa;AAAA,YACb,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,WAAW;AAAA,cACT,2BAAO;AAAA,cACP,2BAAO,SAAS,WAAW,aAAa,WAAW;AAAA,cACnD;AAAA,gBACE,CAAC,2BAAO,UAAU,GAAG,SAAS;AAAA,gBAC9B,CAAC,2BAAO,UAAU,GAAG,SAAS;AAAA,cAChC;AAAA,YACF;AAAA,YACA;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,QACC,SACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,SAAS,OAAO,MAAM;AAAA,YAC5B,OAAO,QAAQ,wBAAwB;AAAA,YAEtC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import React, { type ReactElement, useState } from \"react\";\nimport classnames from \"classnames\";\n\nimport styles from \"./RadioButton.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport Typography from \"../Typography/Typography\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [RadioButton](https://cambly-syntax.vercel.app/?path=/docs/components-radiobutton--docs) is a radio button with accompanying text\n */\nconst RadioButton = ({\n  checked = false,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  error = false,\n  id,\n  label,\n  name,\n  onChange,\n  size = \"md\",\n  value,\n}: {\n  /**\n   * Whether or not the radio button is checked\n   *\n   * @defaultValue false\n   */\n  checked?: boolean;\n  /**\n   * Test id for the radio button\n   */\n  \"data-testid\"?: string;\n  /**\n   * Whether or not the radio button is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Whether to show error color schema\n   *\n   * @defaultValue false\n   */\n  error?: boolean;\n  /**\n   * Id for the the radio button\n   */\n  id?: string;\n  /**\n   * Value to show end user\n   */\n  label: string;\n  /**\n   * The name of the grouping the radio buttons are in\n   */\n  name: string;\n  /**\n   * The callback to be called when the radio button is clicked\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Size of the components\n   *\n   * * `sm`: 16px\n   * * `md`: 24px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\";\n  /**\n   * Value of the selected radio option\n   */\n  value: string | number;\n}): ReactElement => {\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const [isFocused, setIsFocused] = useState(false);\n  const { isFocusVisible } = useFocusVisible();\n\n  const sharedStyles = classnames(styles.background, styles[size], {\n    [styles.errorBorderColor]: error,\n    [styles.borderColor]: !error,\n    [focusStyles.accessibilityOutlineFocus]: isFocused && isFocusVisible,\n  });\n\n  return (\n    <label\n      className={classnames(\n        styles.radioBaseContainer,\n        styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        {\n          [styles.disabled]: disabled,\n          [styles.smBase]: size === \"sm\",\n          [styles.mdBase]: size === \"md\",\n        },\n      )}\n    >\n      {checked ? (\n        <div\n          className={classnames(sharedStyles, {\n            [styles.mdCheckedBorder]: size === \"md\",\n            [styles.smCheckedBorder]: size === \"sm\",\n          })}\n        />\n      ) : (\n        <div className={classnames(sharedStyles, styles.neutralBorder)} />\n      )}\n      <input\n        data-testid={dataTestId}\n        type=\"radio\"\n        id={id}\n        name={name}\n        className={classnames(\n          styles.radioStyleOverride,\n          styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n          {\n            [styles.smOverride]: size === \"sm\",\n            [styles.mdOverride]: size === \"md\",\n          },\n        )}\n        checked={checked}\n        onChange={onChange}\n        disabled={disabled}\n        value={value}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onBlur={() => {\n          setIsFocused(false);\n        }}\n      />\n      {label && (\n        <Typography\n          size={size === \"md\" ? 200 : 100}\n          color={error ? \"destructive-primary\" : \"gray800\"}\n        >\n          {label}\n        </Typography>\n      )}\n    </label>\n  );\n};\n\nexport default RadioButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.module.css\"; export default {\"radioBaseContainer\":\"_radioBaseContainer_6h2zg_1\",\"disabled\":\"_disabled_6h2zg_9\",\"cursorDisabled\":\"_cursorDisabled_6h2zg_13\",\"cursorEnabled\":\"_cursorEnabled_6h2zg_17\",\"smBase\":\"_smBase_6h2zg_21\",\"mdBase\":\"_mdBase_6h2zg_25\",\"radioStyleOverride\":\"_radioStyleOverride_6h2zg_29\",\"smOverride\":\"_smOverride_6h2zg_34\",\"mdOverride\":\"_mdOverride_6h2zg_39\",\"background\":\"_background_6h2zg_44\",\"sm\":\"_sm_6h2zg_21\",\"md\":\"_md_6h2zg_25\",\"neutralBorder\":\"_neutralBorder_6h2zg_61\",\"smCheckedBorder\":\"_smCheckedBorder_6h2zg_65\",\"mdCheckedBorder\":\"_mdCheckedBorder_6h2zg_69\",\"errorBorderColor\":\"_errorBorderColor_6h2zg_73\",\"borderColor\":\"_borderColor_6h2zg_77\"}"]}

package/dist/__chunks/XFKGXL73.mjs

@@ -0,0 +1,14 @@
+// src/useIsHydrated.tsx
+import { useEffect, useState } from "react";
+function useIsHydrated() {
+  const [isHydrated, setIsHydrated] = useState(false);
+  useEffect(() => {
+    setIsHydrated(true);
+  }, []);
+  return isHydrated;
+}
+
+export {
+  useIsHydrated
+};
+//# sourceMappingURL=XFKGXL73.mjs.map

package/dist/__chunks/XFKGXL73.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useIsHydrated.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport default function useIsHydrated(): boolean {\n  const [isHydrated, setIsHydrated] = useState(false);\n  useEffect(() => {\n    setIsHydrated(true);\n  }, []);\n  return isHydrated;\n}\n"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AAErB,SAAR,gBAA0C;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,YAAU,MAAM;AACd,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AACL,SAAO;AACT;","names":[]}

package/dist/__chunks/XN5AALLC.mjs

@@ -0,0 +1,22 @@
+// src/colors/foregroundTypographyColor.ts
+function foregroundTypographyColor(color) {
+  switch (color) {
+    case "secondary":
+    case "tertiary":
+      return "primary";
+    case "destructive-secondary":
+    case "destructive-tertiary":
+      return "destructive-primary";
+    case "branded":
+      return "gray900";
+    case "inverse":
+      return "white";
+    default:
+      return "white";
+  }
+}
+
+export {
+  foregroundTypographyColor
+};
+//# sourceMappingURL=XN5AALLC.mjs.map

package/dist/__chunks/XN5AALLC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/foregroundTypographyColor.ts"],"sourcesContent":["import { type Color } from \"../constants\";\n\nexport default function foregroundTypographyColor(\n  color: (typeof Color)[number],\n): (typeof Color)[number] {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return \"primary\";\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return \"destructive-primary\";\n    case \"branded\":\n      return \"gray900\";\n    case \"inverse\":\n      return \"white\";\n    default:\n      return \"white\";\n  }\n}\n"],"mappings":";AAEe,SAAR,0BACL,OACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/__chunks/YJ7YDIGB.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/useIsHydrated.tsx
+var _react = require('react');
+function useIsHydrated() {
+  const [isHydrated, setIsHydrated] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    setIsHydrated(true);
+  }, []);
+  return isHydrated;
+}
+
+
+
+exports.useIsHydrated = useIsHydrated;
+//# sourceMappingURL=YJ7YDIGB.js.map

package/dist/__chunks/YJ7YDIGB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useIsHydrated.tsx"],"names":[],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AAErB,SAAR,gBAA0C;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,YAAU,MAAM;AACd,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AACL,SAAO;AACT","sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport default function useIsHydrated(): boolean {\n  const [isHydrated, setIsHydrated] = useState(false);\n  useEffect(() => {\n    setIsHydrated(true);\n  }, []);\n  return isHydrated;\n}\n"]}

package/dist/colors/allColors.d.ts

@@ -0,0 +1,3 @@
+declare const colors: readonly ["black", "destructive100", "destructive200", "destructive300", "destructive700", "destructive800", "destructive900", "gray10", "gray100", "gray200", "gray30", "gray60", "gray300", "gray700", "gray80", "gray800", "gray900", "orange100", "orange200", "orange300", "orange700", "orange800", "orange900", "primary100", "primary200", "primary300", "primary700", "primary800", "primary900", "purple100", "purple200", "purple300", "purple700", "purple800", "purple900", "success100", "success200", "success300", "success700", "success800", "success900", "white", "yellow100", "yellow200", "yellow300", "yellow700", "yellow800", "yellow900"];
+
+export { colors as default };

package/dist/colors/allColors.js

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../__chunks/LULBCTQR.js');
+
+// src/colors/allColors.ts
+var colors = [
+  "black",
+  "destructive100",
+  "destructive200",
+  "destructive300",
+  "destructive700",
+  "destructive800",
+  "destructive900",
+  "gray10",
+  "gray100",
+  "gray200",
+  "gray30",
+  "gray60",
+  "gray300",
+  "gray700",
+  "gray80",
+  "gray800",
+  "gray900",
+  "orange100",
+  "orange200",
+  "orange300",
+  "orange700",
+  "orange800",
+  "orange900",
+  "primary100",
+  "primary200",
+  "primary300",
+  "primary700",
+  "primary800",
+  "primary900",
+  "purple100",
+  "purple200",
+  "purple300",
+  "purple700",
+  "purple800",
+  "purple900",
+  "success100",
+  "success200",
+  "success300",
+  "success700",
+  "success800",
+  "success900",
+  "white",
+  "yellow100",
+  "yellow200",
+  "yellow300",
+  "yellow700",
+  "yellow800",
+  "yellow900"
+];
+var allColors_default = colors;
+
+
+exports.default = allColors_default;
+//# sourceMappingURL=allColors.js.map

package/dist/colors/allColors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/allColors.ts"],"names":[],"mappings":";;;AAAA,IAAM,SAAS;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAO,oBAAQ","sourcesContent":["const colors = [\n  \"black\",\n  \"destructive100\",\n  \"destructive200\",\n  \"destructive300\",\n  \"destructive700\",\n  \"destructive800\",\n  \"destructive900\",\n  \"gray10\",\n  \"gray100\",\n  \"gray200\",\n  \"gray30\",\n  \"gray60\",\n  \"gray300\",\n  \"gray700\",\n  \"gray80\",\n  \"gray800\",\n  \"gray900\",\n  \"orange100\",\n  \"orange200\",\n  \"orange300\",\n  \"orange700\",\n  \"orange800\",\n  \"orange900\",\n  \"primary100\",\n  \"primary200\",\n  \"primary300\",\n  \"primary700\",\n  \"primary800\",\n  \"primary900\",\n  \"purple100\",\n  \"purple200\",\n  \"purple300\",\n  \"purple700\",\n  \"purple800\",\n  \"purple900\",\n  \"success100\",\n  \"success200\",\n  \"success300\",\n  \"success700\",\n  \"success800\",\n  \"success900\",\n  \"white\",\n  \"yellow100\",\n  \"yellow200\",\n  \"yellow300\",\n  \"yellow700\",\n  \"yellow800\",\n  \"yellow900\",\n] as const;\n\nexport default colors;\n"]}

package/dist/colors/allColors.mjs

@@ -0,0 +1,58 @@
+import "../__chunks/CUDAH5IW.mjs";
+
+// src/colors/allColors.ts
+var colors = [
+  "black",
+  "destructive100",
+  "destructive200",
+  "destructive300",
+  "destructive700",
+  "destructive800",
+  "destructive900",
+  "gray10",
+  "gray100",
+  "gray200",
+  "gray30",
+  "gray60",
+  "gray300",
+  "gray700",
+  "gray80",
+  "gray800",
+  "gray900",
+  "orange100",
+  "orange200",
+  "orange300",
+  "orange700",
+  "orange800",
+  "orange900",
+  "primary100",
+  "primary200",
+  "primary300",
+  "primary700",
+  "primary800",
+  "primary900",
+  "purple100",
+  "purple200",
+  "purple300",
+  "purple700",
+  "purple800",
+  "purple900",
+  "success100",
+  "success200",
+  "success300",
+  "success700",
+  "success800",
+  "success900",
+  "white",
+  "yellow100",
+  "yellow200",
+  "yellow300",
+  "yellow700",
+  "yellow800",
+  "yellow900"
+];
+var allColors_default = colors;
+export {
+  allColors_default as default
+};
+//# sourceMappingURL=allColors.mjs.map

package/dist/colors/allColors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/allColors.ts"],"sourcesContent":["const colors = [\n  \"black\",\n  \"destructive100\",\n  \"destructive200\",\n  \"destructive300\",\n  \"destructive700\",\n  \"destructive800\",\n  \"destructive900\",\n  \"gray10\",\n  \"gray100\",\n  \"gray200\",\n  \"gray30\",\n  \"gray60\",\n  \"gray300\",\n  \"gray700\",\n  \"gray80\",\n  \"gray800\",\n  \"gray900\",\n  \"orange100\",\n  \"orange200\",\n  \"orange300\",\n  \"orange700\",\n  \"orange800\",\n  \"orange900\",\n  \"primary100\",\n  \"primary200\",\n  \"primary300\",\n  \"primary700\",\n  \"primary800\",\n  \"primary900\",\n  \"purple100\",\n  \"purple200\",\n  \"purple300\",\n  \"purple700\",\n  \"purple800\",\n  \"purple900\",\n  \"success100\",\n  \"success200\",\n  \"success300\",\n  \"success700\",\n  \"success800\",\n  \"success900\",\n  \"white\",\n  \"yellow100\",\n  \"yellow200\",\n  \"yellow300\",\n  \"yellow700\",\n  \"yellow800\",\n  \"yellow900\",\n] as const;\n\nexport default colors;\n"],"mappings":";;;AAAA,IAAM,SAAS;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAO,oBAAQ;","names":[]}

package/dist/colors/backgroundColor.css

@@ -0,0 +1,167 @@
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
+._inheritColor_11l4y_2 {
+  color: inherit;
+}
+._destructive700Color_11l4y_6 {
+  color: var(--color-base-destructive-700);
+}
+._gray700Color_11l4y_10 {
+  color: var(--color-base-gray-700);
+}
+._gray900Color_11l4y_14 {
+  color: var(--color-base-gray-900);
+}
+._primary700Color_11l4y_18 {
+  color: var(--color-base-primary-700);
+}
+._success700Color_11l4y_22 {
+  color: var(--color-base-success-700);
+}
+._whiteColor_11l4y_26 {
+  color: var(--color-base-white);
+}
+._blackBackgroundColor_11l4y_31 {
+  background-color: var(--color-base-black);
+}
+._destructive100BackgroundColor_11l4y_35 {
+  background-color: var(--color-base-destructive-100);
+}
+._destructive200BackgroundColor_11l4y_39 {
+  background-color: var(--color-base-destructive-200);
+}
+._destructive300BackgroundColor_11l4y_43 {
+  background-color: var(--color-base-destructive-300);
+}
+._destructive700BackgroundColor_11l4y_47 {
+  background-color: var(--color-base-destructive-700);
+}
+._destructive800BackgroundColor_11l4y_51 {
+  background-color: var(--color-base-destructive-800);
+}
+._destructive900BackgroundColor_11l4y_55 {
+  background-color: var(--color-base-destructive-900);
+}
+._gray10BackgroundColor_11l4y_59 {
+  background-color: var(--color-base-gray-10);
+}
+._gray30BackgroundColor_11l4y_63 {
+  background-color: var(--color-base-gray-30);
+}
+._gray60BackgroundColor_11l4y_67 {
+  background-color: var(--color-base-gray-60);
+}
+._gray80BackgroundColor_11l4y_71 {
+  background-color: var(--color-base-gray-80);
+}
+._gray100BackgroundColor_11l4y_75 {
+  background-color: var(--color-base-gray-100);
+}
+._gray200BackgroundColor_11l4y_79 {
+  background-color: var(--color-base-gray-200);
+}
+._gray300BackgroundColor_11l4y_83 {
+  background-color: var(--color-base-gray-300);
+}
+._gray700BackgroundColor_11l4y_87 {
+  background-color: var(--color-base-gray-700);
+}
+._gray800BackgroundColor_11l4y_91 {
+  background-color: var(--color-base-gray-800);
+}
+._gray900BackgroundColor_11l4y_95 {
+  background-color: var(--color-base-gray-900);
+}
+._orange100BackgroundColor_11l4y_99 {
+  background-color: var(--color-base-orange-100);
+}
+._orange200BackgroundColor_11l4y_103 {
+  background-color: var(--color-base-orange-200);
+}
+._orange300BackgroundColor_11l4y_107 {
+  background-color: var(--color-base-orange-300);
+}
+._orange700BackgroundColor_11l4y_111 {
+  background-color: var(--color-base-orange-700);
+}
+._orange800BackgroundColor_11l4y_115 {
+  background-color: var(--color-base-orange-800);
+}
+._orange900BackgroundColor_11l4y_119 {
+  background-color: var(--color-base-orange-900);
+}
+._primary100BackgroundColor_11l4y_123 {
+  background-color: var(--color-base-primary-100);
+}
+._primary200BackgroundColor_11l4y_127 {
+  background-color: var(--color-base-primary-200);
+}
+._primary300BackgroundColor_11l4y_131 {
+  background-color: var(--color-base-primary-300);
+}
+._primary700BackgroundColor_11l4y_135 {
+  background-color: var(--color-base-primary-700);
+}
+._primary800BackgroundColor_11l4y_139 {
+  background-color: var(--color-base-primary-800);
+}
+._primary900BackgroundColor_11l4y_143 {
+  background-color: var(--color-base-primary-900);
+}
+._success100BackgroundColor_11l4y_147 {
+  background-color: var(--color-base-success-100);
+}
+._success200BackgroundColor_11l4y_151 {
+  background-color: var(--color-base-success-200);
+}
+._success300BackgroundColor_11l4y_155 {
+  background-color: var(--color-base-success-300);
+}
+._success700BackgroundColor_11l4y_159 {
+  background-color: var(--color-base-success-700);
+}
+._success800BackgroundColor_11l4y_163 {
+  background-color: var(--color-base-success-800);
+}
+._success900BackgroundColor_11l4y_167 {
+  background-color: var(--color-base-success-900);
+}
+._purple100BackgroundColor_11l4y_171 {
+  background-color: var(--color-base-purple-100);
+}
+._purple200BackgroundColor_11l4y_175 {
+  background-color: var(--color-base-purple-200);
+}
+._purple300BackgroundColor_11l4y_179 {
+  background-color: var(--color-base-purple-300);
+}
+._purple700BackgroundColor_11l4y_183 {
+  background-color: var(--color-base-purple-700);
+}
+._purple800BackgroundColor_11l4y_187 {
+  background-color: var(--color-base-purple-800);
+}
+._purple900BackgroundColor_11l4y_191 {
+  background-color: var(--color-base-purple-900);
+}
+._whiteBackgroundColor_11l4y_195 {
+  background-color: var(--color-base-white);
+}
+._yellow100BackgroundColor_11l4y_199 {
+  background-color: var(--color-base-yellow-100);
+}
+._yellow200BackgroundColor_11l4y_203 {
+  background-color: var(--color-base-yellow-200);
+}
+._yellow300BackgroundColor_11l4y_207 {
+  background-color: var(--color-base-yellow-300);
+}
+._yellow700BackgroundColor_11l4y_211 {
+  background-color: var(--color-base-yellow-700);
+}
+._yellow800BackgroundColor_11l4y_215 {
+  background-color: var(--color-base-yellow-800);
+}
+._yellow900BackgroundColor_11l4y_219 {
+  background-color: var(--color-base-yellow-900);
+}
+/*# sourceMappingURL=backgroundColor.css.map */

package/dist/colors/backgroundColor.css.map

@@ -0,0 +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":[]}

package/dist/colors/backgroundColor.d.ts

@@ -0,0 +1,5 @@
+import { Color } from '../constants.js';
+
+declare function backgroundColor(color: (typeof Color)[number]): string;
+
+export { backgroundColor as default };

package/dist/colors/backgroundColor.js

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

package/dist/colors/backgroundColor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/colors/backgroundColor.mjs

@@ -0,0 +1,10 @@
+import {
+  backgroundColor
+} from "../__chunks/R6CDK4GP.mjs";
+import "../__chunks/JSEHOGL7.mjs";
+import "../__chunks/IXDA4ZXP.mjs";
+import "../__chunks/CUDAH5IW.mjs";
+export {
+  backgroundColor as default
+};
+//# sourceMappingURL=backgroundColor.mjs.map

package/dist/colors/backgroundColor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}