npm - @cambly/syntax-core - Versions diffs - 1.13.0 → 1.15.0 - Mend

@cambly/syntax-core 1.13.0 → 1.15.0

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

Files changed (8) hide show

package/dist/index.css CHANGED Viewed

@@ -23,43 +23,43 @@
 }
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
-._primary700Color_1pqzf_2 {
+._primary700Color_o4pig_2 {
   color: var(--color-base-primary-700);
 }
-._destructive700Color_1pqzf_6 {
+._destructive700Color_o4pig_6 {
   color: var(--color-base-destructive-700);
 }
-._gray700Color_1pqzf_10 {
+._gray700Color_o4pig_10 {
   color: var(--color-base-gray-700);
 }
-._gray900Color_1pqzf_14 {
+._gray900Color_o4pig_14 {
   color: var(--color-base-gray-900);
 }
-._whiteColor_1pqzf_18 {
+._whiteColor_o4pig_18 {
   color: var(--color-base-white);
 }
-._inheritColor_1pqzf_22 {
+._inheritColor_o4pig_22 {
   color: inherit;
 }
-._primary100BackgroundColor_1pqzf_27 {
+._primary100BackgroundColor_o4pig_27 {
   background-color: var(--color-base-primary-100);
 }
-._destructive700Background_1pqzf_31 {
+._destructive700Background_o4pig_31 {
   background-color: var(--color-base-destructive-700);
 }
-._destructive100BackgroundColor_1pqzf_35 {
+._destructive100BackgroundColor_o4pig_35 {
   background-color: var(--color-base-destructive-100);
 }
-._success700BackgroundColor_1pqzf_39 {
+._success700BackgroundColor_o4pig_39 {
   background-color: var(--color-base-success-700);
 }
-._whiteBackgroundColor_1pqzf_43 {
+._whiteBackgroundColor_o4pig_43 {
   background-color: var(--color-base-white);
 }
-._yellow700BackgroundColor_1pqzf_47 {
-  background-color: var(--color-extended-yellow-700);
+._yellow700BackgroundColor_o4pig_47 {
+  background-color: var(--color-base-yellow-700);
 }
-._primary700BackgroundColor_1pqzf_51 {
+._primary700BackgroundColor_o4pig_51 {
   background-color: var(--color-base-primary-700);
 }
@@ -217,6 +217,77 @@
   margin: 0;
 }
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
+._typography_1krnf_1 {
+  font-family:
+    -apple-system,
+    system-ui,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif;
+  margin: 0;
+}
+._size100_1krnf_8 {
+  font-size: 12px;
+}
+._size200_1krnf_12 {
+  font-size: 14px;
+}
+._size300_1krnf_16 {
+  font-size: 16px;
+}
+._size500_1krnf_20 {
+  font-size: 20px;
+}
+._size600_1krnf_24 {
+  font-size: 28px;
+}
+._size700_1krnf_28 {
+  font-size: 40px;
+}
+._size800_1krnf_32 {
+  font-size: 64px;
+}
+._center_1krnf_37 {
+  text-align: center;
+}
+._forceLeft_1krnf_41 {
+  text-align: left;
+}
+._forceRight_1krnf_45 {
+  text-align: right;
+}
+._start_1krnf_49 {
+  text-align: start;
+}
+._end_1krnf_53 {
+  text-align: end;
+}
+._bold_1krnf_58 {
+  font-weight: 700;
+}
+._regular_1krnf_62 {
+  font-weight: 400;
+}
+._semiBold_1krnf_66 {
+  font-weight: 600;
+}
+._heavy_1krnf_70 {
+  font-weight: 860;
+}
+._underline_1krnf_74 {
+  text-decoration: underline;
+}
+._inline_1krnf_78 {
+  display: inline;
+}
+._uppercase_1krnf_82 {
+  text-transform: uppercase;
+}
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
 ._iconButton_dzhn0_1 {
   align-items: center;

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/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_1pqzf_2 {\n color: var(--color-base-primary-700);\n}\n\n._destructive700Color_1pqzf_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_1pqzf_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_1pqzf_14 {\n color: var(--color-base-gray-900);\n}\n\n._whiteColor_1pqzf_18 {\n color: var(--color-base-white);\n}\n\n._inheritColor_1pqzf_22 {\n color: inherit;\n}\n\n/ Background Colors /\n._primary100BackgroundColor_1pqzf_27 {\n background-color: var(--color-base-primary-100);\n}\n\n._destructive700Background_1pqzf_31 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive100BackgroundColor_1pqzf_35 {\n background-color: var(--color-base-destructive-100);\n}\n\n._success700BackgroundColor_1pqzf_39 {\n background-color: var(--color-base-success-700);\n}\n\n._whiteBackgroundColor_1pqzf_43 {\n background-color: var(--color-base-white);\n}\n\n._yellow700BackgroundColor_1pqzf_47 {\n background-color: var(--color-extended-yellow-700);\n}\n\n._primary700BackgroundColor_1pqzf_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","._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;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/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":[]}

package/dist/index.d.ts CHANGED Viewed

@@ -154,6 +154,47 @@ declare namespace Divider {
     var displayName: string;
 }
+/**
+ * Heading enforces a consistent style & accessibility best practices for headings.
+ */
+declare const Heading: ({ align, as, children, color, size, }: {
+    /**
+     * Aligns the text to the left, right, or center of the container.
+     * * `start` and `end` will align the text to the left or right of the container depending on the locale.
+     * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).
+     *
+     * @defaultValue "start"
+     */
+    align?: "start" | "end" | "forceLeft" | "center" | "forceRight" | undefined;
+    /**
+     * DOM element to render as.
+     *
+     * @defaultValue "h1"
+     */
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    /**
+     * The text to be rendered
+     */
+    children?: ReactNode;
+    /**
+     * The color of the text.
+     *
+     * @defaultValue "gray900"
+     */
+    color?: "primary" | "secondary" | "tertiary" | "branded" | "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "success" | "gray200" | "gray700" | "gray800" | "gray900" | "white" | "inherit" | undefined;
+    /**
+     * Size of the text.
+     *
+     * * `500`: 20px
+     * * `600`: 28px
+     * * `700`: 40px
+     * * `800`: 64px
+     *
+     * @defaultValue 500
+     */
+    size?: 500 | 600 | 700 | 800 | undefined;
+}) => ReactElement;
 /**
  * IconButton is a clickable element that is used to perform an action.
  */
@@ -210,4 +251,76 @@ declare const MiniActionCard: ({ children, }: {
     children: JSX.Element;
 }) => JSX.Element;
-export { Avatar, Button, ButtonGroup, Card, Divider, IconButton, MiniActionCard };
+/**
+ * Typography is a component that renders text.
+ */
+declare const Typography: ({ align, as, children, color, inline, size, tooltip, transform, underline, weight, }: {
+    /**
+     * Aligns the text to the left, right, or center of the container.
+     * * `start` and `end` will align the text to the left or right of the container depending on the locale.
+     * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).
+     *
+     * @defaultValue "start"
+     */
+    align?: "start" | "end" | "forceLeft" | "center" | "forceRight" | undefined;
+    /**
+     * DOM element to render as.
+     *
+     * @defaultValue "div"
+     */
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | undefined;
+    /**
+     * The text to be rendered
+     */
+    children?: ReactNode;
+    /**
+     * The color of the text.
+     *
+     * @defaultValue "gray900"
+     */
+    color?: "primary" | "secondary" | "tertiary" | "branded" | "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "success" | "gray200" | "gray700" | "gray800" | "gray900" | "white" | "inherit" | undefined;
+    /**
+     * Whether the text should flow inline with other elements.
+     *
+     * @defaultValue false
+     */
+    inline?: boolean | undefined;
+    /**
+     * Size of the text.
+     *
+     * * `100`: 12px
+     * * `200`: 14px
+     * * `300`: 16px
+     * * `500`: 20px
+     * * `600`: 28px
+     * * `700`: 40px
+     * * `800`: 64px
+     *
+     * @defaultValue 200
+     */
+    size?: 500 | 600 | 700 | 800 | 100 | 200 | 300 | undefined;
+    /**
+     * The tooltip to be displayed when the user hovers the text
+     */
+    tooltip?: string | undefined;
+    /**
+     * Whether the text should be transformed to uppercase.
+     *
+     * @defaultValue "none"
+     */
+    transform?: "none" | "uppercase" | undefined;
+    /**
+     * Whether the text has an underline.
+     *
+     * @defaultValue false
+     */
+    underline?: boolean | undefined;
+    /**
+     * Indicates the boldness of the text.
+     *
+     * @defaultValue "regular"
+     */
+    weight?: "regular" | "semiBold" | "bold" | "heavy" | undefined;
+}) => ReactElement;
+export { Avatar, Button, ButtonGroup, Card, Divider, Heading, IconButton, 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 classNames5() {
+      function classNames6() {
         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 = classNames5.apply(null, arg);
+              var inner = classNames6.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) {
-        classNames5.default = classNames5;
-        module2.exports = classNames5;
+        classNames6.default = classNames6;
+        module2.exports = classNames6;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames5;
+          return classNames6;
         });
       } else {
-        window.classNames = classNames5;
+        window.classNames = classNames6;
       }
     })();
   }
@@ -89,8 +89,10 @@ __export(src_exports, {
   ButtonGroup: () => ButtonGroup_default,
   Card: () => Card_default,
   Divider: () => Divider,
+  Heading: () => Heading_default,
   IconButton: () => IconButton_default,
-  MiniActionCard: () => MiniActionCard_default
+  MiniActionCard: () => MiniActionCard_default,
+  Typography: () => Typography_default
 });
 module.exports = __toCommonJS(src_exports);
@@ -122,7 +124,7 @@ var Avatar_default = Avatar;
 var import_classnames2 = __toESM(require_classnames());
 // css-module:./colors.module.css#css-module
-var colors_module_default = { "primary700Color": "_primary700Color_1pqzf_2", "destructive700Color": "_destructive700Color_1pqzf_6", "gray700Color": "_gray700Color_1pqzf_10", "gray900Color": "_gray900Color_1pqzf_14", "whiteColor": "_whiteColor_1pqzf_18", "inheritColor": "_inheritColor_1pqzf_22", "primary100BackgroundColor": "_primary100BackgroundColor_1pqzf_27", "destructive700Background": "_destructive700Background_1pqzf_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_1pqzf_35", "success700BackgroundColor": "_success700BackgroundColor_1pqzf_39", "whiteBackgroundColor": "_whiteBackgroundColor_1pqzf_43", "yellow700BackgroundColor": "_yellow700BackgroundColor_1pqzf_47", "primary700BackgroundColor": "_primary700BackgroundColor_1pqzf_51" };
+var colors_module_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" };
 // src/colors/backgroundColor.ts
 function backgroundColor(color) {
@@ -312,15 +314,89 @@ function Divider({}) {
 }
 Divider.displayName = "Divider";
-// src/IconButton/IconButton.tsx
+// src/Typography/Typography.tsx
 var import_classnames4 = __toESM(require_classnames());
+// css-module:./Typography.module.css#css-module
+var Typography_module_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" };
+// css-module:../colors/colors.module.css#css-module
+var colors_module_default2 = { "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" };
+// src/Typography/Typography.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function textColor(color) {
+  switch (color) {
+    case "gray700":
+      return colors_module_default2.gray700Color;
+    case "white":
+      return colors_module_default2.whiteColor;
+    case "inherit":
+      return colors_module_default2.inheritColor;
+    case "primary":
+      return colors_module_default2.primary700Color;
+    case "destructive-primary":
+      return colors_module_default2.destructive700Color;
+    default:
+      return colors_module_default2.gray900Color;
+  }
+}
+var Typography = ({
+  align = "start",
+  as = "div",
+  children,
+  color = "gray900",
+  inline = false,
+  size = 200,
+  tooltip,
+  transform = "none",
+  underline = false,
+  weight = "regular"
+}) => {
+  const Tag = as;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    Tag,
+    {
+      className: (0, import_classnames4.default)(
+        Typography_module_default.typography,
+        Typography_module_default[align],
+        Typography_module_default[weight],
+        textColor(color),
+        inline && Typography_module_default.inline,
+        Typography_module_default[`size${size}`],
+        transform === "uppercase" && Typography_module_default.uppercase,
+        underline && Typography_module_default.underline
+      ),
+      title: tooltip,
+      children
+    }
+  );
+};
+var Typography_default = Typography;
+// src/Heading/Heading.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Heading = ({
+  align = "start",
+  as = "h1",
+  children,
+  color = "gray900",
+  size = 500
+}) => {
+  const weight = [700, 800].includes(size) ? "heavy" : "bold";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Typography_default, { align, as, color, size, weight, children });
+};
+var Heading_default = Heading;
+// src/IconButton/IconButton.tsx
+var import_classnames5 = __toESM(require_classnames());
 var import_react4 = require("react");
 // css-module:./IconButton.module.css#css-module
 var IconButton_module_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" };
 // src/IconButton/IconButton.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var iconSize2 = {
   ["sm"]: IconButton_module_default.smIcon,
   ["md"]: IconButton_module_default.mdIcon,
@@ -338,7 +414,7 @@ var IconButton = ({
   const contextProps = (0, import_react4.useContext)(ButtonGroupContext_default);
   const size = (contextProps == null ? void 0 : contextProps.size) || sizeProp;
   const disabled = (contextProps == null ? void 0 : contextProps.disabled) || disabledProp;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "button",
     {
       "aria-label": accessibilityLabel,
@@ -346,13 +422,13 @@ var IconButton = ({
       title: tooltip,
       disabled,
       onClick,
-      className: (0, import_classnames4.default)(
+      className: (0, import_classnames5.default)(
         IconButton_module_default.iconButton,
         foregroundColor(color),
         backgroundColor(color),
         IconButton_module_default[size]
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: iconSize2[size] })
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { className: iconSize2[size] })
     }
   );
 };
@@ -362,10 +438,10 @@ var IconButton_default = IconButton;
 var MiniActionCard_module_default = { "miniActionCard": "_miniActionCard_qebkn_1", "card": "_card_qebkn_9" };
 // src/MiniActionCard/MiniActionCard.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var MiniActionCard = ({
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: MiniActionCard_module_default.miniActionCard, children });
+}) => /* @__PURE__ */ (0, import_jsx_runtime9.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 = {
@@ -374,8 +450,10 @@ var MiniActionCard_default = MiniActionCard;
   ButtonGroup,
   Card,
   Divider,
+  Heading,
   IconButton,
-  MiniActionCard
+  MiniActionCard,
+  Typography
 });
 /*! Bundled license information:

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/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 IconButton from \"./IconButton/IconButton\";\nimport MiniActionCard from \"./MiniActionCard/MiniActionCard\";\n\nexport {\n Avatar,\n Button,\n ButtonGroup,\n Card,\n Divider,\n IconButton,\n MiniActionCard,\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_1pqzf_2\",\"destructive700Color\":\"_destructive700Color_1pqzf_6\",\"gray700Color\":\"_gray700Color_1pqzf_10\",\"gray900Color\":\"_gray900Color_1pqzf_14\",\"whiteColor\":\"_whiteColor_1pqzf_18\",\"inheritColor\":\"_inheritColor_1pqzf_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_1pqzf_27\",\"destructive700Background\":\"_destructive700Background_1pqzf_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_1pqzf_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_1pqzf_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_1pqzf_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_1pqzf_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_1pqzf_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 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","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","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"]}

package/dist/index.mjs CHANGED Viewed

@@ -31,7 +31,7 @@ var require_classnames = __commonJS({
       "use strict";
       var hasOwn = {}.hasOwnProperty;
       var nativeCodeString = "[native code]";
-      function classNames5() {
+      function classNames6() {
         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 = classNames5.apply(null, arg);
+              var inner = classNames6.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) {
-        classNames5.default = classNames5;
-        module.exports = classNames5;
+        classNames6.default = classNames6;
+        module.exports = classNames6;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames5;
+          return classNames6;
         });
       } else {
-        window.classNames = classNames5;
+        window.classNames = classNames6;
       }
     })();
   }
@@ -103,7 +103,7 @@ var Avatar_default = Avatar;
 var import_classnames2 = __toESM(require_classnames());
 // css-module:./colors.module.css#css-module
-var colors_module_default = { "primary700Color": "_primary700Color_1pqzf_2", "destructive700Color": "_destructive700Color_1pqzf_6", "gray700Color": "_gray700Color_1pqzf_10", "gray900Color": "_gray900Color_1pqzf_14", "whiteColor": "_whiteColor_1pqzf_18", "inheritColor": "_inheritColor_1pqzf_22", "primary100BackgroundColor": "_primary100BackgroundColor_1pqzf_27", "destructive700Background": "_destructive700Background_1pqzf_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_1pqzf_35", "success700BackgroundColor": "_success700BackgroundColor_1pqzf_39", "whiteBackgroundColor": "_whiteBackgroundColor_1pqzf_43", "yellow700BackgroundColor": "_yellow700BackgroundColor_1pqzf_47", "primary700BackgroundColor": "_primary700BackgroundColor_1pqzf_51" };
+var colors_module_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" };
 // src/colors/backgroundColor.ts
 function backgroundColor(color) {
@@ -293,15 +293,89 @@ function Divider({}) {
 }
 Divider.displayName = "Divider";
-// src/IconButton/IconButton.tsx
+// src/Typography/Typography.tsx
 var import_classnames4 = __toESM(require_classnames());
+// css-module:./Typography.module.css#css-module
+var Typography_module_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" };
+// css-module:../colors/colors.module.css#css-module
+var colors_module_default2 = { "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" };
+// src/Typography/Typography.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function textColor(color) {
+  switch (color) {
+    case "gray700":
+      return colors_module_default2.gray700Color;
+    case "white":
+      return colors_module_default2.whiteColor;
+    case "inherit":
+      return colors_module_default2.inheritColor;
+    case "primary":
+      return colors_module_default2.primary700Color;
+    case "destructive-primary":
+      return colors_module_default2.destructive700Color;
+    default:
+      return colors_module_default2.gray900Color;
+  }
+}
+var Typography = ({
+  align = "start",
+  as = "div",
+  children,
+  color = "gray900",
+  inline = false,
+  size = 200,
+  tooltip,
+  transform = "none",
+  underline = false,
+  weight = "regular"
+}) => {
+  const Tag = as;
+  return /* @__PURE__ */ jsx6(
+    Tag,
+    {
+      className: (0, import_classnames4.default)(
+        Typography_module_default.typography,
+        Typography_module_default[align],
+        Typography_module_default[weight],
+        textColor(color),
+        inline && Typography_module_default.inline,
+        Typography_module_default[`size${size}`],
+        transform === "uppercase" && Typography_module_default.uppercase,
+        underline && Typography_module_default.underline
+      ),
+      title: tooltip,
+      children
+    }
+  );
+};
+var Typography_default = Typography;
+// src/Heading/Heading.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Heading = ({
+  align = "start",
+  as = "h1",
+  children,
+  color = "gray900",
+  size = 500
+}) => {
+  const weight = [700, 800].includes(size) ? "heavy" : "bold";
+  return /* @__PURE__ */ jsx7(Typography_default, { align, as, color, size, weight, children });
+};
+var Heading_default = Heading;
+// src/IconButton/IconButton.tsx
+var import_classnames5 = __toESM(require_classnames());
 import { useContext as useContext2 } from "react";
 // css-module:./IconButton.module.css#css-module
 var IconButton_module_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" };
 // src/IconButton/IconButton.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var iconSize2 = {
   ["sm"]: IconButton_module_default.smIcon,
   ["md"]: IconButton_module_default.mdIcon,
