@cambly/syntax-core 20.0.0 → 20.2.0

package/dist/index.cjs

@@ -13,30 +13,30 @@ var _AVJQ2E2Gcjs = require('./__chunks/AVJQ2E2G.cjs');
 var _IBT4YOI5cjs = require('./__chunks/IBT4YOI5.cjs');
 
 
-var _S7BCIAUQcjs = require('./__chunks/S7BCIAUQ.cjs');
+var _XUDOYOWHcjs = require('./__chunks/XUDOYOWH.cjs');
 
 
-var _SAPSO6DDcjs = require('./__chunks/SAPSO6DD.cjs');
+var _67PPAFHWcjs = require('./__chunks/67PPAFHW.cjs');
 
 
-var _Q7CC3YA4cjs = require('./__chunks/Q7CC3YA4.cjs');
+var _O7M2NMNZcjs = require('./__chunks/O7M2NMNZ.cjs');
 require('./__chunks/HUIHS6RN.cjs');
 require('./__chunks/7KH536I2.cjs');
 require('./__chunks/THM3NAFO.cjs');
 
 
-var _YNGB4N62cjs = require('./__chunks/YNGB4N62.cjs');
+var _TTUGZZPVcjs = require('./__chunks/TTUGZZPV.cjs');
 
 
 var _RUXLZWRZcjs = require('./__chunks/RUXLZWRZ.cjs');
 require('./__chunks/TH4TA3JN.cjs');
 
 
-var _6MV5I6RVcjs = require('./__chunks/6MV5I6RV.cjs');
+var _OCNJ63NCcjs = require('./__chunks/OCNJ63NC.cjs');
 require('./__chunks/JVGX637E.cjs');
 
 
-var _PAC42QWPcjs = require('./__chunks/PAC42QWP.cjs');
+var _4Y2AWRAGcjs = require('./__chunks/4Y2AWRAG.cjs');
 
 
 var _VZTP4FJUcjs = require('./__chunks/VZTP4FJU.cjs');
@@ -46,73 +46,73 @@ require('./__chunks/3RX4RMGC.cjs');
 
 var _VJWLFFADcjs = require('./__chunks/VJWLFFAD.cjs');
 require('./__chunks/WFVGNGEP.cjs');
-require('./__chunks/CQWIABDZ.cjs');
-require('./__chunks/5I7B5SAF.cjs');
+require('./__chunks/HKWOBYWV.cjs');
+require('./__chunks/6FA2AYTD.cjs');
 
 
 var _6KSVCCCBcjs = require('./__chunks/6KSVCCCB.cjs');
 
 
-var _7COSMEXWcjs = require('./__chunks/7COSMEXW.cjs');
+var _44EISWI2cjs = require('./__chunks/44EISWI2.cjs');
 
 
 var _A3B4YKGNcjs = require('./__chunks/A3B4YKGN.cjs');
 require('./__chunks/5JUNB754.cjs');
 require('./__chunks/3P2PWHOU.cjs');
 require('./__chunks/65BTPZZT.cjs');
-require('./__chunks/AAZIVDWS.cjs');
+require('./__chunks/VDLYCYDQ.cjs');
 require('./__chunks/MF7LLV7V.cjs');
-require('./__chunks/PBOAPP74.cjs');
+require('./__chunks/WKADTHRK.cjs');
 
 
-var _AI52ORKAcjs = require('./__chunks/AI52ORKA.cjs');
+var _DHXH7ZSGcjs = require('./__chunks/DHXH7ZSG.cjs');
 require('./__chunks/XLUVINJW.cjs');
-require('./__chunks/XSU6O5C3.cjs');
+require('./__chunks/J2QDHB6I.cjs');
 
 
-var _PBHDA7GVcjs = require('./__chunks/PBHDA7GV.cjs');
+var _MENEINOOcjs = require('./__chunks/MENEINOO.cjs');
 require('./__chunks/RYUXG4AS.cjs');
 
 
 var _36JMUQOLcjs = require('./__chunks/36JMUQOL.cjs');
 
 
