@cambly/syntax-core 20.5.0 → 20.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/dist/Button/Button.cjs +3 -3
  2. package/dist/Button/Button.js +2 -2
  3. package/dist/Button/constants/iconSize.cjs +2 -2
  4. package/dist/Button/constants/iconSize.d.ts +2 -2
  5. package/dist/Button/constants/iconSize.js +1 -1
  6. package/dist/Dialog/ModalDialog.cjs +4 -4
  7. package/dist/Dialog/ModalDialog.js +3 -3
  8. package/dist/Icon/Icon.cjs +2 -2
  9. package/dist/Icon/Icon.d.ts +1 -1
  10. package/dist/Icon/Icon.js +1 -1
  11. package/dist/IconButton/IconButton.cjs +3 -3
  12. package/dist/IconButton/IconButton.js +2 -2
  13. package/dist/IconLinkButton/IconLinkButton.cjs +3 -3
  14. package/dist/IconLinkButton/IconLinkButton.js +2 -2
  15. package/dist/LinkButton/LinkButton.cjs +3 -3
  16. package/dist/LinkButton/LinkButton.js +2 -2
  17. package/dist/Modal/Modal.cjs +4 -4
  18. package/dist/Modal/Modal.js +3 -3
  19. package/dist/Popover/Popover.cjs +5 -5
  20. package/dist/Popover/Popover.js +4 -4
  21. package/dist/RichSelect/RichSelectBox.cjs +4 -4
  22. package/dist/RichSelect/RichSelectBox.js +3 -3
  23. package/dist/RichSelect/RichSelectList.cjs +9 -9
  24. package/dist/RichSelect/RichSelectList.js +8 -8
  25. package/dist/SelectList/SelectList.cjs +3 -3
  26. package/dist/SelectList/SelectList.js +2 -2
  27. package/dist/__chunks/{GQIVAGZ2.js → 22TVX5F4.js} +2 -2
  28. package/dist/__chunks/{TTUGZZPV.cjs → 4UT6BROB.cjs} +6 -6
  29. package/dist/__chunks/{EP7RK5MC.cjs → 67K5GWKL.cjs} +5 -5
  30. package/dist/__chunks/{64WM4STC.js → 6TM2ES2T.js} +3 -3
  31. package/dist/__chunks/{64WM4STC.js.map → 6TM2ES2T.js.map} +1 -1
  32. package/dist/__chunks/{6FA2AYTD.cjs → AFOQ6JVB.cjs} +4 -4
  33. package/dist/__chunks/{67PPAFHW.cjs → AHM6QK6U.cjs} +3 -3
  34. package/dist/__chunks/{YISFHYJW.js → BMTUKQRY.js} +4 -4
  35. package/dist/__chunks/{44EISWI2.cjs → BVNFNAUO.cjs} +6 -6
  36. package/dist/__chunks/{5J43UL2N.js → DZNR7V5P.js} +2 -2
  37. package/dist/__chunks/{JVLEQ5LB.js → FJXL3BLK.js} +2 -2
  38. package/dist/__chunks/{IBT4YOI5.cjs → HRTHCEIF.cjs} +1 -1
  39. package/dist/__chunks/{IBT4YOI5.cjs.map → HRTHCEIF.cjs.map} +1 -1
  40. package/dist/__chunks/{34KWYODX.cjs → IJHKE2Y3.cjs} +3 -3
  41. package/dist/__chunks/{IKOJX6EH.js → IUMHK3GF.js} +2 -2
  42. package/dist/__chunks/{E4PTHQYC.cjs → JKEJPSO2.cjs} +12 -12
  43. package/dist/__chunks/{VJWLFFAD.cjs → KFNK5PLG.cjs} +4 -4
  44. package/dist/__chunks/{RUXLZWRZ.cjs → R7BL4JYZ.cjs} +4 -4
  45. package/dist/__chunks/{Z74J5XCF.js → RB35TGSP.js} +2 -2
  46. package/dist/__chunks/{P3YRUAAE.cjs → RHJARLXB.cjs} +3 -3
  47. package/dist/__chunks/{MOUGFIY7.js → RJS7BKZD.js} +2 -2
  48. package/dist/__chunks/{CN7ZX34L.js → RWJSEIJ6.js} +1 -1
  49. package/dist/__chunks/{CN7ZX34L.js.map → RWJSEIJ6.js.map} +1 -1
  50. package/dist/__chunks/{WPQECZRJ.js → SIKGAUYF.js} +1 -1
  51. package/dist/__chunks/{WPQECZRJ.js.map → SIKGAUYF.js.map} +1 -1
  52. package/dist/__chunks/{GDXRRA57.js → SZTZ3IZ5.js} +2 -2
  53. package/dist/__chunks/{65BTPZZT.cjs → UEY7FXLX.cjs} +3 -3
  54. package/dist/__chunks/{65BTPZZT.cjs.map → UEY7FXLX.cjs.map} +1 -1
  55. package/dist/__chunks/{VC6ETUE2.js → VF2KL6JX.js} +2 -2
  56. package/dist/__chunks/{YN2ORRKZ.js → VZUFYOET.js} +2 -2
  57. package/dist/__chunks/{FF5D2AVT.cjs → XJVLA3PA.cjs} +1 -1
  58. package/dist/__chunks/{FF5D2AVT.cjs.map → XJVLA3PA.cjs.map} +1 -1
  59. package/dist/index.cjs +14 -14
  60. package/dist/index.js +13 -13
  61. package/package.json +3 -3
  62. /package/dist/__chunks/{GQIVAGZ2.js.map → 22TVX5F4.js.map} +0 -0
  63. /package/dist/__chunks/{TTUGZZPV.cjs.map → 4UT6BROB.cjs.map} +0 -0
  64. /package/dist/__chunks/{EP7RK5MC.cjs.map → 67K5GWKL.cjs.map} +0 -0
  65. /package/dist/__chunks/{6FA2AYTD.cjs.map → AFOQ6JVB.cjs.map} +0 -0
  66. /package/dist/__chunks/{67PPAFHW.cjs.map → AHM6QK6U.cjs.map} +0 -0
  67. /package/dist/__chunks/{YISFHYJW.js.map → BMTUKQRY.js.map} +0 -0
  68. /package/dist/__chunks/{44EISWI2.cjs.map → BVNFNAUO.cjs.map} +0 -0
  69. /package/dist/__chunks/{5J43UL2N.js.map → DZNR7V5P.js.map} +0 -0
  70. /package/dist/__chunks/{JVLEQ5LB.js.map → FJXL3BLK.js.map} +0 -0
  71. /package/dist/__chunks/{34KWYODX.cjs.map → IJHKE2Y3.cjs.map} +0 -0
  72. /package/dist/__chunks/{IKOJX6EH.js.map → IUMHK3GF.js.map} +0 -0
  73. /package/dist/__chunks/{E4PTHQYC.cjs.map → JKEJPSO2.cjs.map} +0 -0
  74. /package/dist/__chunks/{VJWLFFAD.cjs.map → KFNK5PLG.cjs.map} +0 -0
  75. /package/dist/__chunks/{RUXLZWRZ.cjs.map → R7BL4JYZ.cjs.map} +0 -0
  76. /package/dist/__chunks/{Z74J5XCF.js.map → RB35TGSP.js.map} +0 -0
  77. /package/dist/__chunks/{P3YRUAAE.cjs.map → RHJARLXB.cjs.map} +0 -0
  78. /package/dist/__chunks/{MOUGFIY7.js.map → RJS7BKZD.js.map} +0 -0
  79. /package/dist/__chunks/{GDXRRA57.js.map → SZTZ3IZ5.js.map} +0 -0
  80. /package/dist/__chunks/{VC6ETUE2.js.map → VF2KL6JX.js.map} +0 -0
  81. /package/dist/__chunks/{YN2ORRKZ.js.map → VZUFYOET.js.map} +0 -0