@@ -319,7 +393,7 @@ var IconButton = ({
   const contextProps = useContext2(ButtonGroupContext_default);
   const size = (contextProps == null ? void 0 : contextProps.size) || sizeProp;
   const disabled = (contextProps == null ? void 0 : contextProps.disabled) || disabledProp;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx8(
     "button",
     {
       "aria-label": accessibilityLabel,
@@ -327,13 +401,13 @@ var IconButton = ({
       title: tooltip,
       disabled,
       onClick,
-      className: (0, import_classnames4.default)(
+      className: (0, import_classnames5.default)(
         IconButton_module_default.iconButton,
         foregroundColor(color),
         backgroundColor(color),
         IconButton_module_default[size]
       ),
-      children: /* @__PURE__ */ jsx6(Icon, { className: iconSize2[size] })
+      children: /* @__PURE__ */ jsx8(Icon, { className: iconSize2[size] })
     }
   );
 };
@@ -343,10 +417,10 @@ var IconButton_default = IconButton;
 var MiniActionCard_module_default = { "miniActionCard": "_miniActionCard_qebkn_1", "card": "_card_qebkn_9" };
 // src/MiniActionCard/MiniActionCard.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var MiniActionCard = ({
   children
-}) => /* @__PURE__ */ jsx7("div", { className: MiniActionCard_module_default.miniActionCard, children });
+}) => /* @__PURE__ */ jsx9("div", { className: MiniActionCard_module_default.miniActionCard, children });
 var MiniActionCard_default = MiniActionCard;
 export {
   Avatar_default as Avatar,
@@ -354,8 +428,10 @@ export {
   ButtonGroup_default as ButtonGroup,
   Card_default as Card,
   Divider,
+  Heading_default as Heading,
   IconButton_default as IconButton,
-  MiniActionCard_default as MiniActionCard
+  MiniActionCard_default as MiniActionCard,
+  Typography_default as Typography
 };
 /*! Bundled license information:

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/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_1pqzf_2\",\"destructive700Color\":\"_destructive700Color_1pqzf_6\",\"gray700Color\":\"_gray700Color_1pqzf_10\",\"gray900Color\":\"_gray900Color_1pqzf_14\",\"whiteColor\":\"_whiteColor_1pqzf_18\",\"inheritColor\":\"_inheritColor_1pqzf_22\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_1pqzf_27\",\"destructive700Background\":\"_destructive700Background_1pqzf_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_1pqzf_35\",\"success700BackgroundColor\":\"_success700BackgroundColor_1pqzf_39\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_1pqzf_43\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_1pqzf_47\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_1pqzf_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 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","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","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"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cambly/syntax-core",
-  "version": "1.13.0",
+  "version": "1.15.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -10,7 +10,7 @@
     "dist/**"
   ],
   "dependencies": {
-    "@cambly/syntax-design-tokens": "0.4.0"
+    "@cambly/syntax-design-tokens": "0.5.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.28",