-var _KSBBGTKFcjs = require('./__chunks/KSBBGTKF.cjs');
+var _PMNFDB6Ccjs = require('./__chunks/PMNFDB6C.cjs');
 
 
-var _SJSSW5MPcjs = require('./__chunks/SJSSW5MP.cjs');
+var _J5XNUGR3cjs = require('./__chunks/J5XNUGR3.cjs');
 
 
-var _IUX3GQRDcjs = require('./__chunks/IUX3GQRD.cjs');
+var _VVRMCACEcjs = require('./__chunks/VVRMCACE.cjs');
 
 
 
 var _4QUXUGJPcjs = require('./__chunks/4QUXUGJP.cjs');
 
 
-var _E3KSILLWcjs = require('./__chunks/E3KSILLW.cjs');
+var _3XOGCBCJcjs = require('./__chunks/3XOGCBCJ.cjs');
 
 
-var _Q65LBFK3cjs = require('./__chunks/Q65LBFK3.cjs');
+var _DJSQRPF3cjs = require('./__chunks/DJSQRPF3.cjs');
 
 
 var _3UEOKPM2cjs = require('./__chunks/3UEOKPM2.cjs');
 require('./__chunks/7DGFMDT7.cjs');
 
-require('./__chunks/SW6S6ZCI.cjs');
+require('./__chunks/PEWPDQ4Z.cjs');
 require('./__chunks/RXQBNEFR.cjs');
 require('./__chunks/2D3DOVVZ.cjs');
 require('./__chunks/F3SUJGZL.cjs');
 require('./__chunks/UKQIAZA5.cjs');
 
 
-var _FHQ7KPFEcjs = require('./__chunks/FHQ7KPFE.cjs');
+var _YGFJ2STLcjs = require('./__chunks/YGFJ2STL.cjs');
 
 
 var _QODNNCT2cjs = require('./__chunks/QODNNCT2.cjs');
 
 
-var _JACR34JOcjs = require('./__chunks/JACR34JO.cjs');
+var _3ULBWSHTcjs = require('./__chunks/3ULBWSHT.cjs');
 require('./__chunks/PLUVW6AM.cjs');
 require('./__chunks/IL22HCBF.cjs');
 
@@ -120,8 +120,8 @@ require('./__chunks/IL22HCBF.cjs');
 require('./__chunks/CHDS4D44.cjs');
 
 
-var _RVU3UEZIcjs = require('./__chunks/RVU3UEZI.cjs');
-require('./__chunks/TA4EX7DL.cjs');
+var _4TYOP5XMcjs = require('./__chunks/4TYOP5XM.cjs');
+require('./__chunks/B3JRSVBD.cjs');
 require('./__chunks/2XIVACBM.cjs');
 
 require('./__chunks/K4AUV2VK.cjs');
@@ -162,5 +162,5 @@ require('./__chunks/X2SDR4SD.cjs');
 
 
 