@@ -13,7 +13,7 @@ var _7KH536I2cjs = require('./7KH536I2.cjs');
13
13
  var _THM3NAFOcjs = require('./THM3NAFO.cjs');
14
14
 
15
15
 
16
- var _VJWLFFADcjs = require('./VJWLFFAD.cjs');
16
+ var _KFNK5PLGcjs = require('./KFNK5PLG.cjs');
17
17
 
18
18
 
19
19
  var _QODNNCT2cjs = require('./QODNNCT2.cjs');
@@ -79,7 +79,7 @@ function Modal({
79
79
  __style: { top: 4, right: 4 }
80
80
  },
81
81
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
82
- _VJWLFFADcjs.IconButton_default,
82
+ _KFNK5PLGcjs.IconButton_default,
83
83
  {
84
84
  accessibilityLabel: accessibilityCloseLabel,
85
85
  color: image ? "primary" : "tertiary",
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
130
130
 
131
131
 
132
132
  exports.Modal = Modal;
133
- //# sourceMappingURL=67PPAFHW.cjs.map
133
+ //# sourceMappingURL=AHM6QK6U.cjs.map
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  Popover_default
4
- } from "./IKOJX6EH.js";
4
+ } from "./IUMHK3GF.js";
5
5
  import {
6
6
  DialogContext
7
7
  } from "./QVK3VV5M.js";
@@ -9,12 +9,12 @@ import {
9
9
  ColorBaseDestructive700,
10
10
  ColorBaseGray700,
11
11
  ColorCambioWhite100
12
- } from "./CN7ZX34L.js";
12
+ } from "./RWJSEIJ6.js";
13
13
  import {
14
14
  RichSelectBoxContext,
15
15
  RichSelectBox_default,
16
16
  convertSelection
17
- } from "./MOUGFIY7.js";
17
+ } from "./RJS7BKZD.js";
18
18
  import {
19
19
  RichSelectSection_default
20
20
  } from "./I2TGRWBJ.js";
@@ -286,4 +286,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
286
286
  export {
287
287
  RichSelectList_default
288
288
  };
289
- //# sourceMappingURL=YISFHYJW.js.map
289
+ //# sourceMappingURL=BMTUKQRY.js.map
@@ -8,7 +8,7 @@ var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
8
8
 
9
9
 
10
10
 
11
- var _65BTPZZTcjs = require('./65BTPZZT.cjs');
11
+ var _UEY7FXLXcjs = require('./UEY7FXLX.cjs');
12
12
 
13
13
 
14
14
  var _RXQBNEFRcjs = require('./RXQBNEFR.cjs');
