@cambly/syntax-core 15.5.0 → 16.0.0

package/dist/Badge/Badge.cjs

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _M7KSUTKJcjs = require('../__chunks/M7KSUTKJ.cjs');
+var _3Z5DP4X3cjs = require('../__chunks/3Z5DP4X3.cjs');
 require('../__chunks/KJLBDAZH.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 
 require('../__chunks/CHDS4D44.cjs');
-require('../__chunks/3BGIBVCR.cjs');
-require('../__chunks/SW2JQXU6.cjs');
+require('../__chunks/42SXZKBG.cjs');
+require('../__chunks/POMJQZKJ.cjs');
 require('../__chunks/SVA2ABQQ.cjs');
 
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _M7KSUTKJcjs.Badge_default;
+exports.default = _3Z5DP4X3cjs.Badge_default;
 //# sourceMappingURL=Badge.cjs.map

package/dist/Badge/Badge.d.ts

@@ -11,7 +11,7 @@ declare const Badge: ({ icon: Icon, text, color, }: {
         className?: string | undefined;
     }> | React.ComponentType<{
         color?: "gray700" | "gray900" | "white" | "inherit" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | "white-secondary" | undefined;
-        size?: "md" | "sm" | "xs" | "lg" | undefined;
+        size?: 0 | 100 | 200 | 300 | 400 | 700 | 900 | 500 | 600 | 800 | 1000 | undefined;
         path?: string | undefined;
     } & React.RefAttributes<SVGSVGElement>> | undefined;
     /**

package/dist/Badge/Badge.js

@@ -1,13 +1,13 @@
 "use client"
 import {
   Badge_default
-} from "../__chunks/TLTSRB3H.js";
+} from "../__chunks/KGGNBWMV.js";
 import "../__chunks/65PMWIHY.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/KBIW5XV4.js";
-import "../__chunks/UXDF6ZIG.js";
-import "../__chunks/JWGD2JGX.js";
+import "../__chunks/RCVW5CTF.js";
+import "../__chunks/NVTSF5NY.js";
 import "../__chunks/XVUEUKXA.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/UWGNJENA.js";

package/dist/Button/Button.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _OY5QYJVAcjs = require('../__chunks/OY5QYJVA.cjs');
+var _FIPWIWEOcjs = require('../__chunks/FIPWIWEO.cjs');
 require('../__chunks/5JUNB754.cjs');
 require('../__chunks/3P2PWHOU.cjs');
-require('../__chunks/BHN2OODF.cjs');
+require('../__chunks/4Y7TNMFL.cjs');
 require('../__chunks/KJLBDAZH.cjs');
 require('../__chunks/LZYX5BWD.cjs');
 require('../__chunks/SFBTR56I.cjs');
@@ -13,13 +13,13 @@ require('../__chunks/JTTZCAPP.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 
 require('../__chunks/CHDS4D44.cjs');
-require('../__chunks/3BGIBVCR.cjs');
-require('../__chunks/SW2JQXU6.cjs');
+require('../__chunks/42SXZKBG.cjs');
+require('../__chunks/POMJQZKJ.cjs');
 require('../__chunks/SVA2ABQQ.cjs');
 
 require('../__chunks/K4AUV2VK.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _OY5QYJVAcjs.Button_default;
+exports.default = _FIPWIWEOcjs.Button_default;
 //# sourceMappingURL=Button.cjs.map

package/dist/Button/Button.js

@@ -1,10 +1,10 @@
 "use client"
 import {
   Button_default
-} from "../__chunks/4X7ZC3WT.js";
+} from "../__chunks/2GCKYKF3.js";
 import "../__chunks/Z5ZUAP2B.js";
 import "../__chunks/QSC7CAQA.js";
-import "../__chunks/C7PW7CPK.js";
+import "../__chunks/EH75XYWO.js";
 import "../__chunks/65PMWIHY.js";
 import "../__chunks/VRJAMHSI.js";
 import "../__chunks/FMNQCHIR.js";
@@ -13,8 +13,8 @@ import "../__chunks/ZF5TOGMY.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/KBIW5XV4.js";
-import "../__chunks/UXDF6ZIG.js";
-import "../__chunks/JWGD2JGX.js";
+import "../__chunks/RCVW5CTF.js";
+import "../__chunks/NVTSF5NY.js";
 import "../__chunks/XVUEUKXA.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/JB65NEXK.js";

package/dist/Button/constants/iconSize.cjs

@@ -1,9 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _BHN2OODFcjs = require('../../__chunks/BHN2OODF.cjs');
+
+var _4Y7TNMFLcjs = require('../../__chunks/4Y7TNMFL.cjs');
 require('../../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _BHN2OODFcjs.iconSize_default;
+
+exports.internalIconSize = _4Y7TNMFLcjs.internalIconSize; exports.materialIconSize = _4Y7TNMFLcjs.materialIconSize;
 //# sourceMappingURL=iconSize.cjs.map

package/dist/Button/constants/iconSize.d.ts

@@ -1,7 +1,12 @@
-declare const iconSize: {
+declare const materialIconSize: {
     sm: string;
     md: string;
     lg: string;
 };
+declare const internalIconSize: {
+    readonly sm: 100;
+    readonly md: 200;
+    readonly lg: 300;
+};
 
-export { iconSize as default };
+export { internalIconSize, materialIconSize };

package/dist/Button/constants/iconSize.js

@@ -1,9 +1,11 @@
 "use client"
 import {
-  iconSize_default
-} from "../../__chunks/C7PW7CPK.js";
+  internalIconSize,
+  materialIconSize
+} from "../../__chunks/EH75XYWO.js";
 import "../../__chunks/UWGNJENA.js";
 export {
-  iconSize_default as default
+  internalIconSize,
+  materialIconSize
 };
 //# sourceMappingURL=iconSize.js.map

package/dist/Card/Card.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _G63LXNMKcjs = require('../__chunks/G63LXNMK.cjs');
+var _L32D5WEGcjs = require('../__chunks/L32D5WEG.cjs');
 require('../__chunks/KJLBDAZH.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 
@@ -11,5 +11,5 @@ require('../__chunks/SVA2ABQQ.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _G63LXNMKcjs.Card;
+exports.default = _L32D5WEGcjs.Card_default;
 //# sourceMappingURL=Card.cjs.map

package/dist/Card/Card.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import colors from '../colors/allColors.js';
 
-type CardType = {
+type CardProps = {
     /**
      * Test id for the button
      */
@@ -27,6 +28,6 @@ type CardType = {
 /**
  * [Card](https://cambly-syntax.vercel.app/?path=/docs/components-card--docs) is a basic container component to apply consistent styling and render child components.
  */
-declare function Card({ backgroundColor, children, size, "data-testid": dataTestId, }: CardType): JSX.Element;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Card as default };

package/dist/Card/Card.js

@@ -1,7 +1,7 @@
 "use client"
 import {
-  Card
-} from "../__chunks/FGXU5UXA.js";
+  Card_default
+} from "../__chunks/DCGTTQAX.js";
 import "../__chunks/65PMWIHY.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/4U4UW4AK.js";
@@ -10,6 +10,6 @@ import "../__chunks/XVUEUKXA.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/UWGNJENA.js";
 export {
-  Card as default
+  Card_default as default
 };
 //# sourceMappingURL=Card.js.map

package/dist/Checkbox/Checkbox.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _CDU5TH7Ycjs = require('../__chunks/CDU5TH7Y.cjs');
+var _BFODXGGOcjs = require('../__chunks/BFODXGGO.cjs');
 require('../__chunks/XLUVINJW.cjs');
-require('../__chunks/3BGIBVCR.cjs');
-require('../__chunks/SW2JQXU6.cjs');
+require('../__chunks/42SXZKBG.cjs');
+require('../__chunks/POMJQZKJ.cjs');
 require('../__chunks/SVA2ABQQ.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 require('../__chunks/K4AUV2VK.cjs');
@@ -12,5 +12,5 @@ require('../__chunks/NOELZTQX.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _CDU5TH7Ycjs.Checkbox_default;
+exports.default = _BFODXGGOcjs.Checkbox_default;
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/Checkbox/Checkbox.js

@@ -1,10 +1,10 @@
 "use client"
 import {
   Checkbox_default
-} from "../__chunks/HUN4OGO5.js";
+} from "../__chunks/5KCDVRT6.js";
 import "../__chunks/KKADUD65.js";
-import "../__chunks/UXDF6ZIG.js";
-import "../__chunks/JWGD2JGX.js";
+import "../__chunks/RCVW5CTF.js";
+import "../__chunks/NVTSF5NY.js";
 import "../__chunks/XVUEUKXA.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/JB65NEXK.js";

package/dist/Chip/Chip.cjs

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _NJ7VV2CHcjs = require('../__chunks/NJ7VV2CH.cjs');
+var _4ENILLBCcjs = require('../__chunks/4ENILLBC.cjs');
 require('../__chunks/KJLBDAZH.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 
 require('../__chunks/CHDS4D44.cjs');
-require('../__chunks/3BGIBVCR.cjs');
-require('../__chunks/SW2JQXU6.cjs');
+require('../__chunks/42SXZKBG.cjs');
+require('../__chunks/POMJQZKJ.cjs');
 require('../__chunks/SVA2ABQQ.cjs');
 
 require('../__chunks/K4AUV2VK.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _NJ7VV2CHcjs.Chip_default;
+exports.default = _4ENILLBCcjs.Chip_default;
 //# sourceMappingURL=Chip.cjs.map

package/dist/Chip/Chip.js

@@ -1,13 +1,13 @@
 "use client"
 import {
   Chip_default
-} from "../__chunks/NKGOCFTT.js";
+} from "../__chunks/E3N5573J.js";
 import "../__chunks/65PMWIHY.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/KBIW5XV4.js";
-import "../__chunks/UXDF6ZIG.js";
-import "../__chunks/JWGD2JGX.js";
+import "../__chunks/RCVW5CTF.js";
+import "../__chunks/NVTSF5NY.js";
 import "../__chunks/XVUEUKXA.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/JB65NEXK.js";

package/dist/Dialog/ModalDialog.cjs

@@ -3,9 +3,10 @@
 
 
 
-var _SSGQWZJGcjs = require('../__chunks/SSGQWZJG.cjs');
+var _WEOENL5Jcjs = require('../__chunks/WEOENL5J.cjs');
 require('../__chunks/J27AGJQB.cjs');
-require('../__chunks/PIQO2LH2.cjs');
+require('../__chunks/ZGOHDWOB.cjs');
+require('../__chunks/4Y7TNMFL.cjs');
 require('../__chunks/MF7LLV7V.cjs');
 require('../__chunks/KJLBDAZH.cjs');
 require('../__chunks/LZYX5BWD.cjs');
@@ -26,5 +27,5 @@ require('../__chunks/X2SDR4SD.cjs');
 
 
 
-exports.AriaModal = _SSGQWZJGcjs.AriaModal; exports.AriaModalOverlay = _SSGQWZJGcjs.AriaModalOverlay; exports.default = _SSGQWZJGcjs.ModalDialog_default;
+exports.AriaModal = _WEOENL5Jcjs.AriaModal; exports.AriaModalOverlay = _WEOENL5Jcjs.AriaModalOverlay; exports.default = _WEOENL5Jcjs.ModalDialog_default;
 //# sourceMappingURL=ModalDialog.cjs.map

package/dist/Dialog/ModalDialog.css

@@ -1177,58 +1177,147 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
-._iconButton_1h8zl_1 {
+._iconButton_txjkh_1 {
   align-items: center;
   justify-content: center;
   display: flex;
   border-radius: 50%;
+  flex: none;
 }
-._iconButton_1h8zl_1:hover {
+._iconButton_txjkh_1:hover {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
   transition-duration: 0.2s;
   cursor: pointer;
 }
-._iconButton_1h8zl_1:focus-visible {
+._iconButton_txjkh_1:focus-visible {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
   box-shadow: 0 0 0 4px #000;
   outline: solid 2px #fff;
 }
-._iconButton_1h8zl_1:active {
+._iconButton_txjkh_1:active {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
   transform: scale(0.97);
   transition-duration: 0.2s;
 }
-._iconButton_1h8zl_1:disabled {
+._iconButton_txjkh_1:disabled {
   filter: opacity(50%);
   background-image: none;
   transform: none;
   cursor: auto;
 }
-._sm_1h8zl_45 {
+._sm_txjkh_46 {
   height: 32px;
   width: 32px;
 }
-._md_1h8zl_50 {
+._md_txjkh_51 {
   height: 48px;
   width: 48px;
 }
-._lg_1h8zl_55 {
+._lg_txjkh_56 {
   height: 64px;
   width: 64px;
 }
-._smIcon_1h8zl_60 {
+._smIcon_txjkh_61 {
   height: 20px !important;
   width: 20px !important;
 }
-._mdIcon_1h8zl_67 {
+._mdIcon_txjkh_68 {
   height: 24px !important;
   width: 24px !important;
 }
-._lgIcon_1h8zl_74 {
+._lgIcon_txjkh_75 {
   height: 32px !important;
   width: 32px !important;
 }
 
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
+._button_hjka3_1 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+._buttonGap_hjka3_8 {
+  gap: 4px;
+}
+._button_hjka3_1:hover {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  transition-duration: 0.2s;
+  cursor: pointer;
+}
+._button_hjka3_1:focus-visible {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  box-shadow: 0 0 0 4px #000;
+  outline: solid 2px #fff;
+}
+._button_hjka3_1:active {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  transform: scale(0.97);
+  transition-duration: 0.2s;
+}
+._disabled_hjka3_42 {
+  filter: opacity(50%);
+  background-image: none;
+  transform: none;
+  cursor: auto;
+}
+._disabledPrimary_hjka3_49 {
+  opacity: 0.5;
+}
+._fullWidth_hjka3_53 {
+  width: 100%;
+}
+._sm_hjka3_57 {
+  min-width: 52px;
+  height: 32px;
+  padding: 0 16px;
+  border-radius: 100px;
+}
+._md_hjka3_64 {
+  min-width: 78px;
+  height: 48px;
+  padding: 0 24px;
+  border-radius: 100px;
+}
+._lg_hjka3_71 {
+  min-width: 104px;
+  height: 64px;
+  padding: 0 32px;
+  border-radius: 100px;
+}
+._icon_hjka3_78 {
+  color: inherit;
+}
+._smIcon_hjka3_82 {
+  width: 16px !important;
+  height: 16px !important;
+}
+._mdIcon_hjka3_89 {
+  width: 20px !important;
+  height: 20px !important;
+}
+._lgIcon_hjka3_96 {
+  width: 24px !important;
+  height: 24px !important;
+}
+@keyframes _syntaxButtonLoadingRotate_hjka3_1 {
+  0% {
+    transform-origin: 50% 50%;
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+._loading_hjka3_113 {
+  animation: _syntaxButtonLoadingRotate_hjka3_1 1.4s linear infinite;
+}
+._loadingCircle_hjka3_117 {
+  stroke: currentcolor;
+  stroke-dasharray: 80px, 200px;
+  stroke-dashoffset: 0;
+  transform-origin: center;
+}
+
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css/#css-module-data */
 ._marginBottom-12_1whn1_2 {
   margin-bottom: -48px;