-exports.Avatar = _GQUBAKFOcjs.Avatar_default; exports.AvatarGroup = _GEXK47GRcjs.AvatarGroup; exports.Badge = _SJSSW5MPcjs.Badge_default; exports.Box = _QODNNCT2cjs.Box_default; exports.Button = _7COSMEXWcjs.Button_default; exports.ButtonGroup = _6KSVCCCBcjs.ButtonGroup_default; exports.Card = _AVJQ2E2Gcjs.Card_default; exports.Checkbox = _S7BCIAUQcjs.Checkbox_default; exports.Chip = _PBHDA7GVcjs.Chip_default; exports.Divider = _A3B4YKGNcjs.Divider; exports.Heading = _Q7CC3YA4cjs.Heading_default; exports.Icon = _IBT4YOI5cjs.Icon_default; exports.IconButton = _VJWLFFADcjs.IconButton_default; exports.IconLinkButton = _RUXLZWRZcjs.IconLinkButton_default; exports.LinkButton = _YNGB4N62cjs.LinkButton_default; exports.Modal = _SAPSO6DDcjs.Modal; exports.Popover = _VZTP4FJUcjs.Popover_default; exports.RadioButton = _AI52ORKAcjs.RadioButton_default; exports.RichSelectList = _PAC42QWPcjs.RichSelectList_default; exports.SelectList = _6MV5I6RVcjs.SelectList; exports.TabButton = _Q65LBFK3cjs.TabButton; exports.TabLink = _E3KSILLWcjs.TabLink_default; exports.Tabs = _4QUXUGJPcjs.Tabs; exports.TapArea = _3UEOKPM2cjs.TapArea_default; exports.TextArea = _IUX3GQRDcjs.TextArea_default; exports.TextField = _KSBBGTKFcjs.TextField; exports.ThemeProvider = _36JMUQOLcjs.ThemeProvider; exports.Tooltip = _JACR34JOcjs.Tooltip_default; exports.Typography = _RVU3UEZIcjs.Typography_default; exports.WordConfetti = _FHQ7KPFEcjs.WordConfetti_default;
+exports.Avatar = _GQUBAKFOcjs.Avatar_default; exports.AvatarGroup = _GEXK47GRcjs.AvatarGroup; exports.Badge = _J5XNUGR3cjs.Badge_default; exports.Box = _QODNNCT2cjs.Box_default; exports.Button = _44EISWI2cjs.Button_default; exports.ButtonGroup = _6KSVCCCBcjs.ButtonGroup_default; exports.Card = _AVJQ2E2Gcjs.Card_default; exports.Checkbox = _XUDOYOWHcjs.Checkbox_default; exports.Chip = _MENEINOOcjs.Chip_default; exports.Divider = _A3B4YKGNcjs.Divider; exports.Heading = _O7M2NMNZcjs.Heading_default; exports.Icon = _IBT4YOI5cjs.Icon_default; exports.IconButton = _VJWLFFADcjs.IconButton_default; exports.IconLinkButton = _RUXLZWRZcjs.IconLinkButton_default; exports.LinkButton = _TTUGZZPVcjs.LinkButton_default; exports.Modal = _67PPAFHWcjs.Modal; exports.Popover = _VZTP4FJUcjs.Popover_default; exports.RadioButton = _DHXH7ZSGcjs.RadioButton_default; exports.RichSelectList = _4Y2AWRAGcjs.RichSelectList_default; exports.SelectList = _OCNJ63NCcjs.SelectList; exports.TabButton = _DJSQRPF3cjs.TabButton; exports.TabLink = _3XOGCBCJcjs.TabLink_default; exports.Tabs = _4QUXUGJPcjs.Tabs; exports.TapArea = _3UEOKPM2cjs.TapArea_default; exports.TextArea = _VVRMCACEcjs.TextArea_default; exports.TextField = _PMNFDB6Ccjs.TextField; exports.ThemeProvider = _36JMUQOLcjs.ThemeProvider; exports.Tooltip = _3ULBWSHTcjs.Tooltip_default; exports.Typography = _4TYOP5XMcjs.Typography_default; exports.WordConfetti = _YGFJ2STLcjs.WordConfetti_default;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -13,30 +13,30 @@ import {
 } from "./__chunks/WPQECZRJ.js";
 import {
   Checkbox_default
-} from "./__chunks/P5BVB22B.js";
+} from "./__chunks/67NXLQQ3.js";
 import {
   Modal
-} from "./__chunks/WGRDMB2P.js";
+} from "./__chunks/Z74J5XCF.js";
 import {
   Heading_default
-} from "./__chunks/DDD7XI7R.js";
+} from "./__chunks/X4DRRDFO.js";
 import "./__chunks/QQT35OLE.js";
 import "./__chunks/UVFGSHMH.js";
 import "./__chunks/HVA7R2EL.js";
 import {
   LinkButton_default
-} from "./__chunks/DWV2IH7T.js";
+} from "./__chunks/GQIVAGZ2.js";
 import {
   IconLinkButton_default
 } from "./__chunks/JVLEQ5LB.js";
 import "./__chunks/YLWWTB4I.js";
 import {
   SelectList
-} from "./__chunks/DG5BGE3F.js";
+} from "./__chunks/LE2W6Z2R.js";
 import "./__chunks/SPQ7DQHG.js";
 import {
   RichSelectList_default
-} from "./__chunks/VXPUQYXA.js";
+} from "./__chunks/WXCTEEON.js";
 import {
   Popover_default
 } from "./__chunks/ATUBU46J.js";