@@ -88,10 +88,10 @@ var Button = _react.forwardRef.call(void 0,
88
88
  {
89
89
  className: _classnames2.default.call(void 0,
90
90
  Button_module_default.icon,
91
- _65BTPZZTcjs.materialIconSize[size],
91
+ _UEY7FXLXcjs.materialIconSize[size],
92
92
  disabledPrimary && Button_module_default.disabledPrimary
93
93
  ),
94
- size: _65BTPZZTcjs.internalIconSize[size]
94
+ size: _UEY7FXLXcjs.internalIconSize[size]
95
95
  }
96
96
  ),
97
97
  (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TYOP5XMcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
@@ -109,10 +109,10 @@ var Button = _react.forwardRef.call(void 0,
109
109
  {
110
110
  className: _classnames2.default.call(void 0,
111
111
  Button_module_default.icon,
112
- _65BTPZZTcjs.materialIconSize[size],
112
+ _UEY7FXLXcjs.materialIconSize[size],
113
113
  disabledPrimary && Button_module_default.disabledPrimary
114
114
  ),
115
- size: _65BTPZZTcjs.internalIconSize[size]
115
+ size: _UEY7FXLXcjs.internalIconSize[size]
116
116
  }
117
117
  ),
118
118
  loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
@@ -146,4 +146,4 @@ var Button_default = Button;
146
146
 
147
147
 
148
148
  exports.Button_default = Button_default;
149
- //# sourceMappingURL=44EISWI2.cjs.map
149
+ //# sourceMappingURL=BVNFNAUO.cjs.map
@@ -8,7 +8,7 @@ import {
8
8
  import {
9
9
  internalIconSize,
10
10
  materialIconSize
11
- } from "./64WM4STC.js";
11
+ } from "./6TM2ES2T.js";
12
12
  import {
13
13
  foregroundColor
14
14
  } from "./JCQUY624.js";
@@ -146,4 +146,4 @@ var Button_default = Button;
146
146
  export {
147
147
  Button_default
148
148
  };
149
- //# sourceMappingURL=5J43UL2N.js.map
149
+ //# sourceMappingURL=DZNR7V5P.js.map
@@ -5,7 +5,7 @@ import {
5
5
  import {
6
6
  internalIconSize,
7
7
  materialIconSize
8
- } from "./64WM4STC.js";
8
+ } from "./6TM2ES2T.js";
9
9
  import {
10
10
  foregroundColor
11
11
  } from "./JCQUY624.js";
@@ -80,4 +80,4 @@ var IconLinkButton_default = IconLinkButton;
80
80
  export {
81
81
  IconLinkButton_default
82
82
  };
83
- //# sourceMappingURL=JVLEQ5LB.js.map
83
+ //# sourceMappingURL=FJXL3BLK.js.map
@@ -34,4 +34,4 @@ var Icon_default = Icon;
34
34
 
35
35
 
36
36
  exports.Icon_default = Icon_default;
37
- //# sourceMappingURL=IBT4YOI5.cjs.map
37
+ //# sourceMappingURL=HRTHCEIF.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Icon/Icon.tsx","css-module:./Icon.module.css#css-module"],"names":[],"mappings":";;;;;;AAAA,SAAS,kBAAkB;AAC3B,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,WAAU,oBAAmB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,YAAW,qBAAoB;;;ADuDra;AAZN,IAAM,OAAO;AAAA,EACX,CAAC,EAAE,QAAQ,WAAW,MAAM,OAAO,IAAI,GAAc,QACnD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,oBAAO;AAAA,QACP,sBAAY,GAAG,YAAY;AAAA,QAC3B,oBAAO,OAAO,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,OAAM;AAAA,MAEN,8BAAC,UAAK,GAAG,MAAM;AAAA;AAAA,EACjB;AAEJ;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ","sourcesContent":["import { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Icon.module.css\";\nimport type allColors from \"../colors/allColors\";\n\ntype IconProps = {\n /**\n * The color of the Icon.\n *\n * @defaultValue \"inherit\"\n */\n color?: (typeof allColors)[number];\n /**\n * The size of the Icon.\n * * 100: 16px x 16px\n * * 200: 20px x 20px\n * * 300: 24px x 24px\n * * 400: 28px x 28px\n * * 500: 48px x 48px\n * * 600: 72px x 72px\n * * 700: 100px x 100px\n * * 800: 140px x 140px\n * * 900: 200px x 200px\n * * 1000: 280px x 280px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n /**\n * The svg path of the icon. You should not use this prop directly, instead use the specific icon components.\n */\n path?: string;\n};\n\n/**\n * [Icon](http://localhost:6006/?path=/docs/icons-icons--docs) is the base component that renders an icon.\n * You shouldn't use this component directly, instead use the specific icon components.\n * @example\n * `import Book from \"@cambly/syntax-icons/Book\";`\n *\n * You can click on the icon to copy the import statement!\n */\nconst Icon = forwardRef<SVGSVGElement, IconProps>(\n ({ color = \"inherit\", path, size = 200 }: IconProps, ref) => (\n <svg\n className={classnames(\n styles.icon,\n colorStyles[`${color}Color`],\n styles[`icon${size}`],\n )}\n ref={ref}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d={path} />\n </svg>\n ),\n);\n\nIcon.displayName = \"Icon\";\n\nexport default Icon;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css\"; export default {\"icon\":\"_icon_1vyva_1\",\"icon100\":\"_icon100_1vyva_8\",\"icon200\":\"_icon200_1vyva_13\",\"icon300\":\"_icon300_1vyva_18\",\"icon400\":\"_icon400_1vyva_23\",\"icon500\":\"_icon500_1vyva_28\",\"icon600\":\"_icon600_1vyva_33\",\"icon700\":\"_icon700_1vyva_38\",\"icon800\":\"_icon800_1vyva_43\",\"icon900\":\"_icon900_1vyva_48\",\"icon1000\":\"_icon1000_1vyva_53\"}"]}
1
+ {"version":3,"sources":["../../src/Icon/Icon.tsx","css-module:./Icon.module.css#css-module"],"names":[],"mappings":";;;;;;AAAA,SAAS,kBAAkB;AAC3B,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,WAAU,oBAAmB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,YAAW,qBAAoB;;;ADuDra;AAZN,IAAM,OAAO;AAAA,EACX,CAAC,EAAE,QAAQ,WAAW,MAAM,OAAO,IAAI,GAAc,QACnD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,oBAAO;AAAA,QACP,sBAAY,GAAG,YAAY;AAAA,QAC3B,oBAAO,OAAO,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,OAAM;AAAA,MAEN,8BAAC,UAAK,GAAG,MAAM;AAAA;AAAA,EACjB;AAEJ;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ","sourcesContent":["import { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Icon.module.css\";\nimport type allColors from \"../colors/allColors\";\n\ntype IconProps = {\n /**\n * The color of the Icon.\n *\n * @defaultValue \"inherit\"\n */\n color?: (typeof allColors)[number];\n /**\n * The size of the Icon.\n * * 100: 16px x 16px\n * * 200: 20px x 20px\n * * 300: 24px x 24px\n * * 400: 32px x 32px\n * * 500: 48px x 48px\n * * 600: 72px x 72px\n * * 700: 100px x 100px\n * * 800: 140px x 140px\n * * 900: 200px x 200px\n * * 1000: 280px x 280px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n /**\n * The svg path of the icon. You should not use this prop directly, instead use the specific icon components.\n */\n path?: string;\n};\n\n/**\n * [Icon](http://localhost:6006/?path=/docs/icons-icons--docs) is the base component that renders an icon.\n * You shouldn't use this component directly, instead use the specific icon components.\n * @example\n * `import Book from \"@cambly/syntax-icons/Book\";`\n *\n * You can click on the icon to copy the import statement!\n */\nconst Icon = forwardRef<SVGSVGElement, IconProps>(\n ({ color = \"inherit\", path, size = 200 }: IconProps, ref) => (\n <svg\n className={classnames(\n styles.icon,\n colorStyles[`${color}Color`],\n styles[`icon${size}`],\n )}\n ref={ref}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d={path} />\n </svg>\n ),\n);\n\nIcon.displayName = \"Icon\";\n\nexport default Icon;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css\"; export default {\"icon\":\"_icon_1vyva_1\",\"icon100\":\"_icon100_1vyva_8\",\"icon200\":\"_icon200_1vyva_13\",\"icon300\":\"_icon300_1vyva_18\",\"icon400\":\"_icon400_1vyva_23\",\"icon500\":\"_icon500_1vyva_28\",\"icon600\":\"_icon600_1vyva_33\",\"icon700\":\"_icon700_1vyva_38\",\"icon800\":\"_icon800_1vyva_43\",\"icon900\":\"_icon900_1vyva_48\",\"icon1000\":\"_icon1000_1vyva_53\"}"]}
@@ -1,7 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
2
2
 
3
3
 
4
- var _P3YRUAAEcjs = require('./P3YRUAAE.cjs');
4
+ var _RHJARLXBcjs = require('./RHJARLXB.cjs');
5
5
 
6
6
 
7
7
  var _OKT24L6Dcjs = require('./OKT24L6D.cjs');
@@ -100,7 +100,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
100
100
  } = props;
