npm - @cambly/syntax-core - Versions diffs - 1.15.1 → 1.16.1 - Mend

@cambly/syntax-core 1.15.1 → 1.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.css CHANGED Viewed

@@ -64,78 +64,78 @@
 }
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
-._button_6lbba_1 {
+._button_1p2nl_1 {
   border: none;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }
-._buttonGap_6lbba_9 {
+._buttonGap_1p2nl_9 {
   gap: 4px;
 }
-._button_6lbba_1:hover {
+._button_1p2nl_1:hover {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
   transition-duration: 0.2s;
   cursor: pointer;
 }
-._button_6lbba_1:focus-visible {
+._button_1p2nl_1:focus-visible {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
   box-shadow: 0 0 0 4px #000;
   outline: solid 2px #fff;
 }
-._button_6lbba_1:active {
+._button_1p2nl_1:active {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
   transform: scale(0.97);
   transition-duration: 0.2s;
 }
-._button_6lbba_1:disabled {
+._button_1p2nl_1:disabled {
   filter: opacity(30%);
   background-image: none;
   transform: none;
   cursor: auto;
 }
-._fullWidth_6lbba_50 {
+._fullWidth_1p2nl_50 {
   width: 100%;
 }
-._sm_6lbba_54 {
+._sm_1p2nl_54 {
   min-width: 52px;
   height: 32px;
   padding: 0 12px;
-  border-radius: 12px;
+  border-radius: 8px;
 }
-._md_6lbba_61 {
+._md_1p2nl_61 {
   min-width: 72px;
   height: 40px;
   padding: 0 16px;
   border-radius: 12px;
 }
-._lg_6lbba_68 {
+._lg_1p2nl_68 {
   min-width: 88px;
   height: 48px;
   padding: 0 20px;
   border-radius: 16px;
 }
-._icon_6lbba_75 {
+._icon_1p2nl_75 {
   color: inherit;
 }
-._smIcon_6lbba_79 {
+._smIcon_1p2nl_79 {
   width: 16px !important;
   height: 16px !important;
 }
-._mdIcon_6lbba_86 {
+._mdIcon_1p2nl_86 {
   width: 20px !important;
   height: 20px !important;
 }
-._lgIcon_6lbba_93 {
+._lgIcon_1p2nl_93 {
   width: 24px !important;
   height: 24px !important;
 }
-._textContainer_6lbba_100 {
+._textContainer_1p2nl_100 {
   padding-left: 4px;
   padding-right: 4px;
 }
-@keyframes _syntaxButtonLoadingRotate_6lbba_1 {
+@keyframes _syntaxButtonLoadingRotate_1p2nl_1 {
   0% {
     transform-origin: 50% 50%;
   }
@@ -143,16 +143,16 @@
     transform: rotate(360deg);
   }
 }
-._loading_6lbba_115 {
-  animation: _syntaxButtonLoadingRotate_6lbba_1 1.4s linear infinite;
+._loading_1p2nl_115 {
+  animation: _syntaxButtonLoadingRotate_1p2nl_1 1.4s linear infinite;
 }
-._loadingCircle_6lbba_119 {
+._loadingCircle_1p2nl_119 {
   stroke: currentcolor;
   stroke-dasharray: 80px, 200px;
   stroke-dashoffset: 0;
   transform-origin: center;
 }
-._buttonText_6lbba_127 {
+._buttonText_1p2nl_127 {
   color: inherit;
   font-family:
     -apple-system,
@@ -165,13 +165,13 @@
     sans-serif;
   font-weight: 500;
 }
-._buttonTextSmall_6lbba_134 {
+._buttonTextSmall_1p2nl_134 {
   font-size: 12px;
 }
-._buttonTextMedium_6lbba_138 {
+._buttonTextMedium_1p2nl_138 {
   font-size: 14px;
 }
-._buttonTextLarge_6lbba_142 {
+._buttonTextLarge_1p2nl_142 {
   font-size: 16px;
 }
@@ -342,6 +342,61 @@
   width: 24px !important;
 }
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/LabeledCheckbox/LabeledCheckbox.module.css/#css-module-data */
+._mainContainer_1gogt_1 {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  align-items: center;
+}
+._checkboxContainer_1gogt_8 {
+  display: flex;
+  flex-direction: row;
+}
+._inputOverlay_1gogt_13 {
+  opacity: 0;
+  position: absolute;
+  z-index: 1;
+  cursor: pointer;
+  margin: 0;
+}
+._focusedCheckbox_1gogt_21 {
+  box-shadow: 0 0 0 4px #000;
+  outline: solid 2px #fff;
+}
+._checkbox_1gogt_8 {
+  position: relative;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+}
+._uncheckedBox_1gogt_35 {
+  border: 2px solid var(--color-base-primary-700);
+  background-color: #fff;
+}
+._checkedBox_1gogt_40 {
+  background: var(--color-base-primary-700);
+  color: #fff;
+}
+._uncheckedError_1gogt_45 {
+  border-color: var(--color-base-destructive-700);
+}
+._checkedError_1gogt_49 {
+  background-color: var(--color-base-destructive-700);
+}
+._sm_1gogt_53 {
+  height: 16px;
+  width: 16px;
+  border-radius: 6px;
+}
+._md_1gogt_59 {
+  height: 24px;
+  width: 24px;
+  border-radius: 8px;
+}
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css/#css-module-data */
 ._miniActionCard_qebkn_1 {
   border-radius: 24px;

package/dist/index.css.map CHANGED Viewed

	@@ -1 +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/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_6lbba_1 {\n border: none;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n\n._buttonGap_6lbba_9 {\n gap: 4px;\n}\n\n._button_6lbba_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_6lbba_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_6lbba_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_6lbba_1:disabled {\n filter: opacity(30%);\n background-image: none;\n transform: none;\n cursor: auto;\n}\n\n._fullWidth_6lbba_50 {\n width: 100%;\n}\n\n._sm_6lbba_54 {\n min-width: 52px;\n height: 32px;\n padding: 0 12px;\n border-radius: 12px;\n}\n\n._md_6lbba_61 {\n min-width: 72px;\n height: 40px;\n padding: 0 16px;\n border-radius: 12px;\n}\n\n._lg_6lbba_68 {\n min-width: 88px;\n height: 48px;\n padding: 0 20px;\n border-radius: 16px;\n}\n\n._icon_6lbba_75 {\n color: inherit;\n}\n\n._smIcon_6lbba_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_6lbba_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_6lbba_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_6lbba_100 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n@keyframes _syntaxButtonLoadingRotate_6lbba_1 {\n 0% {\n transform-origin: 50% 50%;\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n._loading_6lbba_115 {\n animation: _syntaxButtonLoadingRotate_6lbba_1 1.4s linear infinite;\n}\n\n._loadingCircle_6lbba_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_6lbba_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_6lbba_134 {\n font-size: 12px;\n}\n\n._buttonTextMedium_6lbba_138 {\n font-size: 14px;\n}\n\n._buttonTextLarge_6lbba_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","._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;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;","names":[]}
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":[]}

package/dist/index.d.ts CHANGED Viewed

@@ -241,6 +241,40 @@ declare const IconButton: ({ accessibilityLabel, color, disabled: disabledProp,
     tooltip?: string | undefined;
 }) => ReactElement;
+/**
+ * Checkbox is a clickable element that will show if an option has been selected or not
+ */
+declare const Checkbox: ({ checked, disabled, size, label, error, onChange, }: {
+    /**
+     * Whether or not the box has been clicked
+     * @defaultValue false
+     */
+    checked: boolean;
+    /**
+     * The callback to be called when the checkbox value changes
+     */
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Whether or not the box is disabled
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * The size of the checkbox and icon
+     * @defaultValue "md"
+     */
+    size?: "sm" | "md" | undefined;
+    /**
+     * The text accompanying the checkbox
+     */
+    label: string;
+    /**
+     * Whether or not there is an error with the input
+     * @defaultValue false
+     */
+    error?: boolean | undefined;
+}) => ReactElement;
 /**
  * MiniActionCard is component that alerts users to a call to action.
  */
@@ -323,4 +357,4 @@ declare const Typography: ({ align, as, children, color, inline, size, tooltip,
     weight?: "regular" | "semiBold" | "bold" | "heavy" | undefined;
 }) => ReactElement;
-export { Avatar, Button, ButtonGroup, Card, Divider, Heading, IconButton, MiniActionCard, Typography };
+export { Avatar, Button, ButtonGroup, Card, Divider, Heading, IconButton, Checkbox as LabeledCheckbox, MiniActionCard, Typography };

package/dist/index.js CHANGED Viewed

@@ -37,7 +37,7 @@ var require_classnames = __commonJS({
       "use strict";
       var hasOwn = {}.hasOwnProperty;
       var nativeCodeString = "[native code]";
-      function classNames6() {
+      function classNames7() {
         var classes = [];
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
@@ -48,7 +48,7 @@ var require_classnames = __commonJS({
             classes.push(arg);
           } else if (Array.isArray(arg)) {
             if (arg.length) {
-              var inner = classNames6.apply(null, arg);
+              var inner = classNames7.apply(null, arg);
               if (inner) {
                 classes.push(inner);
               }
@@ -68,14 +68,14 @@ var require_classnames = __commonJS({
         return classes.join(" ");
       }
       if (typeof module2 !== "undefined" && module2.exports) {
-        classNames6.default = classNames6;
-        module2.exports = classNames6;
+        classNames7.default = classNames7;
+        module2.exports = classNames7;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames6;
+          return classNames7;
         });
       } else {
-        window.classNames = classNames6;
+        window.classNames = classNames7;
       }
     })();
   }
@@ -91,6 +91,7 @@ __export(src_exports, {
   Divider: () => Divider,
   Heading: () => Heading_default,
   IconButton: () => IconButton_default,
+  LabeledCheckbox: () => LabeledCheckbox_default,
   MiniActionCard: () => MiniActionCard_default,
   Typography: () => Typography_default
 });
@@ -175,7 +176,7 @@ ButtonGroupContext.displayName = "ButtonGroupContext";
 var ButtonGroupContext_default = ButtonGroupContext;
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "button": "_button_6lbba_1", "buttonGap": "_buttonGap_6lbba_9", "fullWidth": "_fullWidth_6lbba_50", "sm": "_sm_6lbba_54", "md": "_md_6lbba_61", "lg": "_lg_6lbba_68", "icon": "_icon_6lbba_75", "smIcon": "_smIcon_6lbba_79", "mdIcon": "_mdIcon_6lbba_86", "lgIcon": "_lgIcon_6lbba_93", "textContainer": "_textContainer_6lbba_100", "loading": "_loading_6lbba_115", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_6lbba_1", "loadingCircle": "_loadingCircle_6lbba_119", "buttonText": "_buttonText_6lbba_127", "buttonTextSmall": "_buttonTextSmall_6lbba_134", "buttonTextMedium": "_buttonTextMedium_6lbba_138", "buttonTextLarge": "_buttonTextLarge_6lbba_142" };
+var Button_module_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" };
 // src/Button/Button.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -434,14 +435,87 @@ var IconButton = ({
 };
 var IconButton_default = IconButton;
+// src/LabeledCheckbox/LabeledCheckbox.tsx
+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" };
+// src/LabeledCheckbox/LabeledCheckbox.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var typographySize = {
+  sm: 100,
+  md: 200
+};
+var iconWidth = {
+  sm: 12,
+  md: 20
+};
+var Checkbox = ({
+  checked = false,
+  disabled = false,
+  size = "md",
+  label,
+  error = false,
+  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,
+    [LabeledCheckbox_module_default.focusedCheckbox]: isFocused
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: (0, import_classnames6.default)(LabeledCheckbox_module_default.mainContainer), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: LabeledCheckbox_module_default.checkboxContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          className: (0, import_classnames6.default)(LabeledCheckbox_module_default.inputOverlay, LabeledCheckbox_module_default[size]),
+          checked,
+          "aria-checked": checked,
+          tabIndex: 0,
+          onChange,
+          disabled,
+          onFocus: () => {
+            setIsFocused(true);
+          },
+          onBlur: () => {
+            setIsFocused(false);
+          }
+        }
+      ),
+      /* @__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)(
+        "path",
+        {
+          fill: "#fff",
+          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"
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Typography_default,
+      {
+        size: typographySize[size],
+        color: error ? "destructive-primary" : "gray800",
+        children: label
+      }
+    )
+  ] });
+};
+var LabeledCheckbox_default = Checkbox;
 // css-module:./MiniActionCard.module.css#css-module
 var MiniActionCard_module_default = { "miniActionCard": "_miniActionCard_qebkn_1", "card": "_card_qebkn_9" };
 // src/MiniActionCard/MiniActionCard.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var MiniActionCard = ({
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: MiniActionCard_module_default.miniActionCard, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: MiniActionCard_module_default.miniActionCard, children });
 var MiniActionCard_default = MiniActionCard;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -452,6 +526,7 @@ var MiniActionCard_default = MiniActionCard;
   Divider,
   Heading,
   IconButton,
+  LabeledCheckbox,
   MiniActionCard,
   Typography
 });

package/dist/index.js.map CHANGED Viewed

	@@ -1 +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","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 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 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_6lbba_1\",\"buttonGap\":\"_buttonGap_6lbba_9\",\"fullWidth\":\"_fullWidth_6lbba_50\",\"sm\":\"_sm_6lbba_54\",\"md\":\"_md_6lbba_61\",\"lg\":\"_lg_6lbba_68\",\"icon\":\"_icon_6lbba_75\",\"smIcon\":\"_smIcon_6lbba_79\",\"mdIcon\":\"_mdIcon_6lbba_86\",\"lgIcon\":\"_lgIcon_6lbba_93\",\"textContainer\":\"_textContainer_6lbba_100\",\"loading\":\"_loading_6lbba_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_6lbba_1\",\"loadingCircle\":\"_loadingCircle_6lbba_119\",\"buttonText\":\"_buttonText_6lbba_127\",\"buttonTextSmall\":\"_buttonTextSmall_6lbba_134\",\"buttonTextMedium\":\"_buttonTextMedium_6lbba_138\",\"buttonTextLarge\":\"_buttonTextLarge_6lbba_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 \"/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_jsx_runtime"]}
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,oDAAAA,SAAA;AAOA,KAAC,WAAY;AACZ;AAEA,UAAI,SAAS,CAAC,EAAE;AAChB,UAAI,mBAAmB;AAEvB,eAASC,cAAa;AACrB,YAAI,UAAU,CAAC;AAEf,iBAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAC1C,cAAI,MAAM,UAAU,CAAC;AACrB,cAAI,CAAC;AAAK;AAEV,cAAI,UAAU,OAAO;AAErB,cAAI,YAAY,YAAY,YAAY,UAAU;AACjD,oBAAQ,KAAK,GAAG;AAAA,UACjB,WAAW,MAAM,QAAQ,GAAG,GAAG;AAC9B,gBAAI,IAAI,QAAQ;AACf,kBAAI,QAAQA,YAAW,MAAM,MAAM,GAAG;AACtC,kBAAI,OAAO;AACV,wBAAQ,KAAK,KAAK;AAAA,cACnB;AAAA,YACD;AAAA,UACD,WAAW,YAAY,UAAU;AAChC,gBAAI,IAAI,aAAa,OAAO,UAAU,YAAY,CAAC,IAAI,SAAS,SAAS,EAAE,SAAS,eAAe,GAAG;AACrG,sBAAQ,KAAK,IAAI,SAAS,CAAC;AAC3B;AAAA,YACD;AAEA,qBAAS,OAAO,KAAK;AACpB,kBAAI,OAAO,KAAK,KAAK,GAAG,KAAK,IAAI,GAAG,GAAG;AACtC,wBAAQ,KAAK,GAAG;AAAA,cACjB;AAAA,YACD;AAAA,UACD;AAAA,QACD;AAEA,eAAO,QAAQ,KAAK,GAAG;AAAA,MACxB;AAEA,UAAI,OAAOD,YAAW,eAAeA,QAAO,SAAS;AACpD,QAAAC,YAAW,UAAUA;AACrB,QAAAD,QAAO,UAAUC;AAAA,MAClB,WAAW,OAAO,WAAW,cAAc,OAAO,OAAO,QAAQ,YAAY,OAAO,KAAK;AAExF,eAAO,cAAc,CAAC,GAAG,WAAY;AACpC,iBAAOA;AAAA,QACR,CAAC;AAAA,MACF,OAAO;AACN,eAAO,aAAaA;AAAA,MACrB;AAAA,IACD,GAAE;AAAA;AAAA;;;AC3DF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,wBAAuB;;;ACAqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,MAAK,eAAc,MAAK,gBAAe,MAAK,gBAAe,MAAK,eAAc;;;ADiCjN;AA3BJ,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAqBmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,eAAW,kBAAAC,SAAW,sBAAO,QAAQ,sBAAO,IAAI,CAAC;AAAA;AAAA,EACnD;AAEJ;AAEA,IAAO,iBAAQ;;;AEzCf,IAAAC,qBAAuB;;;ACAqE,IAAO,wBAAQ,EAAC,mBAAkB,4BAA2B,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,cAAa,wBAAuB,gBAAe,0BAAyB,6BAA4B,uCAAsC,4BAA2B,sCAAqC,iCAAgC,2CAA0C,6BAA4B,uCAAsC,wBAAuB,kCAAiC,4BAA2B,sCAAqC,6BAA4B,sCAAqC;;;ACGlyB,SAAR,gBAAiC,OAAuC;AAC7E,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;;;AClBe,SAAR,gBAAiC,OAAuC;AAC7E,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;;;AHbA,IAAAC,gBAAgD;;;AIFhD,mBAAkB;AAQlB,IAAM,qBAAqB,aAAAC,QAAM;AAAA,EAC/B,CAAC;AACH;AAEA,mBAAmB,cAAc;AAEjC,IAAO,6BAAQ;;;ACf6E,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,iBAAgB,4BAA2B,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,4BAA2B,cAAa,yBAAwB,mBAAkB,8BAA6B,oBAAmB,+BAA8B,mBAAkB,6BAA4B;;;ALkHvtB,IAAAC,sBAAA;AA1GJ,IAAM,cAAc;AAAA;AAAA,EAElB,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AACjB;AAEA,IAAM,kBAAkB;AAAA,EACtB,CAAC,IAAI,GAAG;AAAA,EACR,CAAC,IAAI,GAAG;AAAA,EACR,CAAC,IAAI,GAAG;AACV;AAEA,IAAM,WAAW;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AACjB;AAKA,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,MAAM,WAAW;AAAA,EACjB;AAAA,EACA,UAAU,eAAe;AAAA,EACzB,UAAU;AAAA,EACV,WAAW,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,SAAS;AAAA,EACT;AAAA,EACA;AACF,MA+DoB;AAClB,QAAM,mBAAe,0BAAW,0BAAkB;AAElD,QAAM,QAAO,6CAAc,SAAQ;AACnC,QAAM,YAAW,6CAAc,aAAY;AAC3C,QAAM,aAAY,6CAAc,cAAa;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,MAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU,YAAY;AAAA,MACtB;AAAA,MACA,eAAW,mBAAAC;AAAA,QACT,sBAAO;AAAA,QACP,gBAAgB,KAAK;AAAA,QACrB,gBAAgB,KAAK;AAAA,QACrB,sBAAO,IAAI;AAAA,QACX;AAAA,UACE,CAAC,sBAAO,SAAS,GAAG;AAAA,UACpB,CAAC,sBAAO,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,QAChD;AAAA,MACF;AAAA,MAEC;AAAA,SAAC,WAAW,aACX,6CAAC,aAAU,eAAW,mBAAAA,SAAW,sBAAO,MAAM,SAAS,IAAI,CAAC,GAAG;AAAA,SAE9D,WAAW,eAAiB,CAAC,WAAW,SACzC,6CAAC,SAAI,WAAW,sBAAO,eAErB,uDAAC,SAAI,eAAW,mBAAAA,SAAW,sBAAO,YAAY,YAAY,IAAI,CAAC,GAC5D,oBAAU,cAAc,MAC3B,GACF;AAAA,QAED,CAAC,WAAW,WACX,6CAAC,WAAQ,eAAW,mBAAAA,SAAW,sBAAO,MAAM,SAAS,IAAI,CAAC,GAAG;AAAA,QAE9D,WACC;AAAA,UAAC;AAAA;AAAA,YACC,eAAW,mBAAAA,SAAW,sBAAO,SAAS,gBAAgB,KAAK,CAAC;AAAA,YAC5D,SAAQ;AAAA,YACR,OAAO,gBAAgB,IAAI;AAAA,YAC3B,QAAQ,gBAAgB,IAAI;AAAA,YAE5B;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,sBAAO;AAAA,gBAClB,IAAG;AAAA,gBACH,IAAG;AAAA,gBACH,GAAE;AAAA,gBACF,MAAK;AAAA,gBACL,aAAY;AAAA;AAAA,YACd;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,iBAAQ;;;AMtKf,IAAAC,gBAAiD;;;ACAqD,IAAO,6BAAQ,EAAC,eAAc,wBAAuB,cAAa,uBAAsB,YAAW,sBAAqB,YAAW,sBAAqB,aAAY,uBAAsB,YAAW,qBAAoB;;;ADI/T,IAAAC,qBAAuB;AA+DjB,IAAAC,sBAAA;AA7DN,IAAM,MAAM;AAAA,EACV,CAAC,IAAI,GAAG,2BAAO;AAAA,EACf,CAAC,IAAI,GAAG,2BAAO;AAAA,EACf,CAAC,IAAI,GAAG,2BAAO;AACjB;AAKA,IAAM,cAAc,CAAC;AAAA,EACnB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AACF,MAiCoB;AAClB,QAAM,cAAU;AAAA,IACd,OAAO,EAAE,UAAU,WAAW,KAAK;AAAA,IACnC,CAAC,UAAU,WAAW,IAAI;AAAA,EAC5B;AAEA,QAAM,iBAAa,mBAAAC,SAAW,2BAAO,aAAa,IAAI,IAAI,GAAG;AAAA,IAC3D,CAAC,2BAAO,UAAU,GAAG,gBAAgB;AAAA,IACrC,CAAC,2BAAO,QAAQ,GAAG,gBAAgB;AAAA,EACrC,CAAC;AAED,SACE,6CAAC,2BAAmB,UAAnB,EAA4B,OAAO,SAClC,uDAAC,SAAI,WAAW,YAAa,UAAS,GACxC;AAEJ;AAEA,IAAO,sBAAQ;;;AExEyE,IAAO,sBAAQ,EAAC,QAAO,gBAAe;;;ACY3G,IAAAC,sBAAA;AAPnB,IAAM,OAAO,CAAC;AAAA,EACZ;AACF,MAKmB,6CAAC,SAAI,WAAW,oBAAO,MAAO,UAAS;AAE1D,IAAO,eAAQ;;;ACd+E,IAAO,yBAAQ,EAAC,WAAU,mBAAkB;;;ACMjI,IAAAC,sBAAA;AADM,SAAR,QAAyB,CAAC,GAA0B;AACzD,SAAO,6CAAC,QAAG,WAAW,uBAAO,SAAS;AACxC;AAEA,QAAQ,cAAc;;;ACTtB,IAAAC,qBAAuB;;;ACA6E,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,WAAU,oBAAmB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,UAAS,oBAAmB,aAAY,uBAAsB,cAAa,wBAAuB,SAAQ,mBAAkB,OAAM,iBAAgB,QAAO,kBAAiB,WAAU,qBAAoB,YAAW,sBAAqB,SAAQ,mBAAkB,aAAY,uBAAsB,UAAS,oBAAmB,aAAY,sBAAqB;;;ACA7mB,IAAOC,yBAAQ,EAAC,mBAAkB,4BAA2B,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,cAAa,wBAAuB,gBAAe,0BAAyB,6BAA4B,uCAAsC,4BAA2B,sCAAqC,iCAAgC,2CAA0C,6BAA4B,uCAAsC,wBAAuB,kCAAiC,4BAA2B,sCAAqC,6BAA4B,sCAAqC;;;AF4G7yB,IAAAC,sBAAA;AAtGJ,SAAS,UAAU,OAAuC;AACxD,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAOC,uBAAY;AAAA,IACrB,KAAK;AACH,aAAOA,uBAAY;AAAA,IACrB,KAAK;AACH,aAAOA,uBAAY;AAAA,IACrB,KAAK;AACH,aAAOA,uBAAY;AAAA,IACrB,KAAK;AACH,aAAOA,uBAAY;AAAA,IACrB;AACE,aAAOA,uBAAY;AAAA,EACvB;AACF;AAKA,IAAM,aAAa,CAAC;AAAA,EAClB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,MAmEoB;AAClB,QAAM,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,mBAAAC;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ,0BAAO,MAAM;AAAA,QACb,UAAU,KAAK;AAAA,QACf,UAAU,0BAAO;AAAA,QACjB,0BAAO,OAAO,MAAM;AAAA,QACpB,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,MACtB;AAAA,MACA,OAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,qBAAQ;;;AG3EX,IAAAC,sBAAA;AA7CJ,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AACT,MAoCoB;AAClB,QAAM,SAAS,CAAC,KAAK,GAAG,EAAE,SAAS,IAAI,IAAI,UAAU;AACrD,SACE,6CAAC,sBAAW,OAAc,IAAQ,OAAc,MAAY,QACzD,UACH;AAEJ;AAEA,IAAO,kBAAQ;;;ACzDf,IAAAC,qBAAuB;AAGvB,IAAAC,gBAAgD;;;ACHoD,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,mBAAkB;;;ADoFhS,IAAAC,sBAAA;AA5EN,IAAMC,YAAW;AAAA,EACf,CAAC,IAAI,GAAG,0BAAO;AAAA,EACf,CAAC,IAAI,GAAG,0BAAO;AAAA,EACf,CAAC,IAAI,GAAG,0BAAO;AACjB;AAKA,IAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,EACR,UAAU,eAAe;AAAA,EACzB,MAAM;AAAA,EACN,MAAM,WAAW;AAAA,EACjB;AAAA,EACA;AACF,MAuCoB;AAClB,QAAM,mBAAe,0BAAW,0BAAkB;AAElD,QAAM,QAAO,6CAAc,SAAQ;AACnC,QAAM,YAAW,6CAAc,aAAY;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,MAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,eAAW,mBAAAC;AAAA,QACT,0BAAO;AAAA,QACP,gBAAgB,KAAK;AAAA,QACrB,gBAAgB,KAAK;AAAA,QACrB,0BAAO,IAAI;AAAA,MACb;AAAA,MAEA,uDAAC,QAAK,WAAWD,UAAS,IAAI,GAAG;AAAA;AAAA,EACnC;AAEJ;AAEA,IAAO,qBAAQ;;;AEzFf,IAAAE,gBAA8C;AAC9C,IAAAC,qBAAuB;;;ACDuF,IAAO,iCAAQ,EAAC,iBAAgB,0BAAyB,qBAAoB,8BAA6B,gBAAe,0BAAyB,mBAAkB,6BAA4B,YAAW,qBAAoB,gBAAe,0BAAyB,cAAa,wBAAuB,kBAAiB,4BAA2B,gBAAe,0BAAyB,MAAK,gBAAe,MAAK,eAAc;;;ADkE9gB,IAAAC,sBAAA;AA7DN,IAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,WAAW,CAAC;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR;AACF,MA6BoB;AAClB,QAAM,CAAC,WAAW,YAAY,QAAI,wBAAS,KAAK;AAChD,QAAM,sBAAkB,mBAAAC,SAAW,+BAAO,UAAU,+BAAO,IAAI,GAAG;AAAA,IAChE,CAAC,+BAAO,YAAY,GAAG,CAAC;AAAA,IACxB,CAAC,+BAAO,UAAU,GAAG;AAAA,IACrB,CAAC,+BAAO,cAAc,GAAG,CAAC,WAAW;AAAA,IACrC,CAAC,+BAAO,YAAY,GAAG,WAAW;AAAA,IAClC,CAAC,+BAAO,eAAe,GAAG;AAAA,EAC5B,CAAC;AAED,SACE,8CAAC,WAAM,eAAW,mBAAAA,SAAW,+BAAO,aAAa,GAC/C;AAAA,kDAAC,SAAI,WAAW,+BAAO,mBACrB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAW,mBAAAA,SAAW,+BAAO,cAAc,+BAAO,IAAI,CAAC;AAAA,UACvD;AAAA,UACA,gBAAc;AAAA,UACd,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,SAAS,MAAM;AACb,yBAAa,IAAI;AAAA,UACnB;AAAA,UACA,QAAQ,MAAM;AACZ,yBAAa,KAAK;AAAA,UACpB;AAAA;AAAA,MACF;AAAA,MACA,6CAAC,SAAI,WAAW,iBACb,qBACC,6CAAC,SAAI,eAAY,QAAO,SAAQ,aAAY,OAAO,UAAU,IAAI,GAC/D;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACH,GACH,GAEJ;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,eAAe,IAAI;AAAA,QACzB,OAAO,QAAQ,wBAAwB;AAAA,QAEtC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,IAAO,0BAAQ;;;AEvG6F,IAAO,gCAAQ,EAAC,kBAAiB,2BAA0B,QAAO,gBAAe;;;ACY1K,IAAAC,uBAAA;AAPnB,IAAM,iBAAiB,CAAC;AAAA,EACtB;AACF,MAKmB,8CAAC,SAAI,WAAW,8BAAO,gBAAiB,UAAS;AAEpE,IAAO,yBAAQ;","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 CHANGED Viewed

@@ -31,7 +31,7 @@ var require_classnames = __commonJS({
       "use strict";
       var hasOwn = {}.hasOwnProperty;
       var nativeCodeString = "[native code]";
-      function classNames6() {
+      function classNames7() {
         var classes = [];
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
@@ -42,7 +42,7 @@ var require_classnames = __commonJS({
             classes.push(arg);
           } else if (Array.isArray(arg)) {
             if (arg.length) {
-              var inner = classNames6.apply(null, arg);
+              var inner = classNames7.apply(null, arg);
               if (inner) {
                 classes.push(inner);
               }
@@ -62,14 +62,14 @@ var require_classnames = __commonJS({
         return classes.join(" ");
       }
       if (typeof module !== "undefined" && module.exports) {
-        classNames6.default = classNames6;
-        module.exports = classNames6;
+        classNames7.default = classNames7;
+        module.exports = classNames7;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames6;
+          return classNames7;
         });
       } else {
-        window.classNames = classNames6;
+        window.classNames = classNames7;
       }
     })();
   }
@@ -154,7 +154,7 @@ ButtonGroupContext.displayName = "ButtonGroupContext";
 var ButtonGroupContext_default = ButtonGroupContext;
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "button": "_button_6lbba_1", "buttonGap": "_buttonGap_6lbba_9", "fullWidth": "_fullWidth_6lbba_50", "sm": "_sm_6lbba_54", "md": "_md_6lbba_61", "lg": "_lg_6lbba_68", "icon": "_icon_6lbba_75", "smIcon": "_smIcon_6lbba_79", "mdIcon": "_mdIcon_6lbba_86", "lgIcon": "_lgIcon_6lbba_93", "textContainer": "_textContainer_6lbba_100", "loading": "_loading_6lbba_115", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_6lbba_1", "loadingCircle": "_loadingCircle_6lbba_119", "buttonText": "_buttonText_6lbba_127", "buttonTextSmall": "_buttonTextSmall_6lbba_134", "buttonTextMedium": "_buttonTextMedium_6lbba_138", "buttonTextLarge": "_buttonTextLarge_6lbba_142" };
+var Button_module_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" };
 // src/Button/Button.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -413,14 +413,87 @@ var IconButton = ({
 };
 var IconButton_default = IconButton;
+// src/LabeledCheckbox/LabeledCheckbox.tsx
+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" };
+// src/LabeledCheckbox/LabeledCheckbox.tsx
+import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+var typographySize = {
+  sm: 100,
+  md: 200
+};
+var iconWidth = {
+  sm: 12,
+  md: 20
+};
+var Checkbox = ({
+  checked = false,
+  disabled = false,
+  size = "md",
+  label,
+  error = false,
+  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,
+    [LabeledCheckbox_module_default.focusedCheckbox]: isFocused
+  });
+  return /* @__PURE__ */ jsxs2("label", { className: (0, import_classnames6.default)(LabeledCheckbox_module_default.mainContainer), children: [
+    /* @__PURE__ */ jsxs2("div", { className: LabeledCheckbox_module_default.checkboxContainer, children: [
+      /* @__PURE__ */ jsx9(
+        "input",
+        {
+          type: "checkbox",
+          className: (0, import_classnames6.default)(LabeledCheckbox_module_default.inputOverlay, LabeledCheckbox_module_default[size]),
+          checked,
+          "aria-checked": checked,
+          tabIndex: 0,
+          onChange,
+          disabled,
+          onFocus: () => {
+            setIsFocused(true);
+          },
+          onBlur: () => {
+            setIsFocused(false);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx9("div", { className: checkboxStyling, children: checked && /* @__PURE__ */ jsx9("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ jsx9(
+        "path",
+        {
+          fill: "#fff",
+          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"
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx9(
+      Typography_default,
+      {
+        size: typographySize[size],
+        color: error ? "destructive-primary" : "gray800",
+        children: label
+      }
+    )
+  ] });
+};
+var LabeledCheckbox_default = Checkbox;
 // css-module:./MiniActionCard.module.css#css-module
 var MiniActionCard_module_default = { "miniActionCard": "_miniActionCard_qebkn_1", "card": "_card_qebkn_9" };
 // src/MiniActionCard/MiniActionCard.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var MiniActionCard = ({
   children
-}) => /* @__PURE__ */ jsx9("div", { className: MiniActionCard_module_default.miniActionCard, children });
+}) => /* @__PURE__ */ jsx10("div", { className: MiniActionCard_module_default.miniActionCard, children });
 var MiniActionCard_default = MiniActionCard;
 export {
   Avatar_default as Avatar,
@@ -430,6 +503,7 @@ export {
   Divider,
   Heading_default as Heading,
   IconButton_default as IconButton,
+  LabeledCheckbox_default as LabeledCheckbox,
   MiniActionCard_default as MiniActionCard,
   Typography_default as Typography
 };

package/dist/index.mjs.map CHANGED Viewed

	@@ -1 +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","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_6lbba_1\",\"buttonGap\":\"_buttonGap_6lbba_9\",\"fullWidth\":\"_fullWidth_6lbba_50\",\"sm\":\"_sm_6lbba_54\",\"md\":\"_md_6lbba_61\",\"lg\":\"_lg_6lbba_68\",\"icon\":\"_icon_6lbba_75\",\"smIcon\":\"_smIcon_6lbba_79\",\"mdIcon\":\"_mdIcon_6lbba_86\",\"lgIcon\":\"_lgIcon_6lbba_93\",\"textContainer\":\"_textContainer_6lbba_100\",\"loading\":\"_loading_6lbba_115\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_6lbba_1\",\"loadingCircle\":\"_loadingCircle_6lbba_119\",\"buttonText\":\"_buttonText_6lbba_127\",\"buttonTextSmall\":\"_buttonTextSmall_6lbba_134\",\"buttonTextMedium\":\"_buttonTextMedium_6lbba_138\",\"buttonTextLarge\":\"_buttonTextLarge_6lbba_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 \"/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","jsx"]}
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"]}

package/package.json CHANGED Viewed

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