@@ -46,73 +46,73 @@ import {
   IconButton_default
 } from "./__chunks/GDXRRA57.js";
 import "./__chunks/4U4UW4AK.js";
-import "./__chunks/JWSI5EOR.js";
-import "./__chunks/7YH3K65I.js";
+import "./__chunks/DJCHJ6JD.js";
+import "./__chunks/MOUGFIY7.js";
 import {
   ButtonGroup_default
 } from "./__chunks/36DG472B.js";
 import {
   Button_default
-} from "./__chunks/W6JOWMNG.js";
+} from "./__chunks/5J43UL2N.js";
 import {
   Divider
 } from "./__chunks/M4W3IFMV.js";
 import "./__chunks/Z5ZUAP2B.js";
 import "./__chunks/QSC7CAQA.js";
 import "./__chunks/64WM4STC.js";
-import "./__chunks/6KET3XO2.js";
+import "./__chunks/I2TGRWBJ.js";
 import "./__chunks/DDUJFFG7.js";
-import "./__chunks/CS32ABQA.js";
+import "./__chunks/ZAYQ4QHT.js";
 import {
   RadioButton_default
-} from "./__chunks/4FGMH6ZT.js";
+} from "./__chunks/TIF2TGI4.js";
 import "./__chunks/KKADUD65.js";
-import "./__chunks/WCQCYWL5.js";
+import "./__chunks/WQ4ENJC7.js";
 import {
   Chip_default
-} from "./__chunks/XEHZJBLD.js";
+} from "./__chunks/NVTCDO3W.js";
 import "./__chunks/ODMJANSX.js";
 import {
   ThemeProvider
 } from "./__chunks/KTX4P4Q2.js";
 import {
   TextField
-} from "./__chunks/LHQQKL6Q.js";
+} from "./__chunks/4JGJPX37.js";
 import {
   Badge_default
-} from "./__chunks/DAIZZROA.js";
+} from "./__chunks/AKETYCNW.js";
 import {
   TextArea_default
-} from "./__chunks/D5RAT3YV.js";
+} from "./__chunks/NCY5ER37.js";
 import "./__chunks/4U4UW4AK.js";
 import {
   Tabs
 } from "./__chunks/VRCNKRDW.js";
 import {
   TabLink_default
-} from "./__chunks/CKRK4CN4.js";
+} from "./__chunks/P7OZNQDL.js";
 import {
   TabButton
-} from "./__chunks/RX3JA6WI.js";
+} from "./__chunks/QTGFGB6U.js";
 import {
   TapArea_default
 } from "./__chunks/77FFPQY6.js";
 import "./__chunks/VV2NJABK.js";
 import "./__chunks/4U4UW4AK.js";
-import "./__chunks/45DUMC5J.js";
+import "./__chunks/URFJDXHO.js";
 import "./__chunks/JCQUY624.js";
 import "./__chunks/AXXUPHFX.js";
 import "./__chunks/YGON3SJ5.js";
 import "./__chunks/M4CFLT64.js";
 import {
   WordConfetti_default
-} from "./__chunks/FM74LR6A.js";
+} from "./__chunks/OPDVLDRQ.js";
 import {
   Box_default
 } from "./__chunks/IB6JZQF3.js";
 import {
   Tooltip_default
-} from "./__chunks/UNQGP24J.js";
+} from "./__chunks/NTFNQNV5.js";
 import "./__chunks/ZOWOFYUE.js";
 import "./__chunks/AVREYFSM.js";
 import "./__chunks/4U4UW4AK.js";