101
101
  const modal = !children || modalProp;
102
102
  const modalNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
103
- _P3YRUAAEcjs.ModalDialog_default,
103
+ _RHJARLXBcjs.ModalDialog_default,
104
104
  {
105
105
  accessibilityLabel,
106
106
  accessibilityCloseLabel,
@@ -141,4 +141,4 @@ var Popover_default = Popover;
141
141
 
142
142
 
143
143
  exports.AriaPopover = AriaPopover; exports.Popover_default = Popover_default;
144
- //# sourceMappingURL=34KWYODX.cjs.map
144
+ //# sourceMappingURL=IJHKE2Y3.cjs.map
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  ModalDialog_default
4
- } from "./YN2ORRKZ.js";
4
+ } from "./VZUFYOET.js";
5
5
  import {
6
6
  Dialog_default
7
7
  } from "./QVK3VV5M.js";
@@ -141,4 +141,4 @@ export {
141
141
  AriaPopover,
142
142
  Popover_default
143
143
  };
144
- //# sourceMappingURL=IKOJX6EH.js.map
144
+ //# sourceMappingURL=IUMHK3GF.js.map
@@ -1,7 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
2
2
 
3
3
 
4
- var _34KWYODXcjs = require('./34KWYODX.cjs');
4
+ var _IJHKE2Y3cjs = require('./IJHKE2Y3.cjs');
5
5
 
