@cambly/syntax-core 1.16.1 → 1.17.0

package/dist/index.css

@@ -343,28 +343,28 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css/#css-module-data */
-._mainContainer_1gogt_1 {
+._mainContainer_p0un4_1 {
   display: flex;
   flex-direction: row;
   gap: 8px;
   align-items: center;
 }
-._checkboxContainer_1gogt_8 {
+._checkboxContainer_p0un4_8 {
   display: flex;
   flex-direction: row;
 }
-._inputOverlay_1gogt_13 {
+._inputOverlay_p0un4_13 {
   opacity: 0;
   position: absolute;
   z-index: 1;
   cursor: pointer;
   margin: 0;
 }
-._focusedCheckbox_1gogt_21 {
+._focusedCheckbox_p0un4_21 {
   box-shadow: 0 0 0 4px #000;
   outline: solid 2px #fff;
 }
-._checkbox_1gogt_8 {
+._checkbox_p0un4_8 {
   position: relative;
   cursor: pointer;
   display: flex;
@@ -372,26 +372,30 @@
   align-items: center;
   box-sizing: border-box;
 }
-._uncheckedBox_1gogt_35 {
-  border: 2px solid var(--color-base-primary-700);
-  background-color: #fff;
+._uncheckedBox_p0un4_35 {
+  border: 2px solid;
 }
-._checkedBox_1gogt_40 {
-  background: var(--color-base-primary-700);
-  color: #fff;
+._uncheckedBorder_p0un4_39 {
+  border-color: var(--color-base-primary-700);
 }
-._uncheckedError_1gogt_45 {
+._uncheckedErrorBorder_p0un4_43 {
   border-color: var(--color-base-destructive-700);
 }
-._checkedError_1gogt_49 {
-  background-color: var(--color-base-destructive-700);
+._checkedBox_p0un4_47 {
+  color: #fff;
+}
+._checkedNonError_p0un4_51 {
+  background: var(--color-base-primary-700);
+}
+._checkedError_p0un4_55 {
+  background: var(--color-base-destructive-700);
 }
-._sm_1gogt_53 {
+._sm_p0un4_59 {
   height: 16px;
   width: 16px;
   border-radius: 6px;
 }
-._md_1gogt_59 {
+._md_p0un4_65 {
   height: 24px;
   width: 24px;
   border-radius: 8px;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css/#css-module-data"],"sourcesContent":["._avatar_1s8z7_1 {\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n}\n\n._sm_1s8z7_8 {\n  width: 24px;\n  height: 24px;\n}\n\n._md_1s8z7_13 {\n  width: 40px;\n  height: 40px;\n}\n\n._lg_1s8z7_18 {\n  width: 72px;\n  height: 72px;\n}\n\n._xl_1s8z7_23 {\n  width: 128px;\n  height: 128px;\n}\n","/* Regular Colors */\n._primary700Color_o4pig_2 {\n  color: var(--color-base-primary-700);\n}\n\n._destructive700Color_o4pig_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_o4pig_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_o4pig_14 {\n  color: var(--color-base-gray-900);\n}\n\n._whiteColor_o4pig_18 {\n  color: var(--color-base-white);\n}\n\n._inheritColor_o4pig_22 {\n  color: inherit;\n}\n\n/* Background Colors */\n._primary100BackgroundColor_o4pig_27 {\n  background-color: var(--color-base-primary-100);\n}\n\n._destructive700Background_o4pig_31 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive100BackgroundColor_o4pig_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._success700BackgroundColor_o4pig_39 {\n  background-color: var(--color-base-success-700);\n}\n\n._whiteBackgroundColor_o4pig_43 {\n  background-color: var(--color-base-white);\n}\n\n._yellow700BackgroundColor_o4pig_47 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._primary700BackgroundColor_o4pig_51 {\n  background-color: var(--color-base-primary-700);\n}\n","._button_1p2nl_1 {\n  border: none;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n._buttonGap_1p2nl_9 {\n  gap: 4px;\n}\n\n._button_1p2nl_1:hover {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.1) 0%,\n    rgba(0, 0, 0, 0.1) 100%\n  );\n  transition-duration: 0.2s;\n  cursor: pointer;\n}\n\n._button_1p2nl_1:focus-visible {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.2) 0%,\n    rgba(0, 0, 0, 0.2) 100%\n  );\n  box-shadow: 0 0 0 4px #000;\n  outline: solid 2px #fff;\n}\n\n._button_1p2nl_1:active {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.2) 0%,\n    rgba(0, 0, 0, 0.2) 100%\n  );\n  transform: scale(0.97);\n  transition-duration: 0.2s;\n}\n\n._button_1p2nl_1:disabled {\n  filter: opacity(30%);\n  background-image: none;\n  transform: none;\n  cursor: auto;\n}\n\n._fullWidth_1p2nl_50 {\n  width: 100%;\n}\n\n._sm_1p2nl_54 {\n  min-width: 52px;\n  height: 32px;\n  padding: 0 12px;\n  border-radius: 8px;\n}\n\n._md_1p2nl_61 {\n  min-width: 72px;\n  height: 40px;\n  padding: 0 16px;\n  border-radius: 12px;\n}\n\n._lg_1p2nl_68 {\n  min-width: 88px;\n  height: 48px;\n  padding: 0 20px;\n  border-radius: 16px;\n}\n\n._icon_1p2nl_75 {\n  color: inherit;\n}\n\n._smIcon_1p2nl_79 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 16px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 16px !important;\n}\n\n._mdIcon_1p2nl_86 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 20px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 20px !important;\n}\n\n._lgIcon_1p2nl_93 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 24px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 24px !important;\n}\n\n._textContainer_1p2nl_100 {\n  padding-left: 4px;\n  padding-right: 4px;\n}\n\n@keyframes _syntaxButtonLoadingRotate_1p2nl_1 {\n  0% {\n    transform-origin: 50% 50%;\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n._loading_1p2nl_115 {\n  animation: _syntaxButtonLoadingRotate_1p2nl_1 1.4s linear infinite;\n}\n\n._loadingCircle_1p2nl_119 {\n  stroke: currentcolor;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0;\n  transform-origin: center;\n}\n\n/** TODO Change with `Typography` component when available */\n._buttonText_1p2nl_127 {\n  color: inherit;\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  font-weight: 500;\n}\n\n._buttonTextSmall_1p2nl_134 {\n  font-size: 12px;\n}\n\n._buttonTextMedium_1p2nl_138 {\n  font-size: 14px;\n}\n\n._buttonTextLarge_1p2nl_142 {\n  font-size: 16px;\n}\n","._buttonGroup_184aa_1 {\n  display: flex;\n  gap: 8px;\n}\n\n._horizontal_184aa_6 {\n  flex-direction: row;\n}\n\n._vertical_184aa_10 {\n  flex-direction: column;\n}\n\n._smallGap_184aa_14 {\n  gap: 8px;\n}\n\n._mediumGap_184aa_18 {\n  gap: 12px;\n}\n\n._largeGap_184aa_22 {\n  gap: 16px;\n}\n","._card_hvz2b_1 {\n  border-radius: 24px;\n  padding: 28px;\n  background-color: #fff;\n}\n\n@media (min-width: 480px) {\n  ._card_hvz2b_1 {\n    padding: 36px;\n  }\n}\n","._divider_1ddgq_1 {\n  background-color: var(--color-base-gray-10);\n  border-radius: 50px;\n  border: none;\n  height: 1px;\n  margin: 0;\n}\n","._typography_1krnf_1 {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  margin: 0;\n}\n\n/* Sizes */\n._size100_1krnf_8 {\n  font-size: 12px;\n}\n\n._size200_1krnf_12 {\n  font-size: 14px;\n}\n\n._size300_1krnf_16 {\n  font-size: 16px;\n}\n\n._size500_1krnf_20 {\n  font-size: 20px;\n}\n\n._size600_1krnf_24 {\n  font-size: 28px;\n}\n\n._size700_1krnf_28 {\n  font-size: 40px;\n}\n\n._size800_1krnf_32 {\n  font-size: 64px;\n}\n\n/* Align */\n._center_1krnf_37 {\n  text-align: center;\n}\n\n._forceLeft_1krnf_41 {\n  text-align: left;\n}\n\n._forceRight_1krnf_45 {\n  text-align: right;\n}\n\n._start_1krnf_49 {\n  text-align: start;\n}\n\n._end_1krnf_53 {\n  text-align: end;\n}\n\n/* Boldness */\n._bold_1krnf_58 {\n  font-weight: 700;\n}\n\n._regular_1krnf_62 {\n  font-weight: 400;\n}\n\n._semiBold_1krnf_66 {\n  font-weight: 600;\n}\n\n._heavy_1krnf_70 {\n  font-weight: 860;\n}\n\n._underline_1krnf_74 {\n  text-decoration: underline;\n}\n\n._inline_1krnf_78 {\n  display: inline;\n}\n\n._uppercase_1krnf_82 {\n  text-transform: uppercase;\n}\n","._iconButton_dzhn0_1 {\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  border: none;\n  border-radius: 50%;\n}\n\n._iconButton_dzhn0_1:hover {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.1) 0%,\n    rgba(0, 0, 0, 0.1) 100%\n  );\n  transition-duration: 0.2s;\n  cursor: pointer;\n}\n\n._iconButton_dzhn0_1:focus-visible {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.2) 0%,\n    rgba(0, 0, 0, 0.2) 100%\n  );\n  box-shadow: 0 0 0 4px #000;\n  outline: solid 2px #fff;\n}\n\n._iconButton_dzhn0_1:active {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.2) 0%,\n    rgba(0, 0, 0, 0.2) 100%\n  );\n  transform: scale(0.97);\n  transition-duration: 0.2s;\n}\n\n._iconButton_dzhn0_1:disabled {\n  filter: opacity(30%);\n  background-image: none;\n  transform: none;\n  cursor: auto;\n}\n\n._sm_dzhn0_46 {\n  height: 32px;\n  width: 32px;\n}\n\n._md_dzhn0_51 {\n  height: 40px;\n  width: 40px;\n}\n\n._lg_dzhn0_56 {\n  height: 48px;\n  width: 48px;\n}\n\n._smIcon_dzhn0_61 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 16px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 16px !important;\n}\n\n._mdIcon_dzhn0_68 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 20px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 20px !important;\n}\n\n._lgIcon_dzhn0_75 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 24px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 24px !important;\n}\n","._mainContainer_1gogt_1 {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n}\n\n._checkboxContainer_1gogt_8 {\n  display: flex;\n  flex-direction: row;\n}\n\n._inputOverlay_1gogt_13 {\n  opacity: 0;\n  position: absolute;\n  z-index: 1;\n  cursor: pointer;\n  margin: 0;\n}\n\n._focusedCheckbox_1gogt_21 {\n  box-shadow: 0 0 0 4px #000;\n  outline: solid 2px #fff;\n}\n\n._checkbox_1gogt_8 {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n._uncheckedBox_1gogt_35 {\n  border: 2px solid var(--color-base-primary-700);\n  background-color: #fff;\n}\n\n._checkedBox_1gogt_40 {\n  background: var(--color-base-primary-700);\n  color: #fff;\n}\n\n._uncheckedError_1gogt_45 {\n  border-color: var(--color-base-destructive-700);\n}\n\n._checkedError_1gogt_49 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._sm_1gogt_53 {\n  height: 16px;\n  width: 16px;\n  border-radius: 6px;\n}\n\n._md_1gogt_59 {\n  height: 24px;\n  width: 24px;\n  border-radius: 8px;\n}\n","._miniActionCard_qebkn_1 {\n  border-radius: 24px;\n  padding: 20px;\n  width: 169px;\n  height: 156px;\n  background-color: #fff;\n}\n\n._card_qebkn_9 {\n  border-radius: 24px;\n  padding: 28px;\n  background-color: #fff;\n}\n\n@media (min-width: 480px) {\n  ._miniActionCard_qebkn_1 {\n    width: 232px;\n  }\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;ACvBF;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;;;ACnDF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAAA;AAEI;AAAA;AAAA;AAIA;AAAA;AAAA;AAIJ;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC9IF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACtBF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;ACRJ;AACE;AACA;AACA;AACA;AACA;AAAA;;;ACLF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;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;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AClFF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;;;AC9EF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;AC7DF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css/#css-module-data"],"sourcesContent":["._avatar_1s8z7_1 {\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n}\n\n._sm_1s8z7_8 {\n  width: 24px;\n  height: 24px;\n}\n\n._md_1s8z7_13 {\n  width: 40px;\n  height: 40px;\n}\n\n._lg_1s8z7_18 {\n  width: 72px;\n  height: 72px;\n}\n\n._xl_1s8z7_23 {\n  width: 128px;\n  height: 128px;\n}\n","/* Regular Colors */\n._primary700Color_o4pig_2 {\n  color: var(--color-base-primary-700);\n}\n\n._destructive700Color_o4pig_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_o4pig_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_o4pig_14 {\n  color: var(--color-base-gray-900);\n}\n\n._whiteColor_o4pig_18 {\n  color: var(--color-base-white);\n}\n\n._inheritColor_o4pig_22 {\n  color: inherit;\n}\n\n/* Background Colors */\n._primary100BackgroundColor_o4pig_27 {\n  background-color: var(--color-base-primary-100);\n}\n\n._destructive700Background_o4pig_31 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive100BackgroundColor_o4pig_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._success700BackgroundColor_o4pig_39 {\n  background-color: var(--color-base-success-700);\n}\n\n._whiteBackgroundColor_o4pig_43 {\n  background-color: var(--color-base-white);\n}\n\n._yellow700BackgroundColor_o4pig_47 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._primary700BackgroundColor_o4pig_51 {\n  background-color: var(--color-base-primary-700);\n}\n","._button_1p2nl_1 {\n  border: none;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n._buttonGap_1p2nl_9 {\n  gap: 4px;\n}\n\n._button_1p2nl_1:hover {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.1) 0%,\n    rgba(0, 0, 0, 0.1) 100%\n  );\n  transition-duration: 0.2s;\n  cursor: pointer;\n}\n\n._button_1p2nl_1:focus-visible {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.2) 0%,\n    rgba(0, 0, 0, 0.2) 100%\n  );\n  box-shadow: 0 0 0 4px #000;\n  outline: solid 2px #fff;\n}\n\n._button_1p2nl_1:active {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.2) 0%,\n    rgba(0, 0, 0, 0.2) 100%\n  );\n  transform: scale(0.97);\n  transition-duration: 0.2s;\n}\n\n._button_1p2nl_1:disabled {\n  filter: opacity(30%);\n  background-image: none;\n  transform: none;\n  cursor: auto;\n}\n\n._fullWidth_1p2nl_50 {\n  width: 100%;\n}\n\n._sm_1p2nl_54 {\n  min-width: 52px;\n  height: 32px;\n  padding: 0 12px;\n  border-radius: 8px;\n}\n\n._md_1p2nl_61 {\n  min-width: 72px;\n  height: 40px;\n  padding: 0 16px;\n  border-radius: 12px;\n}\n\n._lg_1p2nl_68 {\n  min-width: 88px;\n  height: 48px;\n  padding: 0 20px;\n  border-radius: 16px;\n}\n\n._icon_1p2nl_75 {\n  color: inherit;\n}\n\n._smIcon_1p2nl_79 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 16px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 16px !important;\n}\n\n._mdIcon_1p2nl_86 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 20px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 20px !important;\n}\n\n._lgIcon_1p2nl_93 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 24px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 24px !important;\n}\n\n._textContainer_1p2nl_100 {\n  padding-left: 4px;\n  padding-right: 4px;\n}\n\n@keyframes _syntaxButtonLoadingRotate_1p2nl_1 {\n  0% {\n    transform-origin: 50% 50%;\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n._loading_1p2nl_115 {\n  animation: _syntaxButtonLoadingRotate_1p2nl_1 1.4s linear infinite;\n}\n\n._loadingCircle_1p2nl_119 {\n  stroke: currentcolor;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0;\n  transform-origin: center;\n}\n\n/** TODO Change with `Typography` component when available */\n._buttonText_1p2nl_127 {\n  color: inherit;\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  font-weight: 500;\n}\n\n._buttonTextSmall_1p2nl_134 {\n  font-size: 12px;\n}\n\n._buttonTextMedium_1p2nl_138 {\n  font-size: 14px;\n}\n\n._buttonTextLarge_1p2nl_142 {\n  font-size: 16px;\n}\n","._buttonGroup_184aa_1 {\n  display: flex;\n  gap: 8px;\n}\n\n._horizontal_184aa_6 {\n  flex-direction: row;\n}\n\n._vertical_184aa_10 {\n  flex-direction: column;\n}\n\n._smallGap_184aa_14 {\n  gap: 8px;\n}\n\n._mediumGap_184aa_18 {\n  gap: 12px;\n}\n\n._largeGap_184aa_22 {\n  gap: 16px;\n}\n","._card_hvz2b_1 {\n  border-radius: 24px;\n  padding: 28px;\n  background-color: #fff;\n}\n\n@media (min-width: 480px) {\n  ._card_hvz2b_1 {\n    padding: 36px;\n  }\n}\n","._divider_1ddgq_1 {\n  background-color: var(--color-base-gray-10);\n  border-radius: 50px;\n  border: none;\n  height: 1px;\n  margin: 0;\n}\n","._typography_1krnf_1 {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  margin: 0;\n}\n\n/* Sizes */\n._size100_1krnf_8 {\n  font-size: 12px;\n}\n\n._size200_1krnf_12 {\n  font-size: 14px;\n}\n\n._size300_1krnf_16 {\n  font-size: 16px;\n}\n\n._size500_1krnf_20 {\n  font-size: 20px;\n}\n\n._size600_1krnf_24 {\n  font-size: 28px;\n}\n\n._size700_1krnf_28 {\n  font-size: 40px;\n}\n\n._size800_1krnf_32 {\n  font-size: 64px;\n}\n\n/* Align */\n._center_1krnf_37 {\n  text-align: center;\n}\n\n._forceLeft_1krnf_41 {\n  text-align: left;\n}\n\n._forceRight_1krnf_45 {\n  text-align: right;\n}\n\n._start_1krnf_49 {\n  text-align: start;\n}\n\n._end_1krnf_53 {\n  text-align: end;\n}\n\n/* Boldness */\n._bold_1krnf_58 {\n  font-weight: 700;\n}\n\n._regular_1krnf_62 {\n  font-weight: 400;\n}\n\n._semiBold_1krnf_66 {\n  font-weight: 600;\n}\n\n._heavy_1krnf_70 {\n  font-weight: 860;\n}\n\n._underline_1krnf_74 {\n  text-decoration: underline;\n}\n\n._inline_1krnf_78 {\n  display: inline;\n}\n\n._uppercase_1krnf_82 {\n  text-transform: uppercase;\n}\n","._iconButton_dzhn0_1 {\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  border: none;\n  border-radius: 50%;\n}\n\n._iconButton_dzhn0_1:hover {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.1) 0%,\n    rgba(0, 0, 0, 0.1) 100%\n  );\n  transition-duration: 0.2s;\n  cursor: pointer;\n}\n\n._iconButton_dzhn0_1:focus-visible {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.2) 0%,\n    rgba(0, 0, 0, 0.2) 100%\n  );\n  box-shadow: 0 0 0 4px #000;\n  outline: solid 2px #fff;\n}\n\n._iconButton_dzhn0_1:active {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.2) 0%,\n    rgba(0, 0, 0, 0.2) 100%\n  );\n  transform: scale(0.97);\n  transition-duration: 0.2s;\n}\n\n._iconButton_dzhn0_1:disabled {\n  filter: opacity(30%);\n  background-image: none;\n  transform: none;\n  cursor: auto;\n}\n\n._sm_dzhn0_46 {\n  height: 32px;\n  width: 32px;\n}\n\n._md_dzhn0_51 {\n  height: 40px;\n  width: 40px;\n}\n\n._lg_dzhn0_56 {\n  height: 48px;\n  width: 48px;\n}\n\n._smIcon_dzhn0_61 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 16px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 16px !important;\n}\n\n._mdIcon_dzhn0_68 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 20px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 20px !important;\n}\n\n._lgIcon_dzhn0_75 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 24px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 24px !important;\n}\n","._mainContainer_p0un4_1 {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n}\n\n._checkboxContainer_p0un4_8 {\n  display: flex;\n  flex-direction: row;\n}\n\n._inputOverlay_p0un4_13 {\n  opacity: 0;\n  position: absolute;\n  z-index: 1;\n  cursor: pointer;\n  margin: 0;\n}\n\n._focusedCheckbox_p0un4_21 {\n  box-shadow: 0 0 0 4px #000;\n  outline: solid 2px #fff;\n}\n\n._checkbox_p0un4_8 {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n._uncheckedBox_p0un4_35 {\n  border: 2px solid;\n}\n\n._uncheckedBorder_p0un4_39 {\n  border-color: var(--color-base-primary-700);\n}\n\n._uncheckedErrorBorder_p0un4_43 {\n  border-color: var(--color-base-destructive-700);\n}\n\n._checkedBox_p0un4_47 {\n  color: #fff;\n}\n\n._checkedNonError_p0un4_51 {\n  background: var(--color-base-primary-700);\n}\n\n._checkedError_p0un4_55 {\n  background: var(--color-base-destructive-700);\n}\n\n._sm_p0un4_59 {\n  height: 16px;\n  width: 16px;\n  border-radius: 6px;\n}\n\n._md_p0un4_65 {\n  height: 24px;\n  width: 24px;\n  border-radius: 8px;\n}\n","._miniActionCard_qebkn_1 {\n  border-radius: 24px;\n  padding: 20px;\n  width: 169px;\n  height: 156px;\n  background-color: #fff;\n}\n\n._card_qebkn_9 {\n  border-radius: 24px;\n  padding: 28px;\n  background-color: #fff;\n}\n\n@media (min-width: 480px) {\n  ._miniActionCard_qebkn_1 {\n    width: 232px;\n  }\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;ACvBF;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;;;ACnDF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAAA;AAEI;AAAA;AAAA;AAIA;AAAA;AAAA;AAIJ;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC9IF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACtBF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;ACRJ;AACE;AACA;AACA;AACA;AACA;AAAA;;;ACLF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;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;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AClFF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;;;AC9EF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACnEF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;","names":[]}

package/dist/index.js

@@ -440,7 +440,7 @@ var import_react5 = require("react");
 var import_classnames6 = __toESM(require_classnames());
 
 // css-module:./LabeledCheckbox.module.css#css-module
-var LabeledCheckbox_module_default = { "mainContainer": "_mainContainer_1gogt_1", "checkboxContainer": "_checkboxContainer_1gogt_8", "inputOverlay": "_inputOverlay_1gogt_13", "focusedCheckbox": "_focusedCheckbox_1gogt_21", "checkbox": "_checkbox_1gogt_8", "uncheckedBox": "_uncheckedBox_1gogt_35", "checkedBox": "_checkedBox_1gogt_40", "uncheckedError": "_uncheckedError_1gogt_45", "checkedError": "_checkedError_1gogt_49", "sm": "_sm_1gogt_53", "md": "_md_1gogt_59" };
+var LabeledCheckbox_module_default = { "mainContainer": "_mainContainer_p0un4_1", "checkboxContainer": "_checkboxContainer_p0un4_8", "inputOverlay": "_inputOverlay_p0un4_13", "focusedCheckbox": "_focusedCheckbox_p0un4_21", "checkbox": "_checkbox_p0un4_8", "uncheckedBox": "_uncheckedBox_p0un4_35", "uncheckedBorder": "_uncheckedBorder_p0un4_39", "uncheckedErrorBorder": "_uncheckedErrorBorder_p0un4_43", "checkedBox": "_checkedBox_p0un4_47", "checkedNonError": "_checkedNonError_p0un4_51", "checkedError": "_checkedError_p0un4_55", "sm": "_sm_p0un4_59", "md": "_md_p0un4_65" };
 
 // src/LabeledCheckbox/LabeledCheckbox.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
@@ -461,11 +461,15 @@ var Checkbox = ({
   onChange
 }) => {
   const [isFocused, setIsFocused] = (0, import_react5.useState)(false);
-  const checkboxStyling = (0, import_classnames6.default)(LabeledCheckbox_module_default.checkbox, LabeledCheckbox_module_default[size], {
-    [LabeledCheckbox_module_default.uncheckedBox]: !checked,
-    [LabeledCheckbox_module_default.checkedBox]: checked,
-    [LabeledCheckbox_module_default.uncheckedError]: !checked && error,
-    [LabeledCheckbox_module_default.checkedError]: checked && error,
+  const checkboxStyling = (0, import_classnames6.default)(LabeledCheckbox_module_default.checkbox, LabeledCheckbox_module_default[size]);
+  const uncheckedStyling = (0, import_classnames6.default)(checkboxStyling, LabeledCheckbox_module_default.uncheckedBox, {
+    [LabeledCheckbox_module_default.uncheckedBorder]: !error,
+    [LabeledCheckbox_module_default.uncheckedErrorBorder]: error,
+    [LabeledCheckbox_module_default.focusedCheckbox]: isFocused
+  });
+  const checkedStyling = (0, import_classnames6.default)(checkboxStyling, LabeledCheckbox_module_default.checkedBox, {
+    [LabeledCheckbox_module_default.checkedNonError]: !error,
+    [LabeledCheckbox_module_default.checkedError]: error,
     [LabeledCheckbox_module_default.focusedCheckbox]: isFocused
   });
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: (0, import_classnames6.default)(LabeledCheckbox_module_default.mainContainer), children: [
@@ -488,7 +492,7 @@ var Checkbox = ({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: checkboxStyling, children: checked && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: checked ? checkedStyling : uncheckedStyling, children: checked && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "path",
         {
           fill: "#fff",

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/classnames/index.js","../src/index.tsx","../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module","../src/Button/Button.tsx","css-module:./colors.module.css#css-module","../src/colors/backgroundColor.ts","../src/colors/foregroundColor.ts","../src/ButtonGroup/ButtonGroupContext.tsx","css-module:./Button.module.css#css-module","../src/ButtonGroup/ButtonGroup.tsx","css-module:./ButtonGroup.module.css#css-module","css-module:./Card.module.css#css-module","../src/Card/Card.tsx","css-module:./Divider.module.css#css-module","../src/Divider/Divider.tsx","../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module","css-module:../colors/colors.module.css#css-module","../src/Heading/Heading.tsx","../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module","../src/LabeledCheckbox/LabeledCheckbox.tsx","css-module:./LabeledCheckbox.module.css#css-module","css-module:./MiniActionCard.module.css#css-module","../src/MiniActionCard/MiniActionCard.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import Avatar from \"./Avatar/Avatar\";\nimport Button from \"./Button/Button\";\nimport ButtonGroup from \"./ButtonGroup/ButtonGroup\";\nimport Card from \"./Card/Card\";\nimport Divider from \"./Divider/Divider\";\nimport Heading from \"./Heading/Heading\";\nimport IconButton from \"./IconButton/IconButton\";\nimport LabeledCheckbox from \"./LabeledCheckbox/LabeledCheckbox\";\nimport MiniActionCard from \"./MiniActionCard/MiniActionCard\";\nimport Typography from \"./Typography/Typography\";\n\nexport {\n  Avatar,\n  Button,\n  ButtonGroup,\n  Card,\n  Divider,\n  Heading,\n  IconButton,\n  LabeledCheckbox,\n  MiniActionCard,\n  Typography,\n};\n","import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\n\n/**\n * Avatar is a circular image that represents a user.\n */\nconst Avatar = ({\n  src,\n  accessibilityLabel,\n  size = \"md\",\n}: {\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\n  /**\n   * Alt text to use for the image.\n   * This should describe the image to people using screen readers.\n   */\n  accessibilityLabel: string;\n  /**\n   * Size of the avatar.\n   *\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n}): JSX.Element => {\n  return (\n    <img\n      alt={accessibilityLabel}\n      src={src}\n      className={classNames(styles.avatar, styles[size])}\n    />\n  );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_1s8z7_1\",\"sm\":\"_sm_1s8z7_8\",\"md\":\"_md_1s8z7_13\",\"lg\":\"_lg_1s8z7_18\",\"xl\":\"_xl_1s8z7_23\"}","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { useContext, ReactElement } from \"react\";\nimport { Color, Size } from \"../constants\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\nimport styles from \"./Button.module.css\";\n\nconst textVariant = {\n  // Replace with `Typography` once it lands in `syntax-core`\n  [\"sm\"]: styles.buttonTextSmall,\n  [\"md\"]: styles.buttonTextMedium,\n  [\"lg\"]: styles.buttonTextLarge,\n} as const;\n\nconst loadingIconSize = {\n  [\"sm\"]: 16,\n  [\"md\"]: 20,\n  [\"lg\"]: 24,\n};\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * Button is a clickable element that is used to perform an action.\n */\nconst Button = ({\n  text,\n  loadingText,\n  color = \"primary\",\n  size: sizeProp = \"md\",\n  accessibilityLabel,\n  disabled: disabledProp = false,\n  loading = false,\n  fullWidth: fullWidthProp = false,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  onClick,\n  tooltip,\n}: {\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size || sizeProp;\n  const disabled = contextProps?.disabled || disabledProp;\n  const fullWidth = contextProps?.fullWidth || fullWidthProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled || loading}\n      onClick={onClick}\n      className={classNames(\n        styles.button,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n        {\n          [styles.fullWidth]: fullWidth,\n          [styles.buttonGap]: size === \"lg\" || size === \"md\",\n        },\n      )}\n    >\n      {!loading && StartIcon && (\n        <StartIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {((loading && loadingText) || (!loading && text)) && (\n        <div className={styles.textContainer}>\n          {/* Replace with `Typography` once it lands in `syntax-core` */}\n          <div className={classNames(styles.buttonText, textVariant[size])}>\n            {loading ? loadingText : text}\n          </div>\n        </div>\n      )}\n      {!loading && EndIcon && (\n        <EndIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {loading && (\n        <svg\n          className={classNames(styles.loading, foregroundColor(color))}\n          viewBox=\"22 22 44 44\"\n          width={loadingIconSize[size]}\n          height={loadingIconSize[size]}\n        >\n          <circle\n            className={styles.loadingCircle}\n            cx=\"44\"\n            cy=\"44\"\n            r=\"20.2\"\n            fill=\"none\"\n            strokeWidth=\"3.6\"\n          />\n        </svg>\n      )}\n    </button>\n  );\n};\n\nexport default Button;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_o4pig_2\",\"destructive700Color\":\"_destructive700Color_o4pig_6\",\"gray700Color\":\"_gray700Color_o4pig_10\",\"gray900Color\":\"_gray900Color_o4pig_14\",\"whiteColor\":\"_whiteColor_o4pig_18\",\"inheritColor\":\"_inheritColor_o4pig_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_o4pig_27\",\"destructive700Background\":\"_destructive700Background_o4pig_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_o4pig_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_o4pig_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_o4pig_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_o4pig_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_o4pig_51\"}","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n      return styles.primary100BackgroundColor;\n    case \"destructive-primary\":\n      return styles.destructive700Background;\n    case \"destructive-secondary\":\n      return styles.destructive100BackgroundColor;\n    case \"success\":\n      return styles.success700BackgroundColor;\n    case \"tertiary\":\n    case \"destructive-tertiary\":\n      return styles.whiteBackgroundColor;\n    case \"branded\":\n      return styles.yellow700BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return styles.primary700Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.destructive700Color;\n    case \"branded\":\n      return styles.gray900Color;\n    default:\n      return styles.whiteColor;\n  }\n}\n","import { Size } from \"../constants\";\nimport React from \"react\";\n\ninterface ButtonGroupContextType {\n  size?: (typeof Size)[number];\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType | null>(\n  {},\n);\n\nButtonGroupContext.displayName = \"ButtonGroupContext\";\n\nexport default ButtonGroupContext;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1p2nl_1\",\"buttonGap\":\"_buttonGap_1p2nl_9\",\"fullWidth\":\"_fullWidth_1p2nl_50\",\"sm\":\"_sm_1p2nl_54\",\"md\":\"_md_1p2nl_61\",\"lg\":\"_lg_1p2nl_68\",\"icon\":\"_icon_1p2nl_75\",\"smIcon\":\"_smIcon_1p2nl_79\",\"mdIcon\":\"_mdIcon_1p2nl_86\",\"lgIcon\":\"_lgIcon_1p2nl_93\",\"textContainer\":\"_textContainer_1p2nl_100\",\"loading\":\"_loading_1p2nl_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1p2nl_1\",\"loadingCircle\":\"_loadingCircle_1p2nl_119\",\"buttonText\":\"_buttonText_1p2nl_127\",\"buttonTextSmall\":\"_buttonTextSmall_1p2nl_134\",\"buttonTextMedium\":\"_buttonTextMedium_1p2nl_138\",\"buttonTextLarge\":\"_buttonTextLarge_1p2nl_142\"}","import { useMemo, ReactElement, ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { Size } from \"../constants\";\nimport ButtonGroupContext from \"./ButtonGroupContext\";\nimport classNames from \"classnames\";\n\nconst gap = {\n  [\"sm\"]: styles.smallGap,\n  [\"md\"]: styles.mediumGap,\n  [\"lg\"]: styles.largeGap,\n} as const;\n\n/**\n * Group buttons to render them in a row or column with consistent spacing in between each button\n */\nconst ButtonGroup = ({\n  disabled = false,\n  fullWidth = false,\n  orientation = \"horizontal\",\n  size = \"md\",\n  children,\n}: {\n  /**\n   * If `true`, all buttons will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, all buttons will be full width.\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The orientation of the button group\n   *\n   * @defaultValue \"horizontal\"\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * The size of the button group\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * Buttons to be rendered inside the button group\n   */\n  children?: ReactNode;\n}): ReactElement => {\n  const context = useMemo(\n    () => ({ disabled, fullWidth, size }),\n    [disabled, fullWidth, size],\n  );\n\n  const classnames = classNames(styles.buttonGroup, gap[size], {\n    [styles.horizontal]: orientation === \"horizontal\",\n    [styles.vertical]: orientation === \"vertical\",\n  });\n\n  return (\n    <ButtonGroupContext.Provider value={context}>\n      <div className={classnames}>{children}</div>\n    </ButtonGroupContext.Provider>\n  );\n};\n\nexport default ButtonGroup;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_184aa_1\",\"horizontal\":\"_horizontal_184aa_6\",\"vertical\":\"_vertical_184aa_10\",\"smallGap\":\"_smallGap_184aa_14\",\"mediumGap\":\"_mediumGap_184aa_18\",\"largeGap\":\"_largeGap_184aa_22\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css\"; export default {\"card\":\"_card_hvz2b_1\"}","import styles from \"./Card.module.css\";\n\n/**\n * Card is a basic container component to apply consistent styling and render child components.\n */\nconst Card = ({\n  children,\n}: {\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.card}>{children}</div>;\n\nexport default Card;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1ddgq_1\"}","import styles from \"./Divider.module.css\";\n\n/**\n * Divider is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider({}: Record<string, never>) {\n  return <hr className={styles.divider} />;\n}\n\nDivider.displayName = \"Divider\";\n","import classNames from \"classnames\";\nimport { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nfunction textColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.gray700Color;\n    case \"white\":\n      return colorStyles.whiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"primary\":\n      return colorStyles.primary700Color;\n    case \"destructive-primary\":\n      return colorStyles.destructive700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\n/**\n * Typography is a component that renders text.\n */\nconst Typography = ({\n  align = \"start\",\n  as = \"div\",\n  children,\n  color = \"gray900\",\n  inline = false,\n  size = 200,\n  tooltip,\n  transform = \"none\",\n  underline = false,\n  weight = \"regular\",\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"div\"\n   */\n  as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Whether the text should flow inline with other elements.\n   *\n   * @defaultValue false\n   */\n  inline?: boolean;\n  /**\n   * Size of the text.\n   *\n   * * `100`: 12px\n   * * `200`: 14px\n   * * `300`: 16px\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 200\n   */\n  size?: 100 | 200 | 300 | 500 | 600 | 700 | 800;\n  /**\n   * The tooltip to be displayed when the user hovers the text\n   */\n  tooltip?: string;\n  /**\n   * Whether the text should be transformed to uppercase.\n   *\n   * @defaultValue \"none\"\n   */\n  transform?: \"none\" | \"uppercase\";\n  /**\n   * Whether the text has an underline.\n   *\n   * @defaultValue false\n   */\n  underline?: boolean;\n  /**\n   * Indicates the boldness of the text.\n   *\n   * @defaultValue \"regular\"\n   */\n  weight?: \"regular\" | \"semiBold\" | \"bold\" | \"heavy\";\n}): ReactElement => {\n  const Tag = as;\n\n  return (\n    <Tag\n      className={classNames(\n        styles.typography,\n        styles[align],\n        styles[weight],\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n      )}\n      title={tooltip}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1krnf_1\",\"size100\":\"_size100_1krnf_8\",\"size200\":\"_size200_1krnf_12\",\"size300\":\"_size300_1krnf_16\",\"size500\":\"_size500_1krnf_20\",\"size600\":\"_size600_1krnf_24\",\"size700\":\"_size700_1krnf_28\",\"size800\":\"_size800_1krnf_32\",\"center\":\"_center_1krnf_37\",\"forceLeft\":\"_forceLeft_1krnf_41\",\"forceRight\":\"_forceRight_1krnf_45\",\"start\":\"_start_1krnf_49\",\"end\":\"_end_1krnf_53\",\"bold\":\"_bold_1krnf_58\",\"regular\":\"_regular_1krnf_62\",\"semiBold\":\"_semiBold_1krnf_66\",\"heavy\":\"_heavy_1krnf_70\",\"underline\":\"_underline_1krnf_74\",\"inline\":\"_inline_1krnf_78\",\"uppercase\":\"_uppercase_1krnf_82\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_o4pig_2\",\"destructive700Color\":\"_destructive700Color_o4pig_6\",\"gray700Color\":\"_gray700Color_o4pig_10\",\"gray900Color\":\"_gray900Color_o4pig_14\",\"whiteColor\":\"_whiteColor_o4pig_18\",\"inheritColor\":\"_inheritColor_o4pig_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_o4pig_27\",\"destructive700Background\":\"_destructive700Background_o4pig_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_o4pig_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_o4pig_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_o4pig_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_o4pig_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_o4pig_51\"}","import { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\n/**\n * Heading enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n  align = \"start\",\n  as = \"h1\",\n  children,\n  color = \"gray900\",\n  size = 500,\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"h1\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Size of the text.\n   *\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 500\n   */\n  size?: 500 | 600 | 700 | 800;\n}): ReactElement => {\n  const weight = [700, 800].includes(size) ? \"heavy\" : \"bold\";\n  return (\n    <Typography align={align} as={as} color={color} size={size} weight={weight}>\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { ReactElement, useContext } from \"react\";\nimport { Color, Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * IconButton is a clickable element that is used to perform an action.\n */\nconst IconButton = ({\n  accessibilityLabel,\n  color = \"primary\",\n  disabled: disabledProp = false,\n  icon: Icon,\n  size: sizeProp = \"md\",\n  tooltip,\n  onClick,\n}: {\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  icon: React.ComponentType<{ className: string }>;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size || sizeProp;\n  const disabled = contextProps?.disabled || disabledProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled}\n      onClick={onClick}\n      className={classNames(\n        styles.iconButton,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n      )}\n    >\n      <Icon className={iconSize[size]} />\n    </button>\n  );\n};\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_dzhn0_1\",\"sm\":\"_sm_dzhn0_46\",\"md\":\"_md_dzhn0_51\",\"lg\":\"_lg_dzhn0_56\",\"smIcon\":\"_smIcon_dzhn0_61\",\"mdIcon\":\"_mdIcon_dzhn0_68\",\"lgIcon\":\"_lgIcon_dzhn0_75\"}","import React, { ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./LabeledCheckbox.module.css\";\nimport Typography from \"../Typography/Typography\";\n\nconst typographySize = {\n  sm: 100,\n  md: 200,\n} as const;\n\nconst iconWidth = {\n  sm: 12,\n  md: 20,\n};\n\n/**\n * Checkbox is a clickable element that will show if an option has been selected or not\n */\nconst Checkbox = ({\n  checked = false,\n  disabled = false,\n  size = \"md\",\n  label,\n  error = false,\n  onChange,\n}: {\n  /**\n   * Whether or not the box has been clicked\n   * @defaultValue false\n   */\n  checked: boolean;\n  /**\n   * The callback to be called when the checkbox value changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Whether or not the box is disabled\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The size of the checkbox and icon\n   * @defaultValue \"md\"\n   */\n  size?: \"md\" | \"sm\";\n  /**\n   * The text accompanying the checkbox\n   */\n  label: string;\n  /**\n   * Whether or not there is an error with the input\n   * @defaultValue false\n   */\n  error?: boolean;\n}): ReactElement => {\n  const [isFocused, setIsFocused] = useState(false);\n  const checkboxStyling = classNames(styles.checkbox, styles[size], {\n    [styles.uncheckedBox]: !checked,\n    [styles.checkedBox]: checked,\n    [styles.uncheckedError]: !checked && error,\n    [styles.checkedError]: checked && error,\n    [styles.focusedCheckbox]: isFocused,\n  });\n\n  return (\n    <label className={classNames(styles.mainContainer)}>\n      <div className={styles.checkboxContainer}>\n        <input\n          type=\"checkbox\"\n          className={classNames(styles.inputOverlay, styles[size])}\n          checked={checked}\n          aria-checked={checked}\n          tabIndex={0}\n          onChange={onChange}\n          disabled={disabled}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n        />\n        <div className={checkboxStyling}>\n          {checked && (\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n              <path\n                fill=\"#fff\"\n                d=\"m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z\"\n              ></path>\n            </svg>\n          )}\n        </div>\n      </div>\n      <Typography\n        size={typographySize[size]}\n        color={error ? \"destructive-primary\" : \"gray800\"}\n      >\n        {label}\n      </Typography>\n    </label>\n  );\n};\n\nexport default Checkbox;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css\"; export default {\"mainContainer\":\"_mainContainer_1gogt_1\",\"checkboxContainer\":\"_checkboxContainer_1gogt_8\",\"inputOverlay\":\"_inputOverlay_1gogt_13\",\"focusedCheckbox\":\"_focusedCheckbox_1gogt_21\",\"checkbox\":\"_checkbox_1gogt_8\",\"uncheckedBox\":\"_uncheckedBox_1gogt_35\",\"checkedBox\":\"_checkedBox_1gogt_40\",\"uncheckedError\":\"_uncheckedError_1gogt_45\",\"checkedError\":\"_checkedError_1gogt_49\",\"sm\":\"_sm_1gogt_53\",\"md\":\"_md_1gogt_59\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css\"; export default {\"miniActionCard\":\"_miniActionCard_qebkn_1\",\"card\":\"_card_qebkn_9\"}","import styles from \"./MiniActionCard.module.css\";\n\n/**\n * MiniActionCard is component that alerts users to a call to action.\n */\nconst MiniActionCard = ({\n  children,\n}: {\n  /**\n   * The child components to render within MiniActionCard.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.miniActionCard}>{children}</div>;\n\nexport default MiniActionCard;\n"],"mappings":"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","names":["module","classNames","classNames","import_classnames","import_react","React","import_jsx_runtime","classNames","import_react","import_classnames","import_jsx_runtime","classNames","import_jsx_runtime","import_jsx_runtime","import_classnames","colors_module_default","import_jsx_runtime","colors_module_default","classNames","import_jsx_runtime","import_classnames","import_react","import_jsx_runtime","iconSize","classNames","import_react","import_classnames","import_jsx_runtime","classNames","import_jsx_runtime"]}
+{"version":3,"sources":["../../../node_modules/classnames/index.js","../src/index.tsx","../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module","../src/Button/Button.tsx","css-module:./colors.module.css#css-module","../src/colors/backgroundColor.ts","../src/colors/foregroundColor.ts","../src/ButtonGroup/ButtonGroupContext.tsx","css-module:./Button.module.css#css-module","../src/ButtonGroup/ButtonGroup.tsx","css-module:./ButtonGroup.module.css#css-module","css-module:./Card.module.css#css-module","../src/Card/Card.tsx","css-module:./Divider.module.css#css-module","../src/Divider/Divider.tsx","../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module","css-module:../colors/colors.module.css#css-module","../src/Heading/Heading.tsx","../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module","../src/LabeledCheckbox/LabeledCheckbox.tsx","css-module:./LabeledCheckbox.module.css#css-module","css-module:./MiniActionCard.module.css#css-module","../src/MiniActionCard/MiniActionCard.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import Avatar from \"./Avatar/Avatar\";\nimport Button from \"./Button/Button\";\nimport ButtonGroup from \"./ButtonGroup/ButtonGroup\";\nimport Card from \"./Card/Card\";\nimport Divider from \"./Divider/Divider\";\nimport Heading from \"./Heading/Heading\";\nimport IconButton from \"./IconButton/IconButton\";\nimport LabeledCheckbox from \"./LabeledCheckbox/LabeledCheckbox\";\nimport MiniActionCard from \"./MiniActionCard/MiniActionCard\";\nimport Typography from \"./Typography/Typography\";\n\nexport {\n  Avatar,\n  Button,\n  ButtonGroup,\n  Card,\n  Divider,\n  Heading,\n  IconButton,\n  LabeledCheckbox,\n  MiniActionCard,\n  Typography,\n};\n","import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\n\n/**\n * Avatar is a circular image that represents a user.\n */\nconst Avatar = ({\n  src,\n  accessibilityLabel,\n  size = \"md\",\n}: {\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\n  /**\n   * Alt text to use for the image.\n   * This should describe the image to people using screen readers.\n   */\n  accessibilityLabel: string;\n  /**\n   * Size of the avatar.\n   *\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n}): JSX.Element => {\n  return (\n    <img\n      alt={accessibilityLabel}\n      src={src}\n      className={classNames(styles.avatar, styles[size])}\n    />\n  );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_1s8z7_1\",\"sm\":\"_sm_1s8z7_8\",\"md\":\"_md_1s8z7_13\",\"lg\":\"_lg_1s8z7_18\",\"xl\":\"_xl_1s8z7_23\"}","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { useContext, ReactElement } from \"react\";\nimport { Color, Size } from \"../constants\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\nimport styles from \"./Button.module.css\";\n\nconst textVariant = {\n  // Replace with `Typography` once it lands in `syntax-core`\n  [\"sm\"]: styles.buttonTextSmall,\n  [\"md\"]: styles.buttonTextMedium,\n  [\"lg\"]: styles.buttonTextLarge,\n} as const;\n\nconst loadingIconSize = {\n  [\"sm\"]: 16,\n  [\"md\"]: 20,\n  [\"lg\"]: 24,\n};\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * Button is a clickable element that is used to perform an action.\n */\nconst Button = ({\n  text,\n  loadingText,\n  color = \"primary\",\n  size: sizeProp = \"md\",\n  accessibilityLabel,\n  disabled: disabledProp = false,\n  loading = false,\n  fullWidth: fullWidthProp = false,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  onClick,\n  tooltip,\n}: {\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size || sizeProp;\n  const disabled = contextProps?.disabled || disabledProp;\n  const fullWidth = contextProps?.fullWidth || fullWidthProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled || loading}\n      onClick={onClick}\n      className={classNames(\n        styles.button,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n        {\n          [styles.fullWidth]: fullWidth,\n          [styles.buttonGap]: size === \"lg\" || size === \"md\",\n        },\n      )}\n    >\n      {!loading && StartIcon && (\n        <StartIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {((loading && loadingText) || (!loading && text)) && (\n        <div className={styles.textContainer}>\n          {/* Replace with `Typography` once it lands in `syntax-core` */}\n          <div className={classNames(styles.buttonText, textVariant[size])}>\n            {loading ? loadingText : text}\n          </div>\n        </div>\n      )}\n      {!loading && EndIcon && (\n        <EndIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {loading && (\n        <svg\n          className={classNames(styles.loading, foregroundColor(color))}\n          viewBox=\"22 22 44 44\"\n          width={loadingIconSize[size]}\n          height={loadingIconSize[size]}\n        >\n          <circle\n            className={styles.loadingCircle}\n            cx=\"44\"\n            cy=\"44\"\n            r=\"20.2\"\n            fill=\"none\"\n            strokeWidth=\"3.6\"\n          />\n        </svg>\n      )}\n    </button>\n  );\n};\n\nexport default Button;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_o4pig_2\",\"destructive700Color\":\"_destructive700Color_o4pig_6\",\"gray700Color\":\"_gray700Color_o4pig_10\",\"gray900Color\":\"_gray900Color_o4pig_14\",\"whiteColor\":\"_whiteColor_o4pig_18\",\"inheritColor\":\"_inheritColor_o4pig_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_o4pig_27\",\"destructive700Background\":\"_destructive700Background_o4pig_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_o4pig_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_o4pig_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_o4pig_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_o4pig_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_o4pig_51\"}","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n      return styles.primary100BackgroundColor;\n    case \"destructive-primary\":\n      return styles.destructive700Background;\n    case \"destructive-secondary\":\n      return styles.destructive100BackgroundColor;\n    case \"success\":\n      return styles.success700BackgroundColor;\n    case \"tertiary\":\n    case \"destructive-tertiary\":\n      return styles.whiteBackgroundColor;\n    case \"branded\":\n      return styles.yellow700BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return styles.primary700Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.destructive700Color;\n    case \"branded\":\n      return styles.gray900Color;\n    default:\n      return styles.whiteColor;\n  }\n}\n","import { Size } from \"../constants\";\nimport React from \"react\";\n\ninterface ButtonGroupContextType {\n  size?: (typeof Size)[number];\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType | null>(\n  {},\n);\n\nButtonGroupContext.displayName = \"ButtonGroupContext\";\n\nexport default ButtonGroupContext;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1p2nl_1\",\"buttonGap\":\"_buttonGap_1p2nl_9\",\"fullWidth\":\"_fullWidth_1p2nl_50\",\"sm\":\"_sm_1p2nl_54\",\"md\":\"_md_1p2nl_61\",\"lg\":\"_lg_1p2nl_68\",\"icon\":\"_icon_1p2nl_75\",\"smIcon\":\"_smIcon_1p2nl_79\",\"mdIcon\":\"_mdIcon_1p2nl_86\",\"lgIcon\":\"_lgIcon_1p2nl_93\",\"textContainer\":\"_textContainer_1p2nl_100\",\"loading\":\"_loading_1p2nl_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1p2nl_1\",\"loadingCircle\":\"_loadingCircle_1p2nl_119\",\"buttonText\":\"_buttonText_1p2nl_127\",\"buttonTextSmall\":\"_buttonTextSmall_1p2nl_134\",\"buttonTextMedium\":\"_buttonTextMedium_1p2nl_138\",\"buttonTextLarge\":\"_buttonTextLarge_1p2nl_142\"}","import { useMemo, ReactElement, ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { Size } from \"../constants\";\nimport ButtonGroupContext from \"./ButtonGroupContext\";\nimport classNames from \"classnames\";\n\nconst gap = {\n  [\"sm\"]: styles.smallGap,\n  [\"md\"]: styles.mediumGap,\n  [\"lg\"]: styles.largeGap,\n} as const;\n\n/**\n * Group buttons to render them in a row or column with consistent spacing in between each button\n */\nconst ButtonGroup = ({\n  disabled = false,\n  fullWidth = false,\n  orientation = \"horizontal\",\n  size = \"md\",\n  children,\n}: {\n  /**\n   * If `true`, all buttons will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, all buttons will be full width.\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The orientation of the button group\n   *\n   * @defaultValue \"horizontal\"\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * The size of the button group\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * Buttons to be rendered inside the button group\n   */\n  children?: ReactNode;\n}): ReactElement => {\n  const context = useMemo(\n    () => ({ disabled, fullWidth, size }),\n    [disabled, fullWidth, size],\n  );\n\n  const classnames = classNames(styles.buttonGroup, gap[size], {\n    [styles.horizontal]: orientation === \"horizontal\",\n    [styles.vertical]: orientation === \"vertical\",\n  });\n\n  return (\n    <ButtonGroupContext.Provider value={context}>\n      <div className={classnames}>{children}</div>\n    </ButtonGroupContext.Provider>\n  );\n};\n\nexport default ButtonGroup;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_184aa_1\",\"horizontal\":\"_horizontal_184aa_6\",\"vertical\":\"_vertical_184aa_10\",\"smallGap\":\"_smallGap_184aa_14\",\"mediumGap\":\"_mediumGap_184aa_18\",\"largeGap\":\"_largeGap_184aa_22\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css\"; export default {\"card\":\"_card_hvz2b_1\"}","import styles from \"./Card.module.css\";\n\n/**\n * Card is a basic container component to apply consistent styling and render child components.\n */\nconst Card = ({\n  children,\n}: {\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.card}>{children}</div>;\n\nexport default Card;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1ddgq_1\"}","import styles from \"./Divider.module.css\";\n\n/**\n * Divider is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider({}: Record<string, never>) {\n  return <hr className={styles.divider} />;\n}\n\nDivider.displayName = \"Divider\";\n","import classNames from \"classnames\";\nimport { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nfunction textColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.gray700Color;\n    case \"white\":\n      return colorStyles.whiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"primary\":\n      return colorStyles.primary700Color;\n    case \"destructive-primary\":\n      return colorStyles.destructive700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\n/**\n * Typography is a component that renders text.\n */\nconst Typography = ({\n  align = \"start\",\n  as = \"div\",\n  children,\n  color = \"gray900\",\n  inline = false,\n  size = 200,\n  tooltip,\n  transform = \"none\",\n  underline = false,\n  weight = \"regular\",\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"div\"\n   */\n  as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Whether the text should flow inline with other elements.\n   *\n   * @defaultValue false\n   */\n  inline?: boolean;\n  /**\n   * Size of the text.\n   *\n   * * `100`: 12px\n   * * `200`: 14px\n   * * `300`: 16px\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 200\n   */\n  size?: 100 | 200 | 300 | 500 | 600 | 700 | 800;\n  /**\n   * The tooltip to be displayed when the user hovers the text\n   */\n  tooltip?: string;\n  /**\n   * Whether the text should be transformed to uppercase.\n   *\n   * @defaultValue \"none\"\n   */\n  transform?: \"none\" | \"uppercase\";\n  /**\n   * Whether the text has an underline.\n   *\n   * @defaultValue false\n   */\n  underline?: boolean;\n  /**\n   * Indicates the boldness of the text.\n   *\n   * @defaultValue \"regular\"\n   */\n  weight?: \"regular\" | \"semiBold\" | \"bold\" | \"heavy\";\n}): ReactElement => {\n  const Tag = as;\n\n  return (\n    <Tag\n      className={classNames(\n        styles.typography,\n        styles[align],\n        styles[weight],\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n      )}\n      title={tooltip}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1krnf_1\",\"size100\":\"_size100_1krnf_8\",\"size200\":\"_size200_1krnf_12\",\"size300\":\"_size300_1krnf_16\",\"size500\":\"_size500_1krnf_20\",\"size600\":\"_size600_1krnf_24\",\"size700\":\"_size700_1krnf_28\",\"size800\":\"_size800_1krnf_32\",\"center\":\"_center_1krnf_37\",\"forceLeft\":\"_forceLeft_1krnf_41\",\"forceRight\":\"_forceRight_1krnf_45\",\"start\":\"_start_1krnf_49\",\"end\":\"_end_1krnf_53\",\"bold\":\"_bold_1krnf_58\",\"regular\":\"_regular_1krnf_62\",\"semiBold\":\"_semiBold_1krnf_66\",\"heavy\":\"_heavy_1krnf_70\",\"underline\":\"_underline_1krnf_74\",\"inline\":\"_inline_1krnf_78\",\"uppercase\":\"_uppercase_1krnf_82\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_o4pig_2\",\"destructive700Color\":\"_destructive700Color_o4pig_6\",\"gray700Color\":\"_gray700Color_o4pig_10\",\"gray900Color\":\"_gray900Color_o4pig_14\",\"whiteColor\":\"_whiteColor_o4pig_18\",\"inheritColor\":\"_inheritColor_o4pig_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_o4pig_27\",\"destructive700Background\":\"_destructive700Background_o4pig_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_o4pig_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_o4pig_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_o4pig_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_o4pig_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_o4pig_51\"}","import { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\n/**\n * Heading enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n  align = \"start\",\n  as = \"h1\",\n  children,\n  color = \"gray900\",\n  size = 500,\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"h1\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Size of the text.\n   *\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 500\n   */\n  size?: 500 | 600 | 700 | 800;\n}): ReactElement => {\n  const weight = [700, 800].includes(size) ? \"heavy\" : \"bold\";\n  return (\n    <Typography align={align} as={as} color={color} size={size} weight={weight}>\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { ReactElement, useContext } from \"react\";\nimport { Color, Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * IconButton is a clickable element that is used to perform an action.\n */\nconst IconButton = ({\n  accessibilityLabel,\n  color = \"primary\",\n  disabled: disabledProp = false,\n  icon: Icon,\n  size: sizeProp = \"md\",\n  tooltip,\n  onClick,\n}: {\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  icon: React.ComponentType<{ className: string }>;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size || sizeProp;\n  const disabled = contextProps?.disabled || disabledProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled}\n      onClick={onClick}\n      className={classNames(\n        styles.iconButton,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n      )}\n    >\n      <Icon className={iconSize[size]} />\n    </button>\n  );\n};\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_dzhn0_1\",\"sm\":\"_sm_dzhn0_46\",\"md\":\"_md_dzhn0_51\",\"lg\":\"_lg_dzhn0_56\",\"smIcon\":\"_smIcon_dzhn0_61\",\"mdIcon\":\"_mdIcon_dzhn0_68\",\"lgIcon\":\"_lgIcon_dzhn0_75\"}","import React, { ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./LabeledCheckbox.module.css\";\nimport Typography from \"../Typography/Typography\";\n\nconst typographySize = {\n  sm: 100,\n  md: 200,\n} as const;\n\nconst iconWidth = {\n  sm: 12,\n  md: 20,\n};\n\n/**\n * Checkbox is a clickable element that will show if an option has been selected or not\n */\nconst Checkbox = ({\n  checked = false,\n  disabled = false,\n  size = \"md\",\n  label,\n  error = false,\n  onChange,\n}: {\n  /**\n   * Whether or not the box has been clicked\n   * @defaultValue false\n   */\n  checked: boolean;\n  /**\n   * The callback to be called when the checkbox value changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Whether or not the box is disabled\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The size of the checkbox and icon\n   * @defaultValue \"md\"\n   */\n  size?: \"md\" | \"sm\";\n  /**\n   * The text accompanying the checkbox\n   */\n  label: string;\n  /**\n   * Whether or not there is an error with the input\n   * @defaultValue false\n   */\n  error?: boolean;\n}): ReactElement => {\n  const [isFocused, setIsFocused] = useState(false);\n  const checkboxStyling = classNames(styles.checkbox, styles[size]);\n  const uncheckedStyling = classNames(checkboxStyling, styles.uncheckedBox, {\n    [styles.uncheckedBorder]: !error,\n    [styles.uncheckedErrorBorder]: error,\n    [styles.focusedCheckbox]: isFocused,\n  });\n  const checkedStyling = classNames(checkboxStyling, styles.checkedBox, {\n    [styles.checkedNonError]: !error,\n    [styles.checkedError]: error,\n    [styles.focusedCheckbox]: isFocused,\n  });\n\n  return (\n    <label className={classNames(styles.mainContainer)}>\n      <div className={styles.checkboxContainer}>\n        <input\n          type=\"checkbox\"\n          className={classNames(styles.inputOverlay, styles[size])}\n          checked={checked}\n          aria-checked={checked}\n          tabIndex={0}\n          onChange={onChange}\n          disabled={disabled}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n        />\n        <div className={checked ? checkedStyling : uncheckedStyling}>\n          {checked && (\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n              <path\n                fill=\"#fff\"\n                d=\"m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z\"\n              ></path>\n            </svg>\n          )}\n        </div>\n      </div>\n      <Typography\n        size={typographySize[size]}\n        color={error ? \"destructive-primary\" : \"gray800\"}\n      >\n        {label}\n      </Typography>\n    </label>\n  );\n};\n\nexport default Checkbox;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css\"; export default {\"mainContainer\":\"_mainContainer_p0un4_1\",\"checkboxContainer\":\"_checkboxContainer_p0un4_8\",\"inputOverlay\":\"_inputOverlay_p0un4_13\",\"focusedCheckbox\":\"_focusedCheckbox_p0un4_21\",\"checkbox\":\"_checkbox_p0un4_8\",\"uncheckedBox\":\"_uncheckedBox_p0un4_35\",\"uncheckedBorder\":\"_uncheckedBorder_p0un4_39\",\"uncheckedErrorBorder\":\"_uncheckedErrorBorder_p0un4_43\",\"checkedBox\":\"_checkedBox_p0un4_47\",\"checkedNonError\":\"_checkedNonError_p0un4_51\",\"checkedError\":\"_checkedError_p0un4_55\",\"sm\":\"_sm_p0un4_59\",\"md\":\"_md_p0un4_65\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css\"; export default {\"miniActionCard\":\"_miniActionCard_qebkn_1\",\"card\":\"_card_qebkn_9\"}","import styles from \"./MiniActionCard.module.css\";\n\n/**\n * MiniActionCard is component that alerts users to a call to action.\n */\nconst MiniActionCard = ({\n  children,\n}: {\n  /**\n   * The child components to render within MiniActionCard.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.miniActionCard}>{children}</div>;\n\nexport default MiniActionCard;\n"],"mappings":"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","names":["module","classNames","classNames","import_classnames","import_react","React","import_jsx_runtime","classNames","import_react","import_classnames","import_jsx_runtime","classNames","import_jsx_runtime","import_jsx_runtime","import_classnames","colors_module_default","import_jsx_runtime","colors_module_default","classNames","import_jsx_runtime","import_classnames","import_react","import_jsx_runtime","iconSize","classNames","import_react","import_classnames","import_jsx_runtime","classNames","import_jsx_runtime"]}

package/dist/index.mjs

@@ -418,7 +418,7 @@ var import_classnames6 = __toESM(require_classnames());
 import { useState } from "react";
 
 // css-module:./LabeledCheckbox.module.css#css-module
-var LabeledCheckbox_module_default = { "mainContainer": "_mainContainer_1gogt_1", "checkboxContainer": "_checkboxContainer_1gogt_8", "inputOverlay": "_inputOverlay_1gogt_13", "focusedCheckbox": "_focusedCheckbox_1gogt_21", "checkbox": "_checkbox_1gogt_8", "uncheckedBox": "_uncheckedBox_1gogt_35", "checkedBox": "_checkedBox_1gogt_40", "uncheckedError": "_uncheckedError_1gogt_45", "checkedError": "_checkedError_1gogt_49", "sm": "_sm_1gogt_53", "md": "_md_1gogt_59" };
+var LabeledCheckbox_module_default = { "mainContainer": "_mainContainer_p0un4_1", "checkboxContainer": "_checkboxContainer_p0un4_8", "inputOverlay": "_inputOverlay_p0un4_13", "focusedCheckbox": "_focusedCheckbox_p0un4_21", "checkbox": "_checkbox_p0un4_8", "uncheckedBox": "_uncheckedBox_p0un4_35", "uncheckedBorder": "_uncheckedBorder_p0un4_39", "uncheckedErrorBorder": "_uncheckedErrorBorder_p0un4_43", "checkedBox": "_checkedBox_p0un4_47", "checkedNonError": "_checkedNonError_p0un4_51", "checkedError": "_checkedError_p0un4_55", "sm": "_sm_p0un4_59", "md": "_md_p0un4_65" };
 
 // src/LabeledCheckbox/LabeledCheckbox.tsx
 import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -439,11 +439,15 @@ var Checkbox = ({
   onChange
 }) => {
   const [isFocused, setIsFocused] = useState(false);
-  const checkboxStyling = (0, import_classnames6.default)(LabeledCheckbox_module_default.checkbox, LabeledCheckbox_module_default[size], {
-    [LabeledCheckbox_module_default.uncheckedBox]: !checked,
-    [LabeledCheckbox_module_default.checkedBox]: checked,
-    [LabeledCheckbox_module_default.uncheckedError]: !checked && error,
-    [LabeledCheckbox_module_default.checkedError]: checked && error,
+  const checkboxStyling = (0, import_classnames6.default)(LabeledCheckbox_module_default.checkbox, LabeledCheckbox_module_default[size]);
+  const uncheckedStyling = (0, import_classnames6.default)(checkboxStyling, LabeledCheckbox_module_default.uncheckedBox, {
+    [LabeledCheckbox_module_default.uncheckedBorder]: !error,
+    [LabeledCheckbox_module_default.uncheckedErrorBorder]: error,
+    [LabeledCheckbox_module_default.focusedCheckbox]: isFocused
+  });
+  const checkedStyling = (0, import_classnames6.default)(checkboxStyling, LabeledCheckbox_module_default.checkedBox, {
+    [LabeledCheckbox_module_default.checkedNonError]: !error,
+    [LabeledCheckbox_module_default.checkedError]: error,
     [LabeledCheckbox_module_default.focusedCheckbox]: isFocused
   });
   return /* @__PURE__ */ jsxs2("label", { className: (0, import_classnames6.default)(LabeledCheckbox_module_default.mainContainer), children: [
@@ -466,7 +470,7 @@ var Checkbox = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx9("div", { className: checkboxStyling, children: checked && /* @__PURE__ */ jsx9("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx9("div", { className: checked ? checkedStyling : uncheckedStyling, children: checked && /* @__PURE__ */ jsx9("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ jsx9(
         "path",
         {
           fill: "#fff",

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/classnames/index.js","../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module","../src/Button/Button.tsx","css-module:./colors.module.css#css-module","../src/colors/backgroundColor.ts","../src/colors/foregroundColor.ts","../src/ButtonGroup/ButtonGroupContext.tsx","css-module:./Button.module.css#css-module","../src/ButtonGroup/ButtonGroup.tsx","css-module:./ButtonGroup.module.css#css-module","css-module:./Card.module.css#css-module","../src/Card/Card.tsx","css-module:./Divider.module.css#css-module","../src/Divider/Divider.tsx","../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module","css-module:../colors/colors.module.css#css-module","../src/Heading/Heading.tsx","../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module","../src/LabeledCheckbox/LabeledCheckbox.tsx","css-module:./LabeledCheckbox.module.css#css-module","css-module:./MiniActionCard.module.css#css-module","../src/MiniActionCard/MiniActionCard.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\n\n/**\n * Avatar is a circular image that represents a user.\n */\nconst Avatar = ({\n  src,\n  accessibilityLabel,\n  size = \"md\",\n}: {\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\n  /**\n   * Alt text to use for the image.\n   * This should describe the image to people using screen readers.\n   */\n  accessibilityLabel: string;\n  /**\n   * Size of the avatar.\n   *\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n}): JSX.Element => {\n  return (\n    <img\n      alt={accessibilityLabel}\n      src={src}\n      className={classNames(styles.avatar, styles[size])}\n    />\n  );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_1s8z7_1\",\"sm\":\"_sm_1s8z7_8\",\"md\":\"_md_1s8z7_13\",\"lg\":\"_lg_1s8z7_18\",\"xl\":\"_xl_1s8z7_23\"}","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { useContext, ReactElement } from \"react\";\nimport { Color, Size } from \"../constants\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\nimport styles from \"./Button.module.css\";\n\nconst textVariant = {\n  // Replace with `Typography` once it lands in `syntax-core`\n  [\"sm\"]: styles.buttonTextSmall,\n  [\"md\"]: styles.buttonTextMedium,\n  [\"lg\"]: styles.buttonTextLarge,\n} as const;\n\nconst loadingIconSize = {\n  [\"sm\"]: 16,\n  [\"md\"]: 20,\n  [\"lg\"]: 24,\n};\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * Button is a clickable element that is used to perform an action.\n */\nconst Button = ({\n  text,\n  loadingText,\n  color = \"primary\",\n  size: sizeProp = \"md\",\n  accessibilityLabel,\n  disabled: disabledProp = false,\n  loading = false,\n  fullWidth: fullWidthProp = false,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  onClick,\n  tooltip,\n}: {\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size || sizeProp;\n  const disabled = contextProps?.disabled || disabledProp;\n  const fullWidth = contextProps?.fullWidth || fullWidthProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled || loading}\n      onClick={onClick}\n      className={classNames(\n        styles.button,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n        {\n          [styles.fullWidth]: fullWidth,\n          [styles.buttonGap]: size === \"lg\" || size === \"md\",\n        },\n      )}\n    >\n      {!loading && StartIcon && (\n        <StartIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {((loading && loadingText) || (!loading && text)) && (\n        <div className={styles.textContainer}>\n          {/* Replace with `Typography` once it lands in `syntax-core` */}\n          <div className={classNames(styles.buttonText, textVariant[size])}>\n            {loading ? loadingText : text}\n          </div>\n        </div>\n      )}\n      {!loading && EndIcon && (\n        <EndIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {loading && (\n        <svg\n          className={classNames(styles.loading, foregroundColor(color))}\n          viewBox=\"22 22 44 44\"\n          width={loadingIconSize[size]}\n          height={loadingIconSize[size]}\n        >\n          <circle\n            className={styles.loadingCircle}\n            cx=\"44\"\n            cy=\"44\"\n            r=\"20.2\"\n            fill=\"none\"\n            strokeWidth=\"3.6\"\n          />\n        </svg>\n      )}\n    </button>\n  );\n};\n\nexport default Button;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_o4pig_2\",\"destructive700Color\":\"_destructive700Color_o4pig_6\",\"gray700Color\":\"_gray700Color_o4pig_10\",\"gray900Color\":\"_gray900Color_o4pig_14\",\"whiteColor\":\"_whiteColor_o4pig_18\",\"inheritColor\":\"_inheritColor_o4pig_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_o4pig_27\",\"destructive700Background\":\"_destructive700Background_o4pig_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_o4pig_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_o4pig_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_o4pig_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_o4pig_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_o4pig_51\"}","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n      return styles.primary100BackgroundColor;\n    case \"destructive-primary\":\n      return styles.destructive700Background;\n    case \"destructive-secondary\":\n      return styles.destructive100BackgroundColor;\n    case \"success\":\n      return styles.success700BackgroundColor;\n    case \"tertiary\":\n    case \"destructive-tertiary\":\n      return styles.whiteBackgroundColor;\n    case \"branded\":\n      return styles.yellow700BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return styles.primary700Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.destructive700Color;\n    case \"branded\":\n      return styles.gray900Color;\n    default:\n      return styles.whiteColor;\n  }\n}\n","import { Size } from \"../constants\";\nimport React from \"react\";\n\ninterface ButtonGroupContextType {\n  size?: (typeof Size)[number];\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType | null>(\n  {},\n);\n\nButtonGroupContext.displayName = \"ButtonGroupContext\";\n\nexport default ButtonGroupContext;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1p2nl_1\",\"buttonGap\":\"_buttonGap_1p2nl_9\",\"fullWidth\":\"_fullWidth_1p2nl_50\",\"sm\":\"_sm_1p2nl_54\",\"md\":\"_md_1p2nl_61\",\"lg\":\"_lg_1p2nl_68\",\"icon\":\"_icon_1p2nl_75\",\"smIcon\":\"_smIcon_1p2nl_79\",\"mdIcon\":\"_mdIcon_1p2nl_86\",\"lgIcon\":\"_lgIcon_1p2nl_93\",\"textContainer\":\"_textContainer_1p2nl_100\",\"loading\":\"_loading_1p2nl_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1p2nl_1\",\"loadingCircle\":\"_loadingCircle_1p2nl_119\",\"buttonText\":\"_buttonText_1p2nl_127\",\"buttonTextSmall\":\"_buttonTextSmall_1p2nl_134\",\"buttonTextMedium\":\"_buttonTextMedium_1p2nl_138\",\"buttonTextLarge\":\"_buttonTextLarge_1p2nl_142\"}","import { useMemo, ReactElement, ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { Size } from \"../constants\";\nimport ButtonGroupContext from \"./ButtonGroupContext\";\nimport classNames from \"classnames\";\n\nconst gap = {\n  [\"sm\"]: styles.smallGap,\n  [\"md\"]: styles.mediumGap,\n  [\"lg\"]: styles.largeGap,\n} as const;\n\n/**\n * Group buttons to render them in a row or column with consistent spacing in between each button\n */\nconst ButtonGroup = ({\n  disabled = false,\n  fullWidth = false,\n  orientation = \"horizontal\",\n  size = \"md\",\n  children,\n}: {\n  /**\n   * If `true`, all buttons will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, all buttons will be full width.\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The orientation of the button group\n   *\n   * @defaultValue \"horizontal\"\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * The size of the button group\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * Buttons to be rendered inside the button group\n   */\n  children?: ReactNode;\n}): ReactElement => {\n  const context = useMemo(\n    () => ({ disabled, fullWidth, size }),\n    [disabled, fullWidth, size],\n  );\n\n  const classnames = classNames(styles.buttonGroup, gap[size], {\n    [styles.horizontal]: orientation === \"horizontal\",\n    [styles.vertical]: orientation === \"vertical\",\n  });\n\n  return (\n    <ButtonGroupContext.Provider value={context}>\n      <div className={classnames}>{children}</div>\n    </ButtonGroupContext.Provider>\n  );\n};\n\nexport default ButtonGroup;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_184aa_1\",\"horizontal\":\"_horizontal_184aa_6\",\"vertical\":\"_vertical_184aa_10\",\"smallGap\":\"_smallGap_184aa_14\",\"mediumGap\":\"_mediumGap_184aa_18\",\"largeGap\":\"_largeGap_184aa_22\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css\"; export default {\"card\":\"_card_hvz2b_1\"}","import styles from \"./Card.module.css\";\n\n/**\n * Card is a basic container component to apply consistent styling and render child components.\n */\nconst Card = ({\n  children,\n}: {\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.card}>{children}</div>;\n\nexport default Card;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1ddgq_1\"}","import styles from \"./Divider.module.css\";\n\n/**\n * Divider is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider({}: Record<string, never>) {\n  return <hr className={styles.divider} />;\n}\n\nDivider.displayName = \"Divider\";\n","import classNames from \"classnames\";\nimport { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nfunction textColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.gray700Color;\n    case \"white\":\n      return colorStyles.whiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"primary\":\n      return colorStyles.primary700Color;\n    case \"destructive-primary\":\n      return colorStyles.destructive700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\n/**\n * Typography is a component that renders text.\n */\nconst Typography = ({\n  align = \"start\",\n  as = \"div\",\n  children,\n  color = \"gray900\",\n  inline = false,\n  size = 200,\n  tooltip,\n  transform = \"none\",\n  underline = false,\n  weight = \"regular\",\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"div\"\n   */\n  as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Whether the text should flow inline with other elements.\n   *\n   * @defaultValue false\n   */\n  inline?: boolean;\n  /**\n   * Size of the text.\n   *\n   * * `100`: 12px\n   * * `200`: 14px\n   * * `300`: 16px\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 200\n   */\n  size?: 100 | 200 | 300 | 500 | 600 | 700 | 800;\n  /**\n   * The tooltip to be displayed when the user hovers the text\n   */\n  tooltip?: string;\n  /**\n   * Whether the text should be transformed to uppercase.\n   *\n   * @defaultValue \"none\"\n   */\n  transform?: \"none\" | \"uppercase\";\n  /**\n   * Whether the text has an underline.\n   *\n   * @defaultValue false\n   */\n  underline?: boolean;\n  /**\n   * Indicates the boldness of the text.\n   *\n   * @defaultValue \"regular\"\n   */\n  weight?: \"regular\" | \"semiBold\" | \"bold\" | \"heavy\";\n}): ReactElement => {\n  const Tag = as;\n\n  return (\n    <Tag\n      className={classNames(\n        styles.typography,\n        styles[align],\n        styles[weight],\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n      )}\n      title={tooltip}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1krnf_1\",\"size100\":\"_size100_1krnf_8\",\"size200\":\"_size200_1krnf_12\",\"size300\":\"_size300_1krnf_16\",\"size500\":\"_size500_1krnf_20\",\"size600\":\"_size600_1krnf_24\",\"size700\":\"_size700_1krnf_28\",\"size800\":\"_size800_1krnf_32\",\"center\":\"_center_1krnf_37\",\"forceLeft\":\"_forceLeft_1krnf_41\",\"forceRight\":\"_forceRight_1krnf_45\",\"start\":\"_start_1krnf_49\",\"end\":\"_end_1krnf_53\",\"bold\":\"_bold_1krnf_58\",\"regular\":\"_regular_1krnf_62\",\"semiBold\":\"_semiBold_1krnf_66\",\"heavy\":\"_heavy_1krnf_70\",\"underline\":\"_underline_1krnf_74\",\"inline\":\"_inline_1krnf_78\",\"uppercase\":\"_uppercase_1krnf_82\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_o4pig_2\",\"destructive700Color\":\"_destructive700Color_o4pig_6\",\"gray700Color\":\"_gray700Color_o4pig_10\",\"gray900Color\":\"_gray900Color_o4pig_14\",\"whiteColor\":\"_whiteColor_o4pig_18\",\"inheritColor\":\"_inheritColor_o4pig_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_o4pig_27\",\"destructive700Background\":\"_destructive700Background_o4pig_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_o4pig_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_o4pig_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_o4pig_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_o4pig_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_o4pig_51\"}","import { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\n/**\n * Heading enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n  align = \"start\",\n  as = \"h1\",\n  children,\n  color = \"gray900\",\n  size = 500,\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"h1\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Size of the text.\n   *\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 500\n   */\n  size?: 500 | 600 | 700 | 800;\n}): ReactElement => {\n  const weight = [700, 800].includes(size) ? \"heavy\" : \"bold\";\n  return (\n    <Typography align={align} as={as} color={color} size={size} weight={weight}>\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { ReactElement, useContext } from \"react\";\nimport { Color, Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * IconButton is a clickable element that is used to perform an action.\n */\nconst IconButton = ({\n  accessibilityLabel,\n  color = \"primary\",\n  disabled: disabledProp = false,\n  icon: Icon,\n  size: sizeProp = \"md\",\n  tooltip,\n  onClick,\n}: {\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  icon: React.ComponentType<{ className: string }>;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size || sizeProp;\n  const disabled = contextProps?.disabled || disabledProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled}\n      onClick={onClick}\n      className={classNames(\n        styles.iconButton,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n      )}\n    >\n      <Icon className={iconSize[size]} />\n    </button>\n  );\n};\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_dzhn0_1\",\"sm\":\"_sm_dzhn0_46\",\"md\":\"_md_dzhn0_51\",\"lg\":\"_lg_dzhn0_56\",\"smIcon\":\"_smIcon_dzhn0_61\",\"mdIcon\":\"_mdIcon_dzhn0_68\",\"lgIcon\":\"_lgIcon_dzhn0_75\"}","import React, { ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./LabeledCheckbox.module.css\";\nimport Typography from \"../Typography/Typography\";\n\nconst typographySize = {\n  sm: 100,\n  md: 200,\n} as const;\n\nconst iconWidth = {\n  sm: 12,\n  md: 20,\n};\n\n/**\n * Checkbox is a clickable element that will show if an option has been selected or not\n */\nconst Checkbox = ({\n  checked = false,\n  disabled = false,\n  size = \"md\",\n  label,\n  error = false,\n  onChange,\n}: {\n  /**\n   * Whether or not the box has been clicked\n   * @defaultValue false\n   */\n  checked: boolean;\n  /**\n   * The callback to be called when the checkbox value changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Whether or not the box is disabled\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The size of the checkbox and icon\n   * @defaultValue \"md\"\n   */\n  size?: \"md\" | \"sm\";\n  /**\n   * The text accompanying the checkbox\n   */\n  label: string;\n  /**\n   * Whether or not there is an error with the input\n   * @defaultValue false\n   */\n  error?: boolean;\n}): ReactElement => {\n  const [isFocused, setIsFocused] = useState(false);\n  const checkboxStyling = classNames(styles.checkbox, styles[size], {\n    [styles.uncheckedBox]: !checked,\n    [styles.checkedBox]: checked,\n    [styles.uncheckedError]: !checked && error,\n    [styles.checkedError]: checked && error,\n    [styles.focusedCheckbox]: isFocused,\n  });\n\n  return (\n    <label className={classNames(styles.mainContainer)}>\n      <div className={styles.checkboxContainer}>\n        <input\n          type=\"checkbox\"\n          className={classNames(styles.inputOverlay, styles[size])}\n          checked={checked}\n          aria-checked={checked}\n          tabIndex={0}\n          onChange={onChange}\n          disabled={disabled}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n        />\n        <div className={checkboxStyling}>\n          {checked && (\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n              <path\n                fill=\"#fff\"\n                d=\"m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z\"\n              ></path>\n            </svg>\n          )}\n        </div>\n      </div>\n      <Typography\n        size={typographySize[size]}\n        color={error ? \"destructive-primary\" : \"gray800\"}\n      >\n        {label}\n      </Typography>\n    </label>\n  );\n};\n\nexport default Checkbox;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css\"; export default {\"mainContainer\":\"_mainContainer_1gogt_1\",\"checkboxContainer\":\"_checkboxContainer_1gogt_8\",\"inputOverlay\":\"_inputOverlay_1gogt_13\",\"focusedCheckbox\":\"_focusedCheckbox_1gogt_21\",\"checkbox\":\"_checkbox_1gogt_8\",\"uncheckedBox\":\"_uncheckedBox_1gogt_35\",\"checkedBox\":\"_checkedBox_1gogt_40\",\"uncheckedError\":\"_uncheckedError_1gogt_45\",\"checkedError\":\"_checkedError_1gogt_49\",\"sm\":\"_sm_1gogt_53\",\"md\":\"_md_1gogt_59\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css\"; export default {\"miniActionCard\":\"_miniActionCard_qebkn_1\",\"card\":\"_card_qebkn_9\"}","import styles from \"./MiniActionCard.module.css\";\n\n/**\n * MiniActionCard is component that alerts users to a call to action.\n */\nconst MiniActionCard = ({\n  children,\n}: {\n  /**\n   * The child components to render within MiniActionCard.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.miniActionCard}>{children}</div>;\n\nexport default MiniActionCard;\n"],"mappings":"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","names":["classNames","classNames","import_classnames","jsx","classNames","import_classnames","jsx","classNames","jsx","jsx","import_classnames","colors_module_default","jsx","colors_module_default","classNames","jsx","import_classnames","useContext","jsx","iconSize","useContext","classNames","import_classnames","jsx","jsxs","classNames","jsx"]}
+{"version":3,"sources":["../../../node_modules/classnames/index.js","../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module","../src/Button/Button.tsx","css-module:./colors.module.css#css-module","../src/colors/backgroundColor.ts","../src/colors/foregroundColor.ts","../src/ButtonGroup/ButtonGroupContext.tsx","css-module:./Button.module.css#css-module","../src/ButtonGroup/ButtonGroup.tsx","css-module:./ButtonGroup.module.css#css-module","css-module:./Card.module.css#css-module","../src/Card/Card.tsx","css-module:./Divider.module.css#css-module","../src/Divider/Divider.tsx","../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module","css-module:../colors/colors.module.css#css-module","../src/Heading/Heading.tsx","../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module","../src/LabeledCheckbox/LabeledCheckbox.tsx","css-module:./LabeledCheckbox.module.css#css-module","css-module:./MiniActionCard.module.css#css-module","../src/MiniActionCard/MiniActionCard.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\n\n/**\n * Avatar is a circular image that represents a user.\n */\nconst Avatar = ({\n  src,\n  accessibilityLabel,\n  size = \"md\",\n}: {\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\n  /**\n   * Alt text to use for the image.\n   * This should describe the image to people using screen readers.\n   */\n  accessibilityLabel: string;\n  /**\n   * Size of the avatar.\n   *\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n}): JSX.Element => {\n  return (\n    <img\n      alt={accessibilityLabel}\n      src={src}\n      className={classNames(styles.avatar, styles[size])}\n    />\n  );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_1s8z7_1\",\"sm\":\"_sm_1s8z7_8\",\"md\":\"_md_1s8z7_13\",\"lg\":\"_lg_1s8z7_18\",\"xl\":\"_xl_1s8z7_23\"}","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { useContext, ReactElement } from \"react\";\nimport { Color, Size } from \"../constants\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\nimport styles from \"./Button.module.css\";\n\nconst textVariant = {\n  // Replace with `Typography` once it lands in `syntax-core`\n  [\"sm\"]: styles.buttonTextSmall,\n  [\"md\"]: styles.buttonTextMedium,\n  [\"lg\"]: styles.buttonTextLarge,\n} as const;\n\nconst loadingIconSize = {\n  [\"sm\"]: 16,\n  [\"md\"]: 20,\n  [\"lg\"]: 24,\n};\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * Button is a clickable element that is used to perform an action.\n */\nconst Button = ({\n  text,\n  loadingText,\n  color = \"primary\",\n  size: sizeProp = \"md\",\n  accessibilityLabel,\n  disabled: disabledProp = false,\n  loading = false,\n  fullWidth: fullWidthProp = false,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  onClick,\n  tooltip,\n}: {\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className: string }>;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size || sizeProp;\n  const disabled = contextProps?.disabled || disabledProp;\n  const fullWidth = contextProps?.fullWidth || fullWidthProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled || loading}\n      onClick={onClick}\n      className={classNames(\n        styles.button,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n        {\n          [styles.fullWidth]: fullWidth,\n          [styles.buttonGap]: size === \"lg\" || size === \"md\",\n        },\n      )}\n    >\n      {!loading && StartIcon && (\n        <StartIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {((loading && loadingText) || (!loading && text)) && (\n        <div className={styles.textContainer}>\n          {/* Replace with `Typography` once it lands in `syntax-core` */}\n          <div className={classNames(styles.buttonText, textVariant[size])}>\n            {loading ? loadingText : text}\n          </div>\n        </div>\n      )}\n      {!loading && EndIcon && (\n        <EndIcon className={classNames(styles.icon, iconSize[size])} />\n      )}\n      {loading && (\n        <svg\n          className={classNames(styles.loading, foregroundColor(color))}\n          viewBox=\"22 22 44 44\"\n          width={loadingIconSize[size]}\n          height={loadingIconSize[size]}\n        >\n          <circle\n            className={styles.loadingCircle}\n            cx=\"44\"\n            cy=\"44\"\n            r=\"20.2\"\n            fill=\"none\"\n            strokeWidth=\"3.6\"\n          />\n        </svg>\n      )}\n    </button>\n  );\n};\n\nexport default Button;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_o4pig_2\",\"destructive700Color\":\"_destructive700Color_o4pig_6\",\"gray700Color\":\"_gray700Color_o4pig_10\",\"gray900Color\":\"_gray900Color_o4pig_14\",\"whiteColor\":\"_whiteColor_o4pig_18\",\"inheritColor\":\"_inheritColor_o4pig_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_o4pig_27\",\"destructive700Background\":\"_destructive700Background_o4pig_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_o4pig_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_o4pig_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_o4pig_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_o4pig_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_o4pig_51\"}","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n      return styles.primary100BackgroundColor;\n    case \"destructive-primary\":\n      return styles.destructive700Background;\n    case \"destructive-secondary\":\n      return styles.destructive100BackgroundColor;\n    case \"success\":\n      return styles.success700BackgroundColor;\n    case \"tertiary\":\n    case \"destructive-tertiary\":\n      return styles.whiteBackgroundColor;\n    case \"branded\":\n      return styles.yellow700BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n","import { Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return styles.primary700Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.destructive700Color;\n    case \"branded\":\n      return styles.gray900Color;\n    default:\n      return styles.whiteColor;\n  }\n}\n","import { Size } from \"../constants\";\nimport React from \"react\";\n\ninterface ButtonGroupContextType {\n  size?: (typeof Size)[number];\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\nconst ButtonGroupContext = React.createContext<ButtonGroupContextType | null>(\n  {},\n);\n\nButtonGroupContext.displayName = \"ButtonGroupContext\";\n\nexport default ButtonGroupContext;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1p2nl_1\",\"buttonGap\":\"_buttonGap_1p2nl_9\",\"fullWidth\":\"_fullWidth_1p2nl_50\",\"sm\":\"_sm_1p2nl_54\",\"md\":\"_md_1p2nl_61\",\"lg\":\"_lg_1p2nl_68\",\"icon\":\"_icon_1p2nl_75\",\"smIcon\":\"_smIcon_1p2nl_79\",\"mdIcon\":\"_mdIcon_1p2nl_86\",\"lgIcon\":\"_lgIcon_1p2nl_93\",\"textContainer\":\"_textContainer_1p2nl_100\",\"loading\":\"_loading_1p2nl_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1p2nl_1\",\"loadingCircle\":\"_loadingCircle_1p2nl_119\",\"buttonText\":\"_buttonText_1p2nl_127\",\"buttonTextSmall\":\"_buttonTextSmall_1p2nl_134\",\"buttonTextMedium\":\"_buttonTextMedium_1p2nl_138\",\"buttonTextLarge\":\"_buttonTextLarge_1p2nl_142\"}","import { useMemo, ReactElement, ReactNode } from \"react\";\nimport styles from \"./ButtonGroup.module.css\";\nimport { Size } from \"../constants\";\nimport ButtonGroupContext from \"./ButtonGroupContext\";\nimport classNames from \"classnames\";\n\nconst gap = {\n  [\"sm\"]: styles.smallGap,\n  [\"md\"]: styles.mediumGap,\n  [\"lg\"]: styles.largeGap,\n} as const;\n\n/**\n * Group buttons to render them in a row or column with consistent spacing in between each button\n */\nconst ButtonGroup = ({\n  disabled = false,\n  fullWidth = false,\n  orientation = \"horizontal\",\n  size = \"md\",\n  children,\n}: {\n  /**\n   * If `true`, all buttons will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, all buttons will be full width.\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The orientation of the button group\n   *\n   * @defaultValue \"horizontal\"\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * The size of the button group\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * Buttons to be rendered inside the button group\n   */\n  children?: ReactNode;\n}): ReactElement => {\n  const context = useMemo(\n    () => ({ disabled, fullWidth, size }),\n    [disabled, fullWidth, size],\n  );\n\n  const classnames = classNames(styles.buttonGroup, gap[size], {\n    [styles.horizontal]: orientation === \"horizontal\",\n    [styles.vertical]: orientation === \"vertical\",\n  });\n\n  return (\n    <ButtonGroupContext.Provider value={context}>\n      <div className={classnames}>{children}</div>\n    </ButtonGroupContext.Provider>\n  );\n};\n\nexport default ButtonGroup;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css\"; export default {\"buttonGroup\":\"_buttonGroup_184aa_1\",\"horizontal\":\"_horizontal_184aa_6\",\"vertical\":\"_vertical_184aa_10\",\"smallGap\":\"_smallGap_184aa_14\",\"mediumGap\":\"_mediumGap_184aa_18\",\"largeGap\":\"_largeGap_184aa_22\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css\"; export default {\"card\":\"_card_hvz2b_1\"}","import styles from \"./Card.module.css\";\n\n/**\n * Card is a basic container component to apply consistent styling and render child components.\n */\nconst Card = ({\n  children,\n}: {\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.card}>{children}</div>;\n\nexport default Card;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1ddgq_1\"}","import styles from \"./Divider.module.css\";\n\n/**\n * Divider is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider({}: Record<string, never>) {\n  return <hr className={styles.divider} />;\n}\n\nDivider.displayName = \"Divider\";\n","import classNames from \"classnames\";\nimport { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nfunction textColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.gray700Color;\n    case \"white\":\n      return colorStyles.whiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"primary\":\n      return colorStyles.primary700Color;\n    case \"destructive-primary\":\n      return colorStyles.destructive700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\n/**\n * Typography is a component that renders text.\n */\nconst Typography = ({\n  align = \"start\",\n  as = \"div\",\n  children,\n  color = \"gray900\",\n  inline = false,\n  size = 200,\n  tooltip,\n  transform = \"none\",\n  underline = false,\n  weight = \"regular\",\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"div\"\n   */\n  as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Whether the text should flow inline with other elements.\n   *\n   * @defaultValue false\n   */\n  inline?: boolean;\n  /**\n   * Size of the text.\n   *\n   * * `100`: 12px\n   * * `200`: 14px\n   * * `300`: 16px\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 200\n   */\n  size?: 100 | 200 | 300 | 500 | 600 | 700 | 800;\n  /**\n   * The tooltip to be displayed when the user hovers the text\n   */\n  tooltip?: string;\n  /**\n   * Whether the text should be transformed to uppercase.\n   *\n   * @defaultValue \"none\"\n   */\n  transform?: \"none\" | \"uppercase\";\n  /**\n   * Whether the text has an underline.\n   *\n   * @defaultValue false\n   */\n  underline?: boolean;\n  /**\n   * Indicates the boldness of the text.\n   *\n   * @defaultValue \"regular\"\n   */\n  weight?: \"regular\" | \"semiBold\" | \"bold\" | \"heavy\";\n}): ReactElement => {\n  const Tag = as;\n\n  return (\n    <Tag\n      className={classNames(\n        styles.typography,\n        styles[align],\n        styles[weight],\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n      )}\n      title={tooltip}\n    >\n      {children}\n    </Tag>\n  );\n};\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1krnf_1\",\"size100\":\"_size100_1krnf_8\",\"size200\":\"_size200_1krnf_12\",\"size300\":\"_size300_1krnf_16\",\"size500\":\"_size500_1krnf_20\",\"size600\":\"_size600_1krnf_24\",\"size700\":\"_size700_1krnf_28\",\"size800\":\"_size800_1krnf_32\",\"center\":\"_center_1krnf_37\",\"forceLeft\":\"_forceLeft_1krnf_41\",\"forceRight\":\"_forceRight_1krnf_45\",\"start\":\"_start_1krnf_49\",\"end\":\"_end_1krnf_53\",\"bold\":\"_bold_1krnf_58\",\"regular\":\"_regular_1krnf_62\",\"semiBold\":\"_semiBold_1krnf_66\",\"heavy\":\"_heavy_1krnf_70\",\"underline\":\"_underline_1krnf_74\",\"inline\":\"_inline_1krnf_78\",\"uppercase\":\"_uppercase_1krnf_82\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"primary700Color\":\"_primary700Color_o4pig_2\",\"destructive700Color\":\"_destructive700Color_o4pig_6\",\"gray700Color\":\"_gray700Color_o4pig_10\",\"gray900Color\":\"_gray900Color_o4pig_14\",\"whiteColor\":\"_whiteColor_o4pig_18\",\"inheritColor\":\"_inheritColor_o4pig_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_o4pig_27\",\"destructive700Background\":\"_destructive700Background_o4pig_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_o4pig_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_o4pig_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_o4pig_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_o4pig_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_o4pig_51\"}","import { ReactElement, ReactNode } from \"react\";\nimport { Color } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\n/**\n * Heading enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n  align = \"start\",\n  as = \"h1\",\n  children,\n  color = \"gray900\",\n  size = 500,\n}: {\n  /**\n   * Aligns the text to the left, right, or center of the container.\n   * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n   * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n   *\n   * @defaultValue \"start\"\n   */\n  align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n  /**\n   * DOM element to render as.\n   *\n   * @defaultValue \"h1\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * The text to be rendered\n   */\n  children?: ReactNode;\n  /**\n   * The color of the text.\n   *\n   * @defaultValue \"gray900\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * Size of the text.\n   *\n   * * `500`: 20px\n   * * `600`: 28px\n   * * `700`: 40px\n   * * `800`: 64px\n   *\n   * @defaultValue 500\n   */\n  size?: 500 | 600 | 700 | 800;\n}): ReactElement => {\n  const weight = [700, 800].includes(size) ? \"heavy\" : \"bold\";\n  return (\n    <Typography align={align} as={as} color={color} size={size} weight={weight}>\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n","import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { ReactElement, useContext } from \"react\";\nimport { Color, Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport ButtonGroupContext from \"../ButtonGroup/ButtonGroupContext\";\n\nconst iconSize = {\n  [\"sm\"]: styles.smIcon,\n  [\"md\"]: styles.mdIcon,\n  [\"lg\"]: styles.lgIcon,\n};\n\n/**\n * IconButton is a clickable element that is used to perform an action.\n */\nconst IconButton = ({\n  accessibilityLabel,\n  color = \"primary\",\n  disabled: disabledProp = false,\n  icon: Icon,\n  size: sizeProp = \"md\",\n  tooltip,\n  onClick,\n}: {\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?: (typeof Color)[number];\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  icon: React.ComponentType<{ className: string }>;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n}): ReactElement => {\n  const contextProps = useContext(ButtonGroupContext);\n\n  const size = contextProps?.size || sizeProp;\n  const disabled = contextProps?.disabled || disabledProp;\n\n  return (\n    <button\n      aria-label={accessibilityLabel}\n      type=\"button\"\n      title={tooltip}\n      disabled={disabled}\n      onClick={onClick}\n      className={classNames(\n        styles.iconButton,\n        foregroundColor(color),\n        backgroundColor(color),\n        styles[size],\n      )}\n    >\n      <Icon className={iconSize[size]} />\n    </button>\n  );\n};\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_dzhn0_1\",\"sm\":\"_sm_dzhn0_46\",\"md\":\"_md_dzhn0_51\",\"lg\":\"_lg_dzhn0_56\",\"smIcon\":\"_smIcon_dzhn0_61\",\"mdIcon\":\"_mdIcon_dzhn0_68\",\"lgIcon\":\"_lgIcon_dzhn0_75\"}","import React, { ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./LabeledCheckbox.module.css\";\nimport Typography from \"../Typography/Typography\";\n\nconst typographySize = {\n  sm: 100,\n  md: 200,\n} as const;\n\nconst iconWidth = {\n  sm: 12,\n  md: 20,\n};\n\n/**\n * Checkbox is a clickable element that will show if an option has been selected or not\n */\nconst Checkbox = ({\n  checked = false,\n  disabled = false,\n  size = \"md\",\n  label,\n  error = false,\n  onChange,\n}: {\n  /**\n   * Whether or not the box has been clicked\n   * @defaultValue false\n   */\n  checked: boolean;\n  /**\n   * The callback to be called when the checkbox value changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Whether or not the box is disabled\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The size of the checkbox and icon\n   * @defaultValue \"md\"\n   */\n  size?: \"md\" | \"sm\";\n  /**\n   * The text accompanying the checkbox\n   */\n  label: string;\n  /**\n   * Whether or not there is an error with the input\n   * @defaultValue false\n   */\n  error?: boolean;\n}): ReactElement => {\n  const [isFocused, setIsFocused] = useState(false);\n  const checkboxStyling = classNames(styles.checkbox, styles[size]);\n  const uncheckedStyling = classNames(checkboxStyling, styles.uncheckedBox, {\n    [styles.uncheckedBorder]: !error,\n    [styles.uncheckedErrorBorder]: error,\n    [styles.focusedCheckbox]: isFocused,\n  });\n  const checkedStyling = classNames(checkboxStyling, styles.checkedBox, {\n    [styles.checkedNonError]: !error,\n    [styles.checkedError]: error,\n    [styles.focusedCheckbox]: isFocused,\n  });\n\n  return (\n    <label className={classNames(styles.mainContainer)}>\n      <div className={styles.checkboxContainer}>\n        <input\n          type=\"checkbox\"\n          className={classNames(styles.inputOverlay, styles[size])}\n          checked={checked}\n          aria-checked={checked}\n          tabIndex={0}\n          onChange={onChange}\n          disabled={disabled}\n          onFocus={() => {\n            setIsFocused(true);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n          }}\n        />\n        <div className={checked ? checkedStyling : uncheckedStyling}>\n          {checked && (\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n              <path\n                fill=\"#fff\"\n                d=\"m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z\"\n              ></path>\n            </svg>\n          )}\n        </div>\n      </div>\n      <Typography\n        size={typographySize[size]}\n        color={error ? \"destructive-primary\" : \"gray800\"}\n      >\n        {label}\n      </Typography>\n    </label>\n  );\n};\n\nexport default Checkbox;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css\"; export default {\"mainContainer\":\"_mainContainer_p0un4_1\",\"checkboxContainer\":\"_checkboxContainer_p0un4_8\",\"inputOverlay\":\"_inputOverlay_p0un4_13\",\"focusedCheckbox\":\"_focusedCheckbox_p0un4_21\",\"checkbox\":\"_checkbox_p0un4_8\",\"uncheckedBox\":\"_uncheckedBox_p0un4_35\",\"uncheckedBorder\":\"_uncheckedBorder_p0un4_39\",\"uncheckedErrorBorder\":\"_uncheckedErrorBorder_p0un4_43\",\"checkedBox\":\"_checkedBox_p0un4_47\",\"checkedNonError\":\"_checkedNonError_p0un4_51\",\"checkedError\":\"_checkedError_p0un4_55\",\"sm\":\"_sm_p0un4_59\",\"md\":\"_md_p0un4_65\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css\"; export default {\"miniActionCard\":\"_miniActionCard_qebkn_1\",\"card\":\"_card_qebkn_9\"}","import styles from \"./MiniActionCard.module.css\";\n\n/**\n * MiniActionCard is component that alerts users to a call to action.\n */\nconst MiniActionCard = ({\n  children,\n}: {\n  /**\n   * The child components to render within MiniActionCard.\n   */\n  children: JSX.Element;\n}): JSX.Element => <div className={styles.miniActionCard}>{children}</div>;\n\nexport default MiniActionCard;\n"],"mappings":"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","names":["classNames","classNames","import_classnames","jsx","classNames","import_classnames","jsx","classNames","jsx","jsx","import_classnames","colors_module_default","jsx","colors_module_default","classNames","jsx","import_classnames","useContext","jsx","iconSize","useContext","classNames","import_classnames","jsx","jsxs","classNames","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cambly/syntax-core",
-  "version": "1.16.1",
+  "version": "1.17.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",