@@ -120,8 +120,8 @@ import "./__chunks/4U4UW4AK.js";
 import "./__chunks/KBIW5XV4.js";
 import {
   Typography_default
-} from "./__chunks/RJQ2LSPP.js";
-import "./__chunks/YSI244J6.js";
+} from "./__chunks/RVPSNO77.js";
+import "./__chunks/EZITRCKZ.js";
 import "./__chunks/XSYKMCV5.js";
 import "./__chunks/4U4UW4AK.js";
 import "./__chunks/JB65NEXK.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cambly/syntax-core",
   "description": "Cambly design system core components",
-  "version": "20.0.0",
+  "version": "20.2.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/dist/__chunks/DAIZZROA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:./Badge.module.css#css-module","../../src/Badge/Badge.tsx"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css\"; export default {\"icon\":\"_icon_1g9xb_1\"}","import { type ComponentProps } from \"react\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Badge.module.css\";\nimport type InternalIcon from \"../Icon/Icon\";\n\nconst badgeColor = [\n  \"sky\",\n  \"success300\",\n  \"destructive300\",\n  \"orange\",\n  \"tan\",\n  \"gray370\",\n  \"gray870\",\n  \"lilac\",\n  \"thistle\",\n  \"pink\",\n  \"cream\",\n] as const;\n\nconst textColorForBackgroundColor = (\n  color: (typeof badgeColor)[number],\n): \"gray900\" | \"white\" => {\n  switch (color) {\n    case \"gray370\":\n    case \"destructive300\":\n    case \"orange\":\n    case \"tan\":\n    case \"success300\":\n    case \"sky\":\n    case \"thistle\":\n    case \"pink\":\n    case \"lilac\":\n    case \"cream\":\n      return \"gray900\";\n    default:\n      return \"white\";\n  }\n};\n\n/**\n * [Badge](https://cambly-syntax.vercel.app/?path=/docs/components-badge--docs) is a component to display short text and give additional context to features and other components.\n */\nconst Badge = ({\n  icon: Icon,\n  text,\n  color = \"sky\",\n}: {\n  /**\n   * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n   */\n  icon?:\n    | React.ComponentType<{ className?: string }>\n    | React.ComponentType<ComponentProps<typeof InternalIcon>>;\n  /**\n   * The text to display inside the badge\n   */\n  text: string;\n  /**\n   * The color of the badge\n   *\n   * @defaultValue \"sky\"\n   */\n  color?: (typeof badgeColor)[number];\n}): JSX.Element => {\n  return (\n    <Box\n      display=\"inlineFlex\"\n      paddingX={2}\n      paddingY={1}\n      rounding={\"sm\"}\n      backgroundColor={color}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      minHeight={24}\n    >\n      <Typography\n        size={100}\n        weight=\"medium\"\n        color={textColorForBackgroundColor(color)}\n      >\n        <Box display=\"flex\" gap={1} alignItems=\"center\" justifyContent=\"start\">\n          {Icon && <Icon className={styles.icon} size={100} />}\n          <Typography\n            color={textColorForBackgroundColor(color)}\n            size={100}\n            weight=\"medium\"\n          >\n            {text}\n          </Typography>\n        </Box>\n      </Typography>\n    </Box>\n  );\n};\n\nexport default Badge;\n"],"mappings":";;;;;;;;;AAA0F,IAAO,uBAAQ,EAAC,QAAO,gBAAe;;;ACiFxH,SACW,KADX;AA7DR,IAAM,8BAA8B,CAClC,UACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,QAAQ,CAAC;AAAA,EACb,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AACV,MAiBmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,WAAW;AAAA,MAEX;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAO;AAAA,UACP,OAAO,4BAA4B,KAAK;AAAA,UAExC,+BAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,YAAW,UAAS,gBAAe,SAC5D;AAAA,oBAAQ,oBAAC,QAAK,WAAW,qBAAO,MAAM,MAAM,KAAK;AAAA,YAClD;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,4BAA4B,KAAK;AAAA,gBACxC,MAAM;AAAA,gBACN,QAAO;AAAA,gBAEN;AAAA;AAAA,YACH;AAAA,aACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/__chunks/SJSSW5MP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["css-module:./Badge.module.css#css-module","../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;AAA0F,IAAO,uBAAQ,EAAC,QAAO,gBAAe;;;ACiFxH,SACW,KADX;AA7DR,IAAM,8BAA8B,CAClC,UACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,QAAQ,CAAC;AAAA,EACb,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AACV,MAiBmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,WAAW;AAAA,MAEX;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAO;AAAA,UACP,OAAO,4BAA4B,KAAK;AAAA,UAExC,+BAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,YAAW,UAAS,gBAAe,SAC5D;AAAA,oBAAQ,oBAAC,QAAK,WAAW,qBAAO,MAAM,MAAM,KAAK;AAAA,YAClD;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,4BAA4B,KAAK;AAAA,gBACxC,MAAM;AAAA,gBACN,QAAO;AAAA,gBAEN;AAAA;AAAA,YACH;AAAA,aACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css\"; export default {\"icon\":\"_icon_1g9xb_1\"}","import { type ComponentProps } from \"react\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Badge.module.css\";\nimport type InternalIcon from \"../Icon/Icon\";\n\nconst badgeColor = [\n  \"sky\",\n  \"success300\",\n  \"destructive300\",\n  \"orange\",\n  \"tan\",\n  \"gray370\",\n  \"gray870\",\n  \"lilac\",\n  \"thistle\",\n  \"pink\",\n  \"cream\",\n] as const;\n\nconst textColorForBackgroundColor = (\n  color: (typeof badgeColor)[number],\n): \"gray900\" | \"white\" => {\n  switch (color) {\n    case \"gray370\":\n    case \"destructive300\":\n    case \"orange\":\n    case \"tan\":\n    case \"success300\":\n    case \"sky\":\n    case \"thistle\":\n    case \"pink\":\n    case \"lilac\":\n    case \"cream\":\n      return \"gray900\";\n    default:\n      return \"white\";\n  }\n};\n\n/**\n * [Badge](https://cambly-syntax.vercel.app/?path=/docs/components-badge--docs) is a component to display short text and give additional context to features and other components.\n */\nconst Badge = ({\n  icon: Icon,\n  text,\n  color = \"sky\",\n}: {\n  /**\n   * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n   */\n  icon?:\n    | React.ComponentType<{ className?: string }>\n    | React.ComponentType<ComponentProps<typeof InternalIcon>>;\n  /**\n   * The text to display inside the badge\n   */\n  text: string;\n  /**\n   * The color of the badge\n   *\n   * @defaultValue \"sky\"\n   */\n  color?: (typeof badgeColor)[number];\n}): JSX.Element => {\n  return (\n    <Box\n      display=\"inlineFlex\"\n      paddingX={2}\n      paddingY={1}\n      rounding={\"sm\"}\n      backgroundColor={color}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      minHeight={24}\n    >\n      <Typography\n        size={100}\n        weight=\"medium\"\n        color={textColorForBackgroundColor(color)}\n      >\n        <Box display=\"flex\" gap={1} alignItems=\"center\" justifyContent=\"start\">\n          {Icon && <Icon className={styles.icon} size={100} />}\n          <Typography\n            color={textColorForBackgroundColor(color)}\n            size={100}\n            weight=\"medium\"\n          >\n            {text}\n          </Typography>\n        </Box>\n      </Typography>\n    </Box>\n  );\n};\n\nexport default Badge;\n"]}