6
6
 
7
7
  var _OKT24L6Dcjs = require('./OKT24L6D.cjs');
@@ -9,12 +9,12 @@ var _OKT24L6Dcjs = require('./OKT24L6D.cjs');
9
9
 
10
10
 
11
11
 
12
- var _FF5D2AVTcjs = require('./FF5D2AVT.cjs');
12
+ var _XJVLA3PAcjs = require('./XJVLA3PA.cjs');
13
13
 
14
14
 
15
15
 
16
16
 
17
- var _6FA2AYTDcjs = require('./6FA2AYTD.cjs');
17
+ var _AFOQ6JVBcjs = require('./AFOQ6JVB.cjs');
18
18
 
19
19
 
20
20
  var _VDLYCYDQcjs = require('./VDLYCYDQ.cjs');
@@ -103,11 +103,11 @@ function RichSelectList(props) {
103
103
  const disabled = !isHydrated || disabledProp;
104
104
  const overlayHandlerRef = _react.useRef.call(void 0, {});
105
105
  const selectedKeysProp = _react.useMemo.call(void 0,
106
- () => _6FA2AYTDcjs.convertSelection.call(void 0, selectedValuesProp),
106
+ () => _AFOQ6JVBcjs.convertSelection.call(void 0, selectedValuesProp),
107
107
  [selectedValuesProp]
108
108
  );
109
109
  const defaultSelectedKeys = _react.useMemo.call(void 0,
110
- () => _6FA2AYTDcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
110
+ () => _AFOQ6JVBcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
111
111
  [defaultSelectedValuesProp]
112
112
  );
113
113
  const [selectedKeys, setSelectedKeys] = _utils.useControlledState.call(void 0,
@@ -147,12 +147,12 @@ function RichSelectList(props) {
147
147
  };
148
148
  const getArrowIconColor = () => {
149
149
  if (errorText) {
150
- return _FF5D2AVTcjs.ColorBaseDestructive700;
150
+ return _XJVLA3PAcjs.ColorBaseDestructive700;
151
151
  } else {
152
152
  if (color === "clear") {
153
- return _FF5D2AVTcjs.ColorCambioWhite100;
153
+ return _XJVLA3PAcjs.ColorCambioWhite100;
154
154
  } else {
155
- return _FF5D2AVTcjs.ColorBaseGray700;
155
+ return _XJVLA3PAcjs.ColorBaseGray700;
156
156
  }
157
157
  }
158
158
  };
@@ -160,7 +160,7 @@ function RichSelectList(props) {
160
160
  _reactariacomponents.Provider,
161
161
  {
162
162
  values: [
163
- [_6FA2AYTDcjs.RichSelectBoxContext, { autoFocus: true }],
163
+ [_AFOQ6JVBcjs.RichSelectBoxContext, { autoFocus: true }],
164
164
  [_OKT24L6Dcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
165
165
  // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided
166
166
  ],
@@ -188,7 +188,7 @@ function RichSelectList(props) {
188
188
  })
189
189
  ) }),
190
190
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
191
- _34KWYODXcjs.Popover_default,
191
+ _IJHKE2Y3cjs.Popover_default,
192
192
  {
193
193
  ref: overlayHandlerRef,
194
194
  disabled,
@@ -201,7 +201,7 @@ function RichSelectList(props) {
201
201
  dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
202
202
  role: "menu",
203
203
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
204
- _6FA2AYTDcjs.RichSelectBox_default,
204
+ _AFOQ6JVBcjs.RichSelectBox_default,
205
205
  _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
206
206
  autosave,
207
207
  selectedValues: selectedKeys,
@@ -286,4 +286,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
286
286
 
287
287
 
288
288
  exports.RichSelectList_default = RichSelectList_default;
289
- //# sourceMappingURL=E4PTHQYC.cjs.map
289
+ //# sourceMappingURL=JKEJPSO2.cjs.map
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- var _65BTPZZTcjs = require('./65BTPZZT.cjs');
5
+ var _UEY7FXLXcjs = require('./UEY7FXLX.cjs');
6
6
 
7
7
 
8
8
  var _RXQBNEFRcjs = require('./RXQBNEFR.cjs');
@@ -75,8 +75,8 @@ var IconButton = _react.forwardRef.call(void 0,
75
75
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
76
76
  Icon,
77
77
  {
78
- className: _65BTPZZTcjs.materialIconSize[size],
79
- size: _65BTPZZTcjs.internalIconSize[size]
78
+ className: _UEY7FXLXcjs.materialIconSize[size],
79
+ size: _UEY7FXLXcjs.internalIconSize[size]
80
80
  }
81
81
  ),
82
82
  indicatorColor && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
@@ -119,4 +119,4 @@ var IconButton_default = IconButton;
119
119
 
120
120
 
121
121
  exports.IconButton_default = IconButton_default;
122
- //# sourceMappingURL=VJWLFFAD.cjs.map
122
+ //# sourceMappingURL=KFNK5PLG.cjs.map
@@ -5,7 +5,7 @@ var _TH4TA3JNcjs = require('./TH4TA3JN.cjs');
5
5
 
6
6
 
7
7
 
8
- var _65BTPZZTcjs = require('./65BTPZZT.cjs');
8
+ var _UEY7FXLXcjs = require('./UEY7FXLX.cjs');
9
9
 
10
10
 
11
11
  var _RXQBNEFRcjs = require('./RXQBNEFR.cjs');
@@ -66,8 +66,8 @@ var IconLinkButton = _react.forwardRef.call(void 0,
66
66
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
67
67
  Icon,
68
68
  {
69
- className: _65BTPZZTcjs.materialIconSize[size],
70
- size: _65BTPZZTcjs.internalIconSize[size]
69
+ className: _UEY7FXLXcjs.materialIconSize[size],
70
+ size: _UEY7FXLXcjs.internalIconSize[size]
71
71
  }
72
72
  )
73
73
  }
@@ -80,4 +80,4 @@ var IconLinkButton_default = IconLinkButton;
80
80
 
81
81
 
82
82
  exports.IconLinkButton_default = IconLinkButton_default;
83
- //# sourceMappingURL=RUXLZWRZ.cjs.map
83
+ //# sourceMappingURL=R7BL4JYZ.cjs.map
@@ -13,7 +13,7 @@ import {
13
13
  } from "./HVA7R2EL.js";
14
14
  import {
15
15
  IconButton_default
16
- } from "./GDXRRA57.js";
16
+ } from "./SZTZ3IZ5.js";
17
17
  import {
18
18
  Box_default
19
19
  } from "./IB6JZQF3.js";
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
130
130
  export {
131
131
  Modal
132
132
  };
133
- //# sourceMappingURL=Z74J5XCF.js.map
133
+ //# sourceMappingURL=RB35TGSP.js.map
@@ -4,7 +4,7 @@
4
4
  var _OKT24L6Dcjs = require('./OKT24L6D.cjs');
5
5
 
6
6
 
7
- var _VJWLFFADcjs = require('./VJWLFFAD.cjs');
7
+ var _KFNK5PLGcjs = require('./KFNK5PLG.cjs');
8
8
 
9
9
 
10
10
  var _QODNNCT2cjs = require('./QODNNCT2.cjs');
@@ -130,7 +130,7 @@ var ModalDialog = _react.forwardRef.call(void 0,
130
130
  }
131
131
  },
132
132
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
133
- _VJWLFFADcjs.IconButton_default,
133
+ _KFNK5PLGcjs.IconButton_default,
134
134
  {
135
135
  onClick: () => state.close(),
136
136
  color: "tertiary",
@@ -157,4 +157,4 @@ var ModalDialog_default = ModalDialog;
157
157
 
158
158
 
159
159
  exports.AriaModalOverlay = AriaModalOverlay; exports.AriaModal = AriaModal; exports.ModalDialog_default = ModalDialog_default;
160
- //# sourceMappingURL=P3YRUAAE.cjs.map
160
+ //# sourceMappingURL=RHJARLXB.cjs.map
@@ -4,7 +4,7 @@ import {
4
4
  } from "./36DG472B.js";
5
5
  import {
6
6
  Button_default
7
- } from "./5J43UL2N.js";
7
+ } from "./DZNR7V5P.js";
8
8
  import {
9
9
  Divider
10
10
  } from "./M4W3IFMV.js";
@@ -208,4 +208,4 @@ export {
208
208
  RichSelectBoxContext,
209
209
  RichSelectBox_default
210
210
  };
211
- //# sourceMappingURL=MOUGFIY7.js.map
211
+ //# sourceMappingURL=RJS7BKZD.js.map
@@ -10,4 +10,4 @@ export {
10
10
  ColorBaseGray700,
11
11
  ColorCambioWhite100
12
12
  };
13
- //# sourceMappingURL=CN7ZX34L.js.map
13
+ //# sourceMappingURL=RWJSEIJ6.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Mon, 23 Sep 2024 23:54:48 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"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
1
+ {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 27 Sep 2024 17:29:00 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"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
@@ -34,4 +34,4 @@ var Icon_default = Icon;
34
34
  export {
35
35
  Icon_default
36
36
  };
37
- //# sourceMappingURL=WPQECZRJ.js.map
37
+ //# sourceMappingURL=SIKGAUYF.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Icon/Icon.tsx","css-module:./Icon.module.css#css-module"],"sourcesContent":["import { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Icon.module.css\";\nimport type allColors from \"../colors/allColors\";\n\ntype IconProps = {\n /**\n * The color of the Icon.\n *\n * @defaultValue \"inherit\"\n */\n color?: (typeof allColors)[number];\n /**\n * The size of the Icon.\n * * 100: 16px x 16px\n * * 200: 20px x 20px\n * * 300: 24px x 24px\n * * 400: 28px x 28px\n * * 500: 48px x 48px\n * * 600: 72px x 72px\n * * 700: 100px x 100px\n * * 800: 140px x 140px\n * * 900: 200px x 200px\n * * 1000: 280px x 280px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n /**\n * The svg path of the icon. You should not use this prop directly, instead use the specific icon components.\n */\n path?: string;\n};\n\n/**\n * [Icon](http://localhost:6006/?path=/docs/icons-icons--docs) is the base component that renders an icon.\n * You shouldn't use this component directly, instead use the specific icon components.\n * @example\n * `import Book from \"@cambly/syntax-icons/Book\";`\n *\n * You can click on the icon to copy the import statement!\n */\nconst Icon = forwardRef<SVGSVGElement, IconProps>(\n ({ color = \"inherit\", path, size = 200 }: IconProps, ref) => (\n <svg\n className={classnames(\n styles.icon,\n colorStyles[`${color}Color`],\n styles[`icon${size}`],\n )}\n ref={ref}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d={path} />\n </svg>\n ),\n);\n\nIcon.displayName = \"Icon\";\n\nexport default Icon;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css\"; export default {\"icon\":\"_icon_1vyva_1\",\"icon100\":\"_icon100_1vyva_8\",\"icon200\":\"_icon200_1vyva_13\",\"icon300\":\"_icon300_1vyva_18\",\"icon400\":\"_icon400_1vyva_23\",\"icon500\":\"_icon500_1vyva_28\",\"icon600\":\"_icon600_1vyva_33\",\"icon700\":\"_icon700_1vyva_38\",\"icon800\":\"_icon800_1vyva_43\",\"icon900\":\"_icon900_1vyva_48\",\"icon1000\":\"_icon1000_1vyva_53\"}"],"mappings":";;;;;;AAAA,SAAS,kBAAkB;AAC3B,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,WAAU,oBAAmB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,YAAW,qBAAoB;;;ADuDra;AAZN,IAAM,OAAO;AAAA,EACX,CAAC,EAAE,QAAQ,WAAW,MAAM,OAAO,IAAI,GAAc,QACnD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,oBAAO;AAAA,QACP,sBAAY,GAAG,YAAY;AAAA,QAC3B,oBAAO,OAAO,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,OAAM;AAAA,MAEN,8BAAC,UAAK,GAAG,MAAM;AAAA;AAAA,EACjB;AAEJ;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ;","names":[]}
1
+ {"version":3,"sources":["../../src/Icon/Icon.tsx","css-module:./Icon.module.css#css-module"],"sourcesContent":["import { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Icon.module.css\";\nimport type allColors from \"../colors/allColors\";\n\ntype IconProps = {\n /**\n * The color of the Icon.\n *\n * @defaultValue \"inherit\"\n */\n color?: (typeof allColors)[number];\n /**\n * The size of the Icon.\n * * 100: 16px x 16px\n * * 200: 20px x 20px\n * * 300: 24px x 24px\n * * 400: 32px x 32px\n * * 500: 48px x 48px\n * * 600: 72px x 72px\n * * 700: 100px x 100px\n * * 800: 140px x 140px\n * * 900: 200px x 200px\n * * 1000: 280px x 280px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n /**\n * The svg path of the icon. You should not use this prop directly, instead use the specific icon components.\n */\n path?: string;\n};\n\n/**\n * [Icon](http://localhost:6006/?path=/docs/icons-icons--docs) is the base component that renders an icon.\n * You shouldn't use this component directly, instead use the specific icon components.\n * @example\n * `import Book from \"@cambly/syntax-icons/Book\";`\n *\n * You can click on the icon to copy the import statement!\n */\nconst Icon = forwardRef<SVGSVGElement, IconProps>(\n ({ color = \"inherit\", path, size = 200 }: IconProps, ref) => (\n <svg\n className={classnames(\n styles.icon,\n colorStyles[`${color}Color`],\n styles[`icon${size}`],\n )}\n ref={ref}\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d={path} />\n </svg>\n ),\n);\n\nIcon.displayName = \"Icon\";\n\nexport default Icon;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css\"; export default {\"icon\":\"_icon_1vyva_1\",\"icon100\":\"_icon100_1vyva_8\",\"icon200\":\"_icon200_1vyva_13\",\"icon300\":\"_icon300_1vyva_18\",\"icon400\":\"_icon400_1vyva_23\",\"icon500\":\"_icon500_1vyva_28\",\"icon600\":\"_icon600_1vyva_33\",\"icon700\":\"_icon700_1vyva_38\",\"icon800\":\"_icon800_1vyva_43\",\"icon900\":\"_icon900_1vyva_48\",\"icon1000\":\"_icon1000_1vyva_53\"}"],"mappings":";;;;;;AAAA,SAAS,kBAAkB;AAC3B,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,WAAU,oBAAmB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,YAAW,qBAAoB;;;ADuDra;AAZN,IAAM,OAAO;AAAA,EACX,CAAC,EAAE,QAAQ,WAAW,MAAM,OAAO,IAAI,GAAc,QACnD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,oBAAO;AAAA,QACP,sBAAY,GAAG,YAAY;AAAA,QAC3B,oBAAO,OAAO,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,OAAM;AAAA,MAEN,8BAAC,UAAK,GAAG,MAAM;AAAA;AAAA,EACjB;AAEJ;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ;","names":[]}
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  internalIconSize,
4
4
  materialIconSize
5
- } from "./64WM4STC.js";
5
+ } from "./6TM2ES2T.js";
6
6
  import {
7
7
  foregroundColor
8
8
  } from "./JCQUY624.js";
@@ -119,4 +119,4 @@ var IconButton_default = IconButton;
119
119
  export {
120
120
  IconButton_default
121
121
  };
122
- //# sourceMappingURL=GDXRRA57.js.map
122
+ //# sourceMappingURL=SZTZ3IZ5.js.map
@@ -11,12 +11,12 @@ var materialIconSize = {
11
11
  };
12
12
  var internalIconSize = {
13
13
  sm: 100,
14
- md: 200,
15
- lg: 300
14
+ md: 300,
15
+ lg: 400
16
16
  };
17
17
 
18
18
 
19
19
 
20
20
 
21
21
  exports.materialIconSize = materialIconSize; exports.internalIconSize = internalIconSize;
22
- //# sourceMappingURL=65BTPZZT.cjs.map
22
+ //# sourceMappingURL=UEY7FXLX.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"names":[],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,YAAW,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,qBAAoB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACEpkB,IAAM,mBAAmB;AAAA,EAC9B,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEO,IAAM,mBAAmB;AAAA,EAC9B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_v2jgj_1\",\"buttonGap\":\"_buttonGap_v2jgj_8\",\"disabled\":\"_disabled_v2jgj_42\",\"disabledPrimary\":\"_disabledPrimary_v2jgj_57\",\"fullWidth\":\"_fullWidth_v2jgj_61\",\"sm\":\"_sm_v2jgj_65\",\"md\":\"_md_v2jgj_72\",\"lg\":\"_lg_v2jgj_79\",\"icon\":\"_icon_v2jgj_86\",\"smIcon\":\"_smIcon_v2jgj_90\",\"mdIcon\":\"_mdIcon_v2jgj_97\",\"lgIcon\":\"_lgIcon_v2jgj_104\",\"loading\":\"_loading_v2jgj_121\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_v2jgj_1\",\"loadingCircle\":\"_loadingCircle_v2jgj_125\"}","import styles from \"../Button.module.css\";\n\nexport const materialIconSize = {\n sm: styles.smIcon,\n md: styles.mdIcon,\n lg: styles.lgIcon,\n};\n\nexport const internalIconSize = {\n sm: 100,\n md: 200,\n lg: 300,\n} as const;\n"]}
1
+ {"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"names":[],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,YAAW,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,qBAAoB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACEpkB,IAAM,mBAAmB;AAAA,EAC9B,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEO,IAAM,mBAAmB;AAAA,EAC9B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_v2jgj_1\",\"buttonGap\":\"_buttonGap_v2jgj_8\",\"disabled\":\"_disabled_v2jgj_42\",\"disabledPrimary\":\"_disabledPrimary_v2jgj_57\",\"fullWidth\":\"_fullWidth_v2jgj_61\",\"sm\":\"_sm_v2jgj_65\",\"md\":\"_md_v2jgj_72\",\"lg\":\"_lg_v2jgj_79\",\"icon\":\"_icon_v2jgj_86\",\"smIcon\":\"_smIcon_v2jgj_90\",\"mdIcon\":\"_mdIcon_v2jgj_97\",\"lgIcon\":\"_lgIcon_v2jgj_104\",\"loading\":\"_loading_v2jgj_121\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_v2jgj_1\",\"loadingCircle\":\"_loadingCircle_v2jgj_125\"}","import styles from \"../Button.module.css\";\n\nexport const materialIconSize = {\n sm: styles.smIcon,\n md: styles.mdIcon,\n lg: styles.lgIcon,\n};\n\nexport const internalIconSize = {\n sm: 100,\n md: 300,\n lg: 400,\n} as const;\n"]}
@@ -6,7 +6,7 @@ import {
6
6
  ColorBaseDestructive700,
7
7
  ColorBaseGray700,
8
8
  ColorCambioWhite100
9
- } from "./CN7ZX34L.js";
9
+ } from "./RWJSEIJ6.js";
10
10
  import {
11
11
  Focus_module_default
12
12
  } from "./KKADUD65.js";
@@ -140,4 +140,4 @@ SelectList.Option = SelectOption_default;
140
140
  export {
141
141
  SelectList
142
142
  };
143
- //# sourceMappingURL=VC6ETUE2.js.map
143
+ //# sourceMappingURL=VF2KL6JX.js.map
@@ -4,7 +4,7 @@ import {
4
4
  } from "./QVK3VV5M.js";
5
5
  import {
6
6
  IconButton_default
7
- } from "./GDXRRA57.js";
7
+ } from "./SZTZ3IZ5.js";
8
8
  import {
9
9
  Box_default
10
10
  } from "./IB6JZQF3.js";
@@ -157,4 +157,4 @@ export {
157
157
  AriaModal,
158
158
  ModalDialog_default
159
159
  };
160
- //# sourceMappingURL=YN2ORRKZ.js.map
160
+ //# sourceMappingURL=VZUFYOET.js.map
@@ -10,4 +10,4 @@ var ColorCambioWhite100 = "#ffffff";
10
10
 
11
11
 
12
12
  exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray700 = ColorBaseGray700; exports.ColorCambioWhite100 = ColorCambioWhite100;
13
- //# sourceMappingURL=FF5D2AVT.cjs.map
13
+ //# sourceMappingURL=XJVLA3PA.cjs.map
@@ -1 +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 Mon, 23 Sep 2024 23:54:48 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"]}
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 Fri, 27 Sep 2024 17:29:00 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"]}