@cambly/syntax-core 2.0.0 → 2.1.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.
- package/dist/index.css +1180 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +313 -2
- package/dist/index.js +311 -82
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +307 -79
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Card/Card.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Checkbox/Checkbox.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.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._inheritColor_j1pwm_2 {\n color: inherit;\n}\n\n._destructive700Color_j1pwm_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_j1pwm_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_j1pwm_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_j1pwm_18 {\n color: var(--color-base-primary-700);\n}\n\n._whiteColor_j1pwm_22 {\n color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_j1pwm_27 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_j1pwm_31 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_j1pwm_35 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_j1pwm_39 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_j1pwm_43 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_j1pwm_47 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_j1pwm_51 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_j1pwm_55 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_j1pwm_59 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray80BackgroundColor_j1pwm_63 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_j1pwm_67 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_j1pwm_71 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_j1pwm_75 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_j1pwm_79 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_j1pwm_83 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_j1pwm_87 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_j1pwm_91 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_j1pwm_95 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_j1pwm_99 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_j1pwm_103 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_j1pwm_107 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_j1pwm_111 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_j1pwm_115 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_j1pwm_119 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_j1pwm_123 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_j1pwm_127 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_j1pwm_131 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_j1pwm_135 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_j1pwm_139 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_j1pwm_143 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_j1pwm_147 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_j1pwm_151 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_j1pwm_155 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_j1pwm_159 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_j1pwm_163 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_j1pwm_167 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_j1pwm_171 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_j1pwm_175 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_j1pwm_179 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_j1pwm_183 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_j1pwm_187 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_j1pwm_191 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_j1pwm_195 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_j1pwm_199 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_j1pwm_203 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_j1pwm_207 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_j1pwm_211 {\n background-color: var(--color-base-yellow-900);\n}\n","._button_1p2nl_1 {\n border: none;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n\n._buttonGap_1p2nl_9 {\n gap: 4px;\n}\n\n._button_1p2nl_1:hover {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1) 0%,\n rgba(0, 0, 0, 0.1) 100%\n );\n transition-duration: 0.2s;\n cursor: pointer;\n}\n\n._button_1p2nl_1:focus-visible {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._button_1p2nl_1:active {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n transform: scale(0.97);\n transition-duration: 0.2s;\n}\n\n._button_1p2nl_1:disabled {\n filter: opacity(30%);\n background-image: none;\n transform: none;\n cursor: auto;\n}\n\n._fullWidth_1p2nl_50 {\n width: 100%;\n}\n\n._sm_1p2nl_54 {\n min-width: 52px;\n height: 32px;\n padding: 0 12px;\n border-radius: 8px;\n}\n\n._md_1p2nl_61 {\n min-width: 72px;\n height: 40px;\n padding: 0 16px;\n border-radius: 12px;\n}\n\n._lg_1p2nl_68 {\n min-width: 88px;\n height: 48px;\n padding: 0 20px;\n border-radius: 16px;\n}\n\n._icon_1p2nl_75 {\n color: inherit;\n}\n\n._smIcon_1p2nl_79 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 16px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 16px !important;\n}\n\n._mdIcon_1p2nl_86 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 20px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 20px !important;\n}\n\n._lgIcon_1p2nl_93 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 24px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 24px !important;\n}\n\n._textContainer_1p2nl_100 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n@keyframes _syntaxButtonLoadingRotate_1p2nl_1 {\n 0% {\n transform-origin: 50% 50%;\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n._loading_1p2nl_115 {\n animation: _syntaxButtonLoadingRotate_1p2nl_1 1.4s linear infinite;\n}\n\n._loadingCircle_1p2nl_119 {\n stroke: currentcolor;\n stroke-dasharray: 80px, 200px;\n stroke-dashoffset: 0;\n transform-origin: center;\n}\n\n/** TODO Change with `Typography` component when available */\n._buttonText_1p2nl_127 {\n color: inherit;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n font-weight: 500;\n}\n\n._buttonTextSmall_1p2nl_134 {\n font-size: 12px;\n}\n\n._buttonTextMedium_1p2nl_138 {\n font-size: 14px;\n}\n\n._buttonTextLarge_1p2nl_142 {\n font-size: 16px;\n}\n","._buttonGroup_184aa_1 {\n display: flex;\n gap: 8px;\n}\n\n._horizontal_184aa_6 {\n flex-direction: row;\n}\n\n._vertical_184aa_10 {\n flex-direction: column;\n}\n\n._smallGap_184aa_14 {\n gap: 8px;\n}\n\n._mediumGap_184aa_18 {\n gap: 12px;\n}\n\n._largeGap_184aa_22 {\n gap: 16px;\n}\n","._card_hvz2b_1 {\n border-radius: 24px;\n padding: 28px;\n background-color: #fff;\n}\n\n@media (min-width: 480px) {\n ._card_hvz2b_1 {\n padding: 36px;\n }\n}\n","._divider_1ddgq_1 {\n background-color: var(--color-base-gray-10);\n border-radius: 50px;\n border: none;\n height: 1px;\n margin: 0;\n}\n","._typography_1krnf_1 {\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n margin: 0;\n}\n\n/* Sizes */\n._size100_1krnf_8 {\n font-size: 12px;\n}\n\n._size200_1krnf_12 {\n font-size: 14px;\n}\n\n._size300_1krnf_16 {\n font-size: 16px;\n}\n\n._size500_1krnf_20 {\n font-size: 20px;\n}\n\n._size600_1krnf_24 {\n font-size: 28px;\n}\n\n._size700_1krnf_28 {\n font-size: 40px;\n}\n\n._size800_1krnf_32 {\n font-size: 64px;\n}\n\n/* Align */\n._center_1krnf_37 {\n text-align: center;\n}\n\n._forceLeft_1krnf_41 {\n text-align: left;\n}\n\n._forceRight_1krnf_45 {\n text-align: right;\n}\n\n._start_1krnf_49 {\n text-align: start;\n}\n\n._end_1krnf_53 {\n text-align: end;\n}\n\n/* Boldness */\n._bold_1krnf_58 {\n font-weight: 700;\n}\n\n._regular_1krnf_62 {\n font-weight: 400;\n}\n\n._semiBold_1krnf_66 {\n font-weight: 600;\n}\n\n._heavy_1krnf_70 {\n font-weight: 860;\n}\n\n._underline_1krnf_74 {\n text-decoration: underline;\n}\n\n._inline_1krnf_78 {\n display: inline;\n}\n\n._uppercase_1krnf_82 {\n text-transform: uppercase;\n}\n","._iconButton_dzhn0_1 {\n align-items: center;\n justify-content: center;\n display: flex;\n border: none;\n border-radius: 50%;\n}\n\n._iconButton_dzhn0_1:hover {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1) 0%,\n rgba(0, 0, 0, 0.1) 100%\n );\n transition-duration: 0.2s;\n cursor: pointer;\n}\n\n._iconButton_dzhn0_1:focus-visible {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._iconButton_dzhn0_1:active {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n transform: scale(0.97);\n transition-duration: 0.2s;\n}\n\n._iconButton_dzhn0_1:disabled {\n filter: opacity(30%);\n background-image: none;\n transform: none;\n cursor: auto;\n}\n\n._sm_dzhn0_46 {\n height: 32px;\n width: 32px;\n}\n\n._md_dzhn0_51 {\n height: 40px;\n width: 40px;\n}\n\n._lg_dzhn0_56 {\n height: 48px;\n width: 48px;\n}\n\n._smIcon_dzhn0_61 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 16px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 16px !important;\n}\n\n._mdIcon_dzhn0_68 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 20px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 20px !important;\n}\n\n._lgIcon_dzhn0_75 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 24px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 24px !important;\n}\n","._mainContainer_p0un4_1 {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n}\n\n._checkboxContainer_p0un4_8 {\n display: flex;\n flex-direction: row;\n}\n\n._inputOverlay_p0un4_13 {\n opacity: 0;\n position: absolute;\n z-index: 1;\n cursor: pointer;\n margin: 0;\n}\n\n._focusedCheckbox_p0un4_21 {\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._checkbox_p0un4_8 {\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n}\n\n._uncheckedBox_p0un4_35 {\n border: 2px solid;\n}\n\n._uncheckedBorder_p0un4_39 {\n border-color: var(--color-base-primary-700);\n}\n\n._uncheckedErrorBorder_p0un4_43 {\n border-color: var(--color-base-destructive-700);\n}\n\n._checkedBox_p0un4_47 {\n color: #fff;\n}\n\n._checkedNonError_p0un4_51 {\n background: var(--color-base-primary-700);\n}\n\n._checkedError_p0un4_55 {\n background: var(--color-base-destructive-700);\n}\n\n._sm_p0un4_59 {\n height: 16px;\n width: 16px;\n border-radius: 6px;\n}\n\n._md_p0un4_65 {\n height: 24px;\n width: 24px;\n border-radius: 8px;\n}\n","._miniActionCard_qebkn_1 {\n border-radius: 24px;\n padding: 20px;\n width: 169px;\n height: 156px;\n background-color: #fff;\n}\n\n._card_qebkn_9 {\n border-radius: 24px;\n padding: 28px;\n background-color: #fff;\n}\n\n@media (min-width: 480px) {\n ._miniActionCard_qebkn_1 {\n width: 232px;\n }\n}\n","._radioButton_1dde1_1 {\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n}\n\n._focusedRadioButton_1dde1_8 {\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._smBase_1dde1_13 {\n height: 16px;\n gap: 4px;\n}\n\n._mdBase_1dde1_18 {\n height: 24px;\n gap: 8px;\n}\n\n._radioStyleOverride_1dde1_23 {\n opacity: 0;\n margin: 0;\n}\n\n._smOverride_1dde1_28 {\n width: 16px;\n height: 16px;\n}\n\n._mdOverride_1dde1_33 {\n width: 24px;\n height: 24px;\n}\n\n._outer_1dde1_38 {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n._sm_1dde1_13 {\n height: 16px;\n width: 16px;\n border-radius: 8px;\n}\n\n._md_1dde1_18 {\n height: 24px;\n width: 24px;\n border-radius: 12px;\n}\n\n._errorOuterBackgroundColor_1dde1_57 {\n background-color: var(--color-base-destructive-700);\n}\n\n._outerBackgroundColor_1dde1_61 {\n background-color: var(--color-base-primary-700);\n}\n\n._background_1dde1_65 {\n position: absolute;\n box-sizing: border-box;\n border: 2px solid;\n}\n\n._errorBorderColor_1dde1_71 {\n border-color: var(--color-base-destructive-700);\n}\n\n._borderColor_1dde1_75 {\n border-color: var(--color-base-primary-700);\n}\n\n._circle_1dde1_79 {\n border-radius: 50%;\n}\n\n._smInner_1dde1_83 {\n background-color: var(--color-base-white);\n height: 6px;\n width: 6px;\n}\n\n._mdInner_1dde1_89 {\n background-color: var(--color-base-white);\n height: 10px;\n width: 10px;\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;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACnNF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAAA;AAEI;AAAA;AAAA;AAIA;AAAA;AAAA;AAIJ;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC9IF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACtBF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;ACRJ;AACE;AACA;AACA;AACA;AACA;AAAA;;;ACLF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AClFF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;;;AC9EF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACnEF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;AChBJ;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;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/Box/Box.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.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/Checkbox/Checkbox.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.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","._box_1dglf_1 {\n box-sizing: border-box;\n}\n\n._flexWrap_1dglf_5 {\n flex-wrap: wrap;\n}\n\n/* Align items */\n._alignItemscenter_1dglf_10 {\n align-items: center;\n}\n\n._alignItemsstart_1dglf_14 {\n align-items: flex-start;\n}\n\n._alignItemsend_1dglf_18 {\n align-items: flex-end;\n}\n\n._alignItemsstretch_1dglf_22 {\n align-items: stretch;\n}\n\n._alignItemsbaseline_1dglf_26 {\n align-items: baseline;\n}\n\n/* Align items (small and up) */\n@media (min-width: 480px) {\n ._alignItemscenterSmall_1dglf_32 {\n }\n\n ._alignItemsstartSmall_1dglf_36 {\n }\n\n ._alignItemsendSmall_1dglf_40 {\n }\n\n ._alignItemsstretchSmall_1dglf_44 {\n }\n\n ._alignItemsbaselineSmall_1dglf_48 {\n }\n}\n\n/* Align items (large and up) */\n@media (min-width: 960px) {\n ._alignItemscenterLarge_1dglf_55 {\n }\n\n ._alignItemsstartLarge_1dglf_59 {\n }\n\n ._alignItemsendLarge_1dglf_63 {\n }\n\n ._alignItemsstretchLarge_1dglf_67 {\n }\n\n ._alignItemsbaselineLarge_1dglf_71 {\n }\n}\n\n/* Align self */\n._alignSelfcenter_1dglf_77 {\n align-self: center;\n}\n\n._alignSelfstart_1dglf_81 {\n align-self: flex-start;\n}\n\n._alignSelfend_1dglf_85 {\n align-self: flex-end;\n}\n\n._alignSelfstretch_1dglf_89 {\n align-self: stretch;\n}\n\n._alignSelfbaseline_1dglf_93 {\n align-self: baseline;\n}\n\n._alignSelfauto_1dglf_97 {\n align-self: auto;\n}\n\n/* Border Radius */\n._roundingsm_1dglf_102 {\n border-radius: 8px;\n}\n\n._roundingmd_1dglf_106 {\n border-radius: 12px;\n}\n\n._roundinglg_1dglf_110 {\n border-radius: 16px;\n}\n\n._roundingxl_1dglf_114 {\n border-radius: 32px;\n}\n\n._roundingpill_1dglf_118 {\n border-radius: 999px;\n}\n\n/* Display (base) */\n._block_1dglf_123 {\n display: block;\n}\n\n._flex_1dglf_5 {\n display: flex;\n}\n\n._inlineBlock_1dglf_131 {\n display: inline-block;\n}\n\n._visuallyHidden_1dglf_135 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n}\n\n/* Display (small and up) */\n@media (min-width: 480px) {\n ._blockSmall_1dglf_149 {\n }\n\n ._flexSmall_1dglf_153 {\n }\n\n ._inlineBlockSmall_1dglf_157 {\n }\n\n ._visuallyHiddenSmall_1dglf_161 {\n }\n}\n\n/* Display (large and up) */\n@media (min-width: 960px) {\n ._blockLarge_1dglf_168 {\n }\n\n ._flexLarge_1dglf_172 {\n }\n\n ._inlineBlockLarge_1dglf_176 {\n }\n\n ._visuallyHiddenLarge_1dglf_180 {\n }\n}\n\n/* Direction */\n._column_1dglf_186 {\n flex-direction: column;\n}\n\n._row_1dglf_190 {\n flex-direction: row;\n}\n\n/* Direction (small and up) */\n@media (min-width: 480px) {\n ._columnSmall_1dglf_196 {\n }\n\n ._rowSmall_1dglf_200 {\n }\n}\n\n/* Direction (large and up) */\n@media (min-width: 960px) {\n ._columnLarge_1dglf_207 {\n }\n\n ._rowLarge_1dglf_211 {\n }\n}\n\n/* Gap */\n._gap0_1dglf_217 {\n gap: 0;\n}\n\n._gap1_1dglf_221 {\n gap: 4px;\n}\n\n._gap2_1dglf_225 {\n gap: 8px;\n}\n\n._gap3_1dglf_229 {\n gap: 12px;\n}\n\n._gap4_1dglf_233 {\n gap: 16px;\n}\n\n._gap5_1dglf_237 {\n gap: 20px;\n}\n\n._gap6_1dglf_241 {\n gap: 24px;\n}\n\n._gap7_1dglf_245 {\n gap: 28px;\n}\n\n._gap8_1dglf_249 {\n gap: 32px;\n}\n\n._gap9_1dglf_253 {\n gap: 36px;\n}\n\n._gap10_1dglf_257 {\n gap: 40px;\n}\n\n._gap11_1dglf_261 {\n gap: 44px;\n}\n\n._gap12_1dglf_265 {\n gap: 48px;\n}\n\n/* Justify content */\n._justifyContentcenter_1dglf_270 {\n justify-content: center;\n}\n\n._justifyContentstart_1dglf_274 {\n justify-content: flex-start;\n}\n\n._justifyContentend_1dglf_278 {\n justify-content: flex-end;\n}\n\n._justifyContentbetween_1dglf_282 {\n justify-content: space-between;\n}\n\n._justifyContentaround_1dglf_286 {\n justify-content: space-around;\n}\n\n._justifyContentevenly_1dglf_290 {\n justify-content: space-evenly;\n}\n\n/* Justify content (small and up) */\n@media (min-width: 480px) {\n ._justifyContentcenterSmall_1dglf_296 {\n }\n\n ._justifyContentstartSmall_1dglf_300 {\n }\n\n ._justifyContentendSmall_1dglf_304 {\n }\n\n ._justifyContentbetweenSmall_1dglf_308 {\n }\n\n ._justifyContentaroundSmall_1dglf_312 {\n }\n\n ._justifyContentevenlySmall_1dglf_316 {\n }\n}\n\n/* Justify content (large and up) */\n@media (min-width: 960px) {\n ._justifyContentcenterLarge_1dglf_323 {\n }\n\n ._justifyContentstartLarge_1dglf_327 {\n }\n\n ._justifyContentendLarge_1dglf_331 {\n }\n\n ._justifyContentbetweenLarge_1dglf_335 {\n }\n\n ._justifyContentaroundLarge_1dglf_339 {\n }\n\n ._justifyContentevenlyLarge_1dglf_343 {\n }\n}\n\n/* Position */\n._fixed_1dglf_349 {\n position: fixed;\n}\n\n._relative_1dglf_353 {\n position: relative;\n}\n\n._absolute_1dglf_357 {\n position: absolute;\n}\n","/* Margin bottom */\n._marginBottom-12_pkudd_2 {\n margin-bottom: -48px;\n}\n\n._marginBottom-11_pkudd_6 {\n margin-bottom: -44px;\n}\n\n._marginBottom-10_pkudd_10 {\n margin-bottom: -40px;\n}\n\n._marginBottom-9_pkudd_14 {\n margin-bottom: -36px;\n}\n\n._marginBottom-8_pkudd_18 {\n margin-bottom: -32px;\n}\n\n._marginBottom-7_pkudd_22 {\n margin-bottom: -28px;\n}\n\n._marginBottom-6_pkudd_26 {\n margin-bottom: -24px;\n}\n\n._marginBottom-5_pkudd_30 {\n margin-bottom: -20px;\n}\n\n._marginBottom-4_pkudd_34 {\n margin-bottom: -16px;\n}\n\n._marginBottom-3_pkudd_38 {\n margin-bottom: -12px;\n}\n\n._marginBottom-2_pkudd_42 {\n margin-bottom: -8px;\n}\n\n._marginBottom-1_pkudd_2 {\n margin-bottom: -4px;\n}\n\n._marginBottom0_pkudd_50 {\n margin-bottom: 0;\n}\n\n._marginBottom1_pkudd_54 {\n margin-bottom: 4px;\n}\n\n._marginBottom2_pkudd_58 {\n margin-bottom: 8px;\n}\n\n._marginBottom3_pkudd_62 {\n margin-bottom: 12px;\n}\n\n._marginBottom4_pkudd_66 {\n margin-bottom: 16px;\n}\n\n._marginBottom5_pkudd_70 {\n margin-bottom: 20px;\n}\n\n._marginBottom6_pkudd_74 {\n margin-bottom: 24px;\n}\n\n._marginBottom7_pkudd_78 {\n margin-bottom: 28px;\n}\n\n._marginBottom8_pkudd_82 {\n margin-bottom: 32px;\n}\n\n._marginBottom9_pkudd_86 {\n margin-bottom: 36px;\n}\n\n._marginBottom10_pkudd_90 {\n margin-bottom: 40px;\n}\n\n._marginBottom11_pkudd_94 {\n margin-bottom: 44px;\n}\n\n._marginBottom12_pkudd_98 {\n margin-bottom: 48px;\n}\n\n._marginBottomauto_pkudd_102 {\n margin-bottom: auto;\n}\n\n/* Margin end */\n._marginEnd-12_pkudd_107 {\n margin-inline-end: -48px;\n}\n\n._marginEnd-11_pkudd_111 {\n margin-inline-end: -44px;\n}\n\n._marginEnd-10_pkudd_115 {\n margin-inline-end: -40px;\n}\n\n._marginEnd-9_pkudd_119 {\n margin-inline-end: -36px;\n}\n\n._marginEnd-8_pkudd_123 {\n margin-inline-end: -32px;\n}\n\n._marginEnd-7_pkudd_127 {\n margin-inline-end: -28px;\n}\n\n._marginEnd-6_pkudd_131 {\n margin-inline-end: -24px;\n}\n\n._marginEnd-5_pkudd_135 {\n margin-inline-end: -20px;\n}\n\n._marginEnd-4_pkudd_139 {\n margin-inline-end: -16px;\n}\n\n._marginEnd-3_pkudd_143 {\n margin-inline-end: -12px;\n}\n\n._marginEnd-2_pkudd_147 {\n margin-inline-end: -8px;\n}\n\n._marginEnd-1_pkudd_107 {\n margin-inline-end: -4px;\n}\n\n._marginEnd0_pkudd_155 {\n margin-inline-end: 0;\n}\n\n._marginEnd1_pkudd_159 {\n margin-inline-end: 4px;\n}\n\n._marginEnd2_pkudd_163 {\n margin-inline-end: 8px;\n}\n\n._marginEnd3_pkudd_167 {\n margin-inline-end: 12px;\n}\n\n._marginEnd4_pkudd_171 {\n margin-inline-end: 16px;\n}\n\n._marginEnd5_pkudd_175 {\n margin-inline-end: 20px;\n}\n\n._marginEnd6_pkudd_179 {\n margin-inline-end: 24px;\n}\n\n._marginEnd7_pkudd_183 {\n margin-inline-end: 28px;\n}\n\n._marginEnd8_pkudd_187 {\n margin-inline-end: 32px;\n}\n\n._marginEnd9_pkudd_191 {\n margin-inline-end: 36px;\n}\n\n._marginEnd10_pkudd_195 {\n margin-inline-end: 40px;\n}\n\n._marginEnd11_pkudd_199 {\n margin-inline-end: 44px;\n}\n\n._marginEnd12_pkudd_203 {\n margin-inline-end: 48px;\n}\n\n._marginEndauto_pkudd_207 {\n margin-inline-end: auto;\n}\n\n/* Margin start */\n._marginStart-12_pkudd_212 {\n margin-inline-start: -48px;\n}\n\n._marginStart-11_pkudd_216 {\n margin-inline-start: -44px;\n}\n\n._marginStart-10_pkudd_220 {\n margin-inline-start: -40px;\n}\n\n._marginStart-9_pkudd_224 {\n margin-inline-start: -36px;\n}\n\n._marginStart-8_pkudd_228 {\n margin-inline-start: -32px;\n}\n\n._marginStart-7_pkudd_232 {\n margin-inline-start: -28px;\n}\n\n._marginStart-6_pkudd_236 {\n margin-inline-start: -24px;\n}\n\n._marginStart-5_pkudd_240 {\n margin-inline-start: -20px;\n}\n\n._marginStart-4_pkudd_244 {\n margin-inline-start: -16px;\n}\n\n._marginStart-3_pkudd_248 {\n margin-inline-start: -12px;\n}\n\n._marginStart-2_pkudd_252 {\n margin-inline-start: -8px;\n}\n\n._marginStart-1_pkudd_212 {\n margin-inline-start: -4px;\n}\n\n._marginStart0_pkudd_260 {\n margin-inline-start: 0;\n}\n\n._marginStart1_pkudd_264 {\n margin-inline-start: 4px;\n}\n\n._marginStart2_pkudd_268 {\n margin-inline-start: 8px;\n}\n\n._marginStart3_pkudd_272 {\n margin-inline-start: 12px;\n}\n\n._marginStart4_pkudd_276 {\n margin-inline-start: 16px;\n}\n\n._marginStart5_pkudd_280 {\n margin-inline-start: 20px;\n}\n\n._marginStart6_pkudd_284 {\n margin-inline-start: 24px;\n}\n\n._marginStart7_pkudd_288 {\n margin-inline-start: 28px;\n}\n\n._marginStart8_pkudd_292 {\n margin-inline-start: 32px;\n}\n\n._marginStart9_pkudd_296 {\n margin-inline-start: 36px;\n}\n\n._marginStart10_pkudd_300 {\n margin-inline-start: 40px;\n}\n\n._marginStart11_pkudd_304 {\n margin-inline-start: 44px;\n}\n\n._marginStart12_pkudd_308 {\n margin-inline-start: 48px;\n}\n\n._marginStartauto_pkudd_312 {\n margin-inline-start: auto;\n}\n\n/* Margin top */\n._marginTop-12_pkudd_317 {\n margin-top: -48px;\n}\n\n._marginTop-11_pkudd_321 {\n margin-top: -44px;\n}\n\n._marginTop-10_pkudd_325 {\n margin-top: -40px;\n}\n\n._marginTop-9_pkudd_329 {\n margin-top: -36px;\n}\n\n._marginTop-8_pkudd_333 {\n margin-top: -32px;\n}\n\n._marginTop-7_pkudd_337 {\n margin-top: -28px;\n}\n\n._marginTop-6_pkudd_341 {\n margin-top: -24px;\n}\n\n._marginTop-5_pkudd_345 {\n margin-top: -20px;\n}\n\n._marginTop-4_pkudd_349 {\n margin-top: -16px;\n}\n\n._marginTop-3_pkudd_353 {\n margin-top: -12px;\n}\n\n._marginTop-2_pkudd_357 {\n margin-top: -8px;\n}\n\n._marginTop-1_pkudd_317 {\n margin-top: -4px;\n}\n\n._marginTop0_pkudd_365 {\n margin-top: 0;\n}\n\n._marginTop1_pkudd_369 {\n margin-top: 4px;\n}\n\n._marginTop2_pkudd_373 {\n margin-top: 8px;\n}\n\n._marginTop3_pkudd_377 {\n margin-top: 12px;\n}\n\n._marginTop4_pkudd_381 {\n margin-top: 16px;\n}\n\n._marginTop5_pkudd_385 {\n margin-top: 20px;\n}\n\n._marginTop6_pkudd_389 {\n margin-top: 24px;\n}\n\n._marginTop7_pkudd_393 {\n margin-top: 28px;\n}\n\n._marginTop8_pkudd_397 {\n margin-top: 32px;\n}\n\n._marginTop9_pkudd_401 {\n margin-top: 36px;\n}\n\n._marginTop10_pkudd_405 {\n margin-top: 40px;\n}\n\n._marginTop11_pkudd_409 {\n margin-top: 44px;\n}\n\n._marginTop12_pkudd_413 {\n margin-top: 48px;\n}\n\n._marginTopauto_pkudd_417 {\n margin-top: auto;\n}\n\n/* Margin (small and up) */\n@media (min-width: 480px) {\n ._marginBottom-12Small_pkudd_423 {\n }\n\n ._marginBottom-11Small_pkudd_427 {\n }\n\n ._marginBottom-10Small_pkudd_431 {\n }\n\n ._marginBottom-9Small_pkudd_435 {\n }\n\n ._marginBottom-8Small_pkudd_439 {\n }\n\n ._marginBottom-7Small_pkudd_443 {\n }\n\n ._marginBottom-6Small_pkudd_447 {\n }\n\n ._marginBottom-5Small_pkudd_451 {\n }\n\n ._marginBottom-4Small_pkudd_455 {\n }\n\n ._marginBottom-3Small_pkudd_459 {\n }\n\n ._marginBottom-2Small_pkudd_463 {\n }\n\n ._marginBottom-1Small_pkudd_467 {\n }\n\n ._marginBottom0Small_pkudd_471 {\n }\n\n ._marginBottom1Small_pkudd_475 {\n }\n\n ._marginBottom2Small_pkudd_479 {\n }\n\n ._marginBottom3Small_pkudd_483 {\n }\n\n ._marginBottom4Small_pkudd_487 {\n }\n\n ._marginBottom5Small_pkudd_491 {\n }\n\n ._marginBottom6Small_pkudd_495 {\n }\n\n ._marginBottom7Small_pkudd_499 {\n }\n\n ._marginBottom8Small_pkudd_503 {\n }\n\n ._marginBottom9Small_pkudd_507 {\n }\n\n ._marginBottom10Small_pkudd_511 {\n }\n\n ._marginBottom11Small_pkudd_515 {\n }\n\n ._marginBottom12Small_pkudd_519 {\n }\n\n ._marginBottomautoSmall_pkudd_523 {\n }\n\n ._marginEnd-12Small_pkudd_527 {\n }\n\n ._marginEnd-11Small_pkudd_531 {\n }\n\n ._marginEnd-10Small_pkudd_535 {\n }\n\n ._marginEnd-9Small_pkudd_539 {\n }\n\n ._marginEnd-8Small_pkudd_543 {\n }\n\n ._marginEnd-7Small_pkudd_547 {\n }\n\n ._marginEnd-6Small_pkudd_551 {\n }\n\n ._marginEnd-5Small_pkudd_555 {\n }\n\n ._marginEnd-4Small_pkudd_559 {\n }\n\n ._marginEnd-3Small_pkudd_563 {\n }\n\n ._marginEnd-2Small_pkudd_567 {\n }\n\n ._marginEnd-1Small_pkudd_571 {\n }\n\n ._marginEnd0Small_pkudd_575 {\n }\n\n ._marginEnd1Small_pkudd_579 {\n }\n\n ._marginEnd2Small_pkudd_583 {\n }\n\n ._marginEnd3Small_pkudd_587 {\n }\n\n ._marginEnd4Small_pkudd_591 {\n }\n\n ._marginEnd5Small_pkudd_595 {\n }\n\n ._marginEnd6Small_pkudd_599 {\n }\n\n ._marginEnd7Small_pkudd_603 {\n }\n\n ._marginEnd8Small_pkudd_607 {\n }\n\n ._marginEnd9Small_pkudd_611 {\n }\n\n ._marginEnd10Small_pkudd_615 {\n }\n\n ._marginEnd11Small_pkudd_619 {\n }\n\n ._marginEnd12Small_pkudd_623 {\n }\n\n ._marginEndautoSmall_pkudd_627 {\n }\n\n ._marginStart-12Small_pkudd_631 {\n }\n\n ._marginStart-11Small_pkudd_635 {\n }\n\n ._marginStart-10Small_pkudd_639 {\n }\n\n ._marginStart-9Small_pkudd_643 {\n }\n\n ._marginStart-8Small_pkudd_647 {\n }\n\n ._marginStart-7Small_pkudd_651 {\n }\n\n ._marginStart-6Small_pkudd_655 {\n }\n\n ._marginStart-5Small_pkudd_659 {\n }\n\n ._marginStart-4Small_pkudd_663 {\n }\n\n ._marginStart-3Small_pkudd_667 {\n }\n\n ._marginStart-2Small_pkudd_671 {\n }\n\n ._marginStart-1Small_pkudd_675 {\n }\n\n ._marginStart0Small_pkudd_679 {\n }\n\n ._marginStart1Small_pkudd_683 {\n }\n\n ._marginStart2Small_pkudd_687 {\n }\n\n ._marginStart3Small_pkudd_691 {\n }\n\n ._marginStart4Small_pkudd_695 {\n }\n\n ._marginStart5Small_pkudd_699 {\n }\n\n ._marginStart6Small_pkudd_703 {\n }\n\n ._marginStart7Small_pkudd_707 {\n }\n\n ._marginStart8Small_pkudd_711 {\n }\n\n ._marginStart9Small_pkudd_715 {\n }\n\n ._marginStart10Small_pkudd_719 {\n }\n\n ._marginStart11Small_pkudd_723 {\n }\n\n ._marginStart12Small_pkudd_727 {\n }\n\n ._marginStartautoSmall_pkudd_731 {\n }\n\n ._marginTop-12Small_pkudd_735 {\n }\n\n ._marginTop-11Small_pkudd_739 {\n }\n\n ._marginTop-10Small_pkudd_743 {\n }\n\n ._marginTop-9Small_pkudd_747 {\n }\n\n ._marginTop-8Small_pkudd_751 {\n }\n\n ._marginTop-7Small_pkudd_755 {\n }\n\n ._marginTop-6Small_pkudd_759 {\n }\n\n ._marginTop-5Small_pkudd_763 {\n }\n\n ._marginTop-4Small_pkudd_767 {\n }\n\n ._marginTop-3Small_pkudd_771 {\n }\n\n ._marginTop-2Small_pkudd_775 {\n }\n\n ._marginTop-1Small_pkudd_779 {\n }\n\n ._marginTop0Small_pkudd_783 {\n }\n\n ._marginTop1Small_pkudd_787 {\n }\n\n ._marginTop2Small_pkudd_791 {\n }\n\n ._marginTop3Small_pkudd_795 {\n }\n\n ._marginTop4Small_pkudd_799 {\n }\n\n ._marginTop5Small_pkudd_803 {\n }\n\n ._marginTop6Small_pkudd_807 {\n }\n\n ._marginTop7Small_pkudd_811 {\n }\n\n ._marginTop8Small_pkudd_815 {\n }\n\n ._marginTop9Small_pkudd_819 {\n }\n\n ._marginTop10Small_pkudd_823 {\n }\n\n ._marginTop11Small_pkudd_827 {\n }\n\n ._marginTop12Small_pkudd_831 {\n }\n\n ._marginTopautoSmall_pkudd_835 {\n }\n}\n\n/* Margin (large and up) */\n@media (min-width: 960px) {\n ._marginBottom-12Large_pkudd_842 {\n }\n\n ._marginBottom-11Large_pkudd_846 {\n }\n\n ._marginBottom-10Large_pkudd_850 {\n }\n\n ._marginBottom-9Large_pkudd_854 {\n }\n\n ._marginBottom-8Large_pkudd_858 {\n }\n\n ._marginBottom-7Large_pkudd_862 {\n }\n\n ._marginBottom-6Large_pkudd_866 {\n }\n\n ._marginBottom-5Large_pkudd_870 {\n }\n\n ._marginBottom-4Large_pkudd_874 {\n }\n\n ._marginBottom-3Large_pkudd_878 {\n }\n\n ._marginBottom-2Large_pkudd_882 {\n }\n\n ._marginBottom-1Large_pkudd_886 {\n }\n\n ._marginBottom0Large_pkudd_890 {\n }\n\n ._marginBottom1Large_pkudd_894 {\n }\n\n ._marginBottom2Large_pkudd_898 {\n }\n\n ._marginBottom3Large_pkudd_902 {\n }\n\n ._marginBottom4Large_pkudd_906 {\n }\n\n ._marginBottom5Large_pkudd_910 {\n }\n\n ._marginBottom6Large_pkudd_914 {\n }\n\n ._marginBottom7Large_pkudd_918 {\n }\n\n ._marginBottom8Large_pkudd_922 {\n }\n\n ._marginBottom9Large_pkudd_926 {\n }\n\n ._marginBottom10Large_pkudd_930 {\n }\n\n ._marginBottom11Large_pkudd_934 {\n }\n\n ._marginBottom12Large_pkudd_938 {\n }\n\n ._marginBottomautoLarge_pkudd_942 {\n }\n\n ._marginEnd-12Large_pkudd_946 {\n }\n\n ._marginEnd-11Large_pkudd_950 {\n }\n\n ._marginEnd-10Large_pkudd_954 {\n }\n\n ._marginEnd-9Large_pkudd_958 {\n }\n\n ._marginEnd-8Large_pkudd_962 {\n }\n\n ._marginEnd-7Large_pkudd_966 {\n }\n\n ._marginEnd-6Large_pkudd_970 {\n }\n\n ._marginEnd-5Large_pkudd_974 {\n }\n\n ._marginEnd-4Large_pkudd_978 {\n }\n\n ._marginEnd-3Large_pkudd_982 {\n }\n\n ._marginEnd-2Large_pkudd_986 {\n }\n\n ._marginEnd-1Large_pkudd_990 {\n }\n\n ._marginEnd0Large_pkudd_994 {\n }\n\n ._marginEnd1Large_pkudd_998 {\n }\n\n ._marginEnd2Large_pkudd_1002 {\n }\n\n ._marginEnd3Large_pkudd_1006 {\n }\n\n ._marginEnd4Large_pkudd_1010 {\n }\n\n ._marginEnd5Large_pkudd_1014 {\n }\n\n ._marginEnd6Large_pkudd_1018 {\n }\n\n ._marginEnd7Large_pkudd_1022 {\n }\n\n ._marginEnd8Large_pkudd_1026 {\n }\n\n ._marginEnd9Large_pkudd_1030 {\n }\n\n ._marginEnd10Large_pkudd_1034 {\n }\n\n ._marginEnd11Large_pkudd_1038 {\n }\n\n ._marginEnd12Large_pkudd_1042 {\n }\n\n ._marginEndautoLarge_pkudd_1046 {\n }\n\n ._marginStart-12Large_pkudd_1050 {\n }\n\n ._marginStart-11Large_pkudd_1054 {\n }\n\n ._marginStart-10Large_pkudd_1058 {\n }\n\n ._marginStart-9Large_pkudd_1062 {\n }\n\n ._marginStart-8Large_pkudd_1066 {\n }\n\n ._marginStart-7Large_pkudd_1070 {\n }\n\n ._marginStart-6Large_pkudd_1074 {\n }\n\n ._marginStart-5Large_pkudd_1078 {\n }\n\n ._marginStart-4Large_pkudd_1082 {\n }\n\n ._marginStart-3Large_pkudd_1086 {\n }\n\n ._marginStart-2Large_pkudd_1090 {\n }\n\n ._marginStart-1Large_pkudd_1094 {\n }\n\n ._marginStart0Large_pkudd_1098 {\n }\n\n ._marginStart1Large_pkudd_1102 {\n }\n\n ._marginStart2Large_pkudd_1106 {\n }\n\n ._marginStart3Large_pkudd_1110 {\n }\n\n ._marginStart4Large_pkudd_1114 {\n }\n\n ._marginStart5Large_pkudd_1118 {\n }\n\n ._marginStart6Large_pkudd_1122 {\n }\n\n ._marginStart7Large_pkudd_1126 {\n }\n\n ._marginStart8Large_pkudd_1130 {\n }\n\n ._marginStart9Large_pkudd_1134 {\n }\n\n ._marginStart10Large_pkudd_1138 {\n }\n\n ._marginStart11Large_pkudd_1142 {\n }\n\n ._marginStart12Large_pkudd_1146 {\n }\n\n ._marginStartautoLarge_pkudd_1150 {\n }\n\n ._marginTop-12Large_pkudd_1154 {\n }\n\n ._marginTop-11Large_pkudd_1158 {\n }\n\n ._marginTop-10Large_pkudd_1162 {\n }\n\n ._marginTop-9Large_pkudd_1166 {\n }\n\n ._marginTop-8Large_pkudd_1170 {\n }\n\n ._marginTop-7Large_pkudd_1174 {\n }\n\n ._marginTop-6Large_pkudd_1178 {\n }\n\n ._marginTop-5Large_pkudd_1182 {\n }\n\n ._marginTop-4Large_pkudd_1186 {\n }\n\n ._marginTop-3Large_pkudd_1190 {\n }\n\n ._marginTop-2Large_pkudd_1194 {\n }\n\n ._marginTop-1Large_pkudd_1198 {\n }\n\n ._marginTop0Large_pkudd_1202 {\n }\n\n ._marginTop1Large_pkudd_1206 {\n }\n\n ._marginTop2Large_pkudd_1210 {\n }\n\n ._marginTop3Large_pkudd_1214 {\n }\n\n ._marginTop4Large_pkudd_1218 {\n }\n\n ._marginTop5Large_pkudd_1222 {\n }\n\n ._marginTop6Large_pkudd_1226 {\n }\n\n ._marginTop7Large_pkudd_1230 {\n }\n\n ._marginTop8Large_pkudd_1234 {\n }\n\n ._marginTop9Large_pkudd_1238 {\n }\n\n ._marginTop10Large_pkudd_1242 {\n }\n\n ._marginTop11Large_pkudd_1246 {\n }\n\n ._marginTop12Large_pkudd_1250 {\n }\n\n ._marginTopautoLarge_pkudd_1254 {\n }\n}\n","/* Padding */\n._paddingX0_1kcbd_2 {\n padding-left: 0;\n padding-right: 0;\n}\n\n._paddingX1_1kcbd_7 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n._paddingX2_1kcbd_12 {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n._paddingX3_1kcbd_17 {\n padding-left: 12px;\n padding-right: 12px;\n}\n\n._paddingX4_1kcbd_22 {\n padding-left: 16px;\n padding-right: 16px;\n}\n\n._paddingX5_1kcbd_27 {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n._paddingX6_1kcbd_32 {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n._paddingX7_1kcbd_37 {\n padding-left: 28px;\n padding-right: 28px;\n}\n\n._paddingX8_1kcbd_42 {\n padding-left: 32px;\n padding-right: 32px;\n}\n\n._paddingX9_1kcbd_47 {\n padding-left: 36px;\n padding-right: 36px;\n}\n\n._paddingX10_1kcbd_52 {\n padding-left: 40px;\n padding-right: 40px;\n}\n\n._paddingX11_1kcbd_57 {\n padding-left: 44px;\n padding-right: 44px;\n}\n\n._paddingX12_1kcbd_62 {\n padding-left: 48px;\n padding-right: 48px;\n}\n\n._paddingY0_1kcbd_67 {\n padding-bottom: 0;\n padding-top: 0;\n}\n\n._paddingY1_1kcbd_72 {\n padding-bottom: 4px;\n padding-top: 4px;\n}\n\n._paddingY2_1kcbd_77 {\n padding-bottom: 8px;\n padding-top: 8px;\n}\n\n._paddingY3_1kcbd_82 {\n padding-bottom: 12px;\n padding-top: 12px;\n}\n\n._paddingY4_1kcbd_87 {\n padding-bottom: 16px;\n padding-top: 16px;\n}\n\n._paddingY5_1kcbd_92 {\n padding-bottom: 20px;\n padding-top: 20px;\n}\n\n._paddingY6_1kcbd_97 {\n padding-bottom: 24px;\n padding-top: 24px;\n}\n\n._paddingY7_1kcbd_102 {\n padding-bottom: 28px;\n padding-top: 28px;\n}\n\n._paddingY8_1kcbd_107 {\n padding-bottom: 32px;\n padding-top: 32px;\n}\n\n._paddingY9_1kcbd_112 {\n padding-bottom: 36px;\n padding-top: 36px;\n}\n\n._paddingY10_1kcbd_117 {\n padding-bottom: 40px;\n padding-top: 40px;\n}\n\n._paddingY11_1kcbd_122 {\n padding-bottom: 44px;\n padding-top: 44px;\n}\n\n._paddingY12_1kcbd_127 {\n padding-bottom: 48px;\n padding-top: 48px;\n}\n\n/* Padding (small and up) */\n@media (min-width: 480px) {\n ._paddingX0Small_1kcbd_134 {\n }\n\n ._paddingX1Small_1kcbd_138 {\n }\n\n ._paddingX2Small_1kcbd_142 {\n }\n\n ._paddingX3Small_1kcbd_146 {\n }\n\n ._paddingX4Small_1kcbd_150 {\n }\n\n ._paddingX5Small_1kcbd_154 {\n }\n\n ._paddingX6Small_1kcbd_158 {\n }\n\n ._paddingX7Small_1kcbd_162 {\n }\n\n ._paddingX8Small_1kcbd_166 {\n }\n\n ._paddingX9Small_1kcbd_170 {\n }\n\n ._paddingX10Small_1kcbd_174 {\n }\n\n ._paddingX11Small_1kcbd_178 {\n }\n\n ._paddingX12Small_1kcbd_182 {\n }\n\n ._paddingY0Small_1kcbd_186 {\n }\n\n ._paddingY1Small_1kcbd_190 {\n }\n\n ._paddingY2Small_1kcbd_194 {\n }\n\n ._paddingY3Small_1kcbd_198 {\n }\n\n ._paddingY4Small_1kcbd_202 {\n }\n\n ._paddingY5Small_1kcbd_206 {\n }\n\n ._paddingY6Small_1kcbd_210 {\n }\n\n ._paddingY7Small_1kcbd_214 {\n }\n\n ._paddingY8Small_1kcbd_218 {\n }\n\n ._paddingY9Small_1kcbd_222 {\n }\n\n ._paddingY10Small_1kcbd_226 {\n }\n\n ._paddingY11Small_1kcbd_230 {\n }\n\n ._paddingY12Small_1kcbd_234 {\n }\n}\n\n/* Padding (large and up) */\n@media (min-width: 960px) {\n ._paddingX0Large_1kcbd_241 {\n }\n\n ._paddingX1Large_1kcbd_245 {\n }\n\n ._paddingX2Large_1kcbd_249 {\n }\n\n ._paddingX3Large_1kcbd_253 {\n }\n\n ._paddingX4Large_1kcbd_257 {\n }\n\n ._paddingX5Large_1kcbd_261 {\n }\n\n ._paddingX6Large_1kcbd_265 {\n }\n\n ._paddingX7Large_1kcbd_269 {\n }\n\n ._paddingX8Large_1kcbd_273 {\n }\n\n ._paddingX9Large_1kcbd_277 {\n }\n\n ._paddingX10Large_1kcbd_281 {\n }\n\n ._paddingX11Large_1kcbd_285 {\n }\n\n ._paddingX12Large_1kcbd_289 {\n }\n\n ._paddingY0Large_1kcbd_293 {\n }\n\n ._paddingY1Large_1kcbd_297 {\n }\n\n ._paddingY2Large_1kcbd_301 {\n }\n\n ._paddingY3Large_1kcbd_305 {\n }\n\n ._paddingY4Large_1kcbd_309 {\n }\n\n ._paddingY5Large_1kcbd_313 {\n }\n\n ._paddingY6Large_1kcbd_317 {\n }\n\n ._paddingY7Large_1kcbd_321 {\n }\n\n ._paddingY8Large_1kcbd_325 {\n }\n\n ._paddingY9Large_1kcbd_329 {\n }\n\n ._paddingY10Large_1kcbd_333 {\n }\n\n ._paddingY11Large_1kcbd_337 {\n }\n\n ._paddingY12Large_1kcbd_341 {\n }\n}\n","/* Regular Colors */\n._inheritColor_j1pwm_2 {\n color: inherit;\n}\n\n._destructive700Color_j1pwm_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_j1pwm_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_j1pwm_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_j1pwm_18 {\n color: var(--color-base-primary-700);\n}\n\n._whiteColor_j1pwm_22 {\n color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_j1pwm_27 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_j1pwm_31 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_j1pwm_35 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_j1pwm_39 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_j1pwm_43 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_j1pwm_47 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_j1pwm_51 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_j1pwm_55 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_j1pwm_59 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray80BackgroundColor_j1pwm_63 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_j1pwm_67 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_j1pwm_71 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_j1pwm_75 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_j1pwm_79 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_j1pwm_83 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_j1pwm_87 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_j1pwm_91 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_j1pwm_95 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_j1pwm_99 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_j1pwm_103 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_j1pwm_107 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_j1pwm_111 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_j1pwm_115 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_j1pwm_119 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_j1pwm_123 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_j1pwm_127 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_j1pwm_131 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_j1pwm_135 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_j1pwm_139 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_j1pwm_143 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_j1pwm_147 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_j1pwm_151 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_j1pwm_155 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_j1pwm_159 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_j1pwm_163 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_j1pwm_167 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_j1pwm_171 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_j1pwm_175 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_j1pwm_179 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_j1pwm_183 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_j1pwm_187 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_j1pwm_191 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_j1pwm_195 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_j1pwm_199 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_j1pwm_203 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_j1pwm_207 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_j1pwm_211 {\n background-color: var(--color-base-yellow-900);\n}\n","._button_1p2nl_1 {\n border: none;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n\n._buttonGap_1p2nl_9 {\n gap: 4px;\n}\n\n._button_1p2nl_1:hover {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1) 0%,\n rgba(0, 0, 0, 0.1) 100%\n );\n transition-duration: 0.2s;\n cursor: pointer;\n}\n\n._button_1p2nl_1:focus-visible {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._button_1p2nl_1:active {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n transform: scale(0.97);\n transition-duration: 0.2s;\n}\n\n._button_1p2nl_1:disabled {\n filter: opacity(30%);\n background-image: none;\n transform: none;\n cursor: auto;\n}\n\n._fullWidth_1p2nl_50 {\n width: 100%;\n}\n\n._sm_1p2nl_54 {\n min-width: 52px;\n height: 32px;\n padding: 0 12px;\n border-radius: 8px;\n}\n\n._md_1p2nl_61 {\n min-width: 72px;\n height: 40px;\n padding: 0 16px;\n border-radius: 12px;\n}\n\n._lg_1p2nl_68 {\n min-width: 88px;\n height: 48px;\n padding: 0 20px;\n border-radius: 16px;\n}\n\n._icon_1p2nl_75 {\n color: inherit;\n}\n\n._smIcon_1p2nl_79 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 16px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 16px !important;\n}\n\n._mdIcon_1p2nl_86 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 20px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 20px !important;\n}\n\n._lgIcon_1p2nl_93 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 24px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 24px !important;\n}\n\n._textContainer_1p2nl_100 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n@keyframes _syntaxButtonLoadingRotate_1p2nl_1 {\n 0% {\n transform-origin: 50% 50%;\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n._loading_1p2nl_115 {\n animation: _syntaxButtonLoadingRotate_1p2nl_1 1.4s linear infinite;\n}\n\n._loadingCircle_1p2nl_119 {\n stroke: currentcolor;\n stroke-dasharray: 80px, 200px;\n stroke-dashoffset: 0;\n transform-origin: center;\n}\n\n/** TODO Change with `Typography` component when available */\n._buttonText_1p2nl_127 {\n color: inherit;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n font-weight: 500;\n}\n\n._buttonTextSmall_1p2nl_134 {\n font-size: 12px;\n}\n\n._buttonTextMedium_1p2nl_138 {\n font-size: 14px;\n}\n\n._buttonTextLarge_1p2nl_142 {\n font-size: 16px;\n}\n","._buttonGroup_184aa_1 {\n display: flex;\n gap: 8px;\n}\n\n._horizontal_184aa_6 {\n flex-direction: row;\n}\n\n._vertical_184aa_10 {\n flex-direction: column;\n}\n\n._smallGap_184aa_14 {\n gap: 8px;\n}\n\n._mediumGap_184aa_18 {\n gap: 12px;\n}\n\n._largeGap_184aa_22 {\n gap: 16px;\n}\n","._card_hvz2b_1 {\n border-radius: 24px;\n padding: 28px;\n background-color: #fff;\n}\n\n@media (min-width: 480px) {\n ._card_hvz2b_1 {\n padding: 36px;\n }\n}\n","._divider_1ddgq_1 {\n background-color: var(--color-base-gray-10);\n border-radius: 50px;\n border: none;\n height: 1px;\n margin: 0;\n}\n","._typography_1krnf_1 {\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n margin: 0;\n}\n\n/* Sizes */\n._size100_1krnf_8 {\n font-size: 12px;\n}\n\n._size200_1krnf_12 {\n font-size: 14px;\n}\n\n._size300_1krnf_16 {\n font-size: 16px;\n}\n\n._size500_1krnf_20 {\n font-size: 20px;\n}\n\n._size600_1krnf_24 {\n font-size: 28px;\n}\n\n._size700_1krnf_28 {\n font-size: 40px;\n}\n\n._size800_1krnf_32 {\n font-size: 64px;\n}\n\n/* Align */\n._center_1krnf_37 {\n text-align: center;\n}\n\n._forceLeft_1krnf_41 {\n text-align: left;\n}\n\n._forceRight_1krnf_45 {\n text-align: right;\n}\n\n._start_1krnf_49 {\n text-align: start;\n}\n\n._end_1krnf_53 {\n text-align: end;\n}\n\n/* Boldness */\n._bold_1krnf_58 {\n font-weight: 700;\n}\n\n._regular_1krnf_62 {\n font-weight: 400;\n}\n\n._semiBold_1krnf_66 {\n font-weight: 600;\n}\n\n._heavy_1krnf_70 {\n font-weight: 860;\n}\n\n._underline_1krnf_74 {\n text-decoration: underline;\n}\n\n._inline_1krnf_78 {\n display: inline;\n}\n\n._uppercase_1krnf_82 {\n text-transform: uppercase;\n}\n","._iconButton_dzhn0_1 {\n align-items: center;\n justify-content: center;\n display: flex;\n border: none;\n border-radius: 50%;\n}\n\n._iconButton_dzhn0_1:hover {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1) 0%,\n rgba(0, 0, 0, 0.1) 100%\n );\n transition-duration: 0.2s;\n cursor: pointer;\n}\n\n._iconButton_dzhn0_1:focus-visible {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._iconButton_dzhn0_1:active {\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.2) 0%,\n rgba(0, 0, 0, 0.2) 100%\n );\n transform: scale(0.97);\n transition-duration: 0.2s;\n}\n\n._iconButton_dzhn0_1:disabled {\n filter: opacity(30%);\n background-image: none;\n transform: none;\n cursor: auto;\n}\n\n._sm_dzhn0_46 {\n height: 32px;\n width: 32px;\n}\n\n._md_dzhn0_51 {\n height: 40px;\n width: 40px;\n}\n\n._lg_dzhn0_56 {\n height: 48px;\n width: 48px;\n}\n\n._smIcon_dzhn0_61 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 16px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 16px !important;\n}\n\n._mdIcon_dzhn0_68 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 20px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 20px !important;\n}\n\n._lgIcon_dzhn0_75 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 24px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 24px !important;\n}\n","._mainContainer_p0un4_1 {\n display: flex;\n flex-direction: row;\n gap: 8px;\n align-items: center;\n}\n\n._checkboxContainer_p0un4_8 {\n display: flex;\n flex-direction: row;\n}\n\n._inputOverlay_p0un4_13 {\n opacity: 0;\n position: absolute;\n z-index: 1;\n cursor: pointer;\n margin: 0;\n}\n\n._focusedCheckbox_p0un4_21 {\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._checkbox_p0un4_8 {\n position: relative;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n}\n\n._uncheckedBox_p0un4_35 {\n border: 2px solid;\n}\n\n._uncheckedBorder_p0un4_39 {\n border-color: var(--color-base-primary-700);\n}\n\n._uncheckedErrorBorder_p0un4_43 {\n border-color: var(--color-base-destructive-700);\n}\n\n._checkedBox_p0un4_47 {\n color: #fff;\n}\n\n._checkedNonError_p0un4_51 {\n background: var(--color-base-primary-700);\n}\n\n._checkedError_p0un4_55 {\n background: var(--color-base-destructive-700);\n}\n\n._sm_p0un4_59 {\n height: 16px;\n width: 16px;\n border-radius: 6px;\n}\n\n._md_p0un4_65 {\n height: 24px;\n width: 24px;\n border-radius: 8px;\n}\n","._miniActionCard_qebkn_1 {\n border-radius: 24px;\n padding: 20px;\n width: 169px;\n height: 156px;\n background-color: #fff;\n}\n\n._card_qebkn_9 {\n border-radius: 24px;\n padding: 28px;\n background-color: #fff;\n}\n\n@media (min-width: 480px) {\n ._miniActionCard_qebkn_1 {\n width: 232px;\n }\n}\n","._radioButton_1dde1_1 {\n display: flex;\n flex-direction: row;\n align-items: center;\n cursor: pointer;\n}\n\n._focusedRadioButton_1dde1_8 {\n box-shadow: 0 0 0 4px #000;\n outline: solid 2px #fff;\n}\n\n._smBase_1dde1_13 {\n height: 16px;\n gap: 4px;\n}\n\n._mdBase_1dde1_18 {\n height: 24px;\n gap: 8px;\n}\n\n._radioStyleOverride_1dde1_23 {\n opacity: 0;\n margin: 0;\n}\n\n._smOverride_1dde1_28 {\n width: 16px;\n height: 16px;\n}\n\n._mdOverride_1dde1_33 {\n width: 24px;\n height: 24px;\n}\n\n._outer_1dde1_38 {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n._sm_1dde1_13 {\n height: 16px;\n width: 16px;\n border-radius: 8px;\n}\n\n._md_1dde1_18 {\n height: 24px;\n width: 24px;\n border-radius: 12px;\n}\n\n._errorOuterBackgroundColor_1dde1_57 {\n background-color: var(--color-base-destructive-700);\n}\n\n._outerBackgroundColor_1dde1_61 {\n background-color: var(--color-base-primary-700);\n}\n\n._background_1dde1_65 {\n position: absolute;\n box-sizing: border-box;\n border: 2px solid;\n}\n\n._errorBorderColor_1dde1_71 {\n border-color: var(--color-base-destructive-700);\n}\n\n._borderColor_1dde1_75 {\n border-color: var(--color-base-primary-700);\n}\n\n._circle_1dde1_79 {\n border-radius: 50%;\n}\n\n._smInner_1dde1_83 {\n background-color: var(--color-base-white);\n height: 6px;\n width: 6px;\n}\n\n._mdInner_1dde1_89 {\n background-color: var(--color-base-white);\n height: 10px;\n width: 10px;\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;;;ACxBF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAKF;AACE;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAKF;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAKF;AACE;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGA;AAAA;AAAA;AAKF;AACE;AAAA;AAGA;AAAA;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;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;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAKF;AACE;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AClUF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;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;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;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;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;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;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAKF;AACE;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;;;ACrhCF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAKF;AACE;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;;;AChSF;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;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACnNF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAAA;AAEI;AAAA;AAAA;AAIA;AAAA;AAAA;AAIJ;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC9IF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACtBF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;ACRJ;AACE;AACA;AACA;AACA;AACA;AAAA;;;ACLF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AClFF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;;;AC9EF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACnEF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACE;AAAA;AAAA;;;AChBJ;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;","names":[]}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ReactNode, ReactElement } from 'react';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* Avatar is a circular image that represents a user.
|
|
@@ -26,6 +26,317 @@ declare const Avatar: ({ src, accessibilityLabel, size, }: {
|
|
|
26
26
|
size?: "sm" | "md" | "lg" | "xl" | undefined;
|
|
27
27
|
}) => JSX.Element;
|
|
28
28
|
|
|
29
|
+
declare const colors: readonly ["black", "destructive100", "destructive200", "destructive300", "destructive700", "destructive800", "destructive900", "gray10", "gray100", "gray200", "gray30", "gray300", "gray700", "gray80", "gray800", "gray900", "orange100", "orange200", "orange300", "orange700", "orange800", "orange900", "primary100", "primary200", "primary300", "primary700", "primary800", "primary900", "purple100", "purple200", "purple300", "purple700", "purple800", "purple900", "success100", "success200", "success300", "success700", "success800", "success900", "white", "yellow100", "yellow200", "yellow300", "yellow700", "yellow800", "yellow900"];
|
|
30
|
+
|
|
31
|
+
type AlignItems = "baseline" | "center" | "end" | "start" | "stretch";
|
|
32
|
+
type As = "article" | "aside" | "caption" | "details" | "div" | "figcaption" | "figure" | "footer" | "header" | "main" | "nav" | "section" | "summary";
|
|
33
|
+
type Dimension = number | string;
|
|
34
|
+
type Direction = "row" | "column";
|
|
35
|
+
type Display = "flex" | "block" | "inlineBlock" | "visuallyHidden";
|
|
36
|
+
type Gap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
37
|
+
type JustifyContent = "start" | "end" | "center" | "between" | "around" | "evenly";
|
|
38
|
+
type Margin = -12 | -11 | -10 | -9 | -8 | -7 | -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "auto";
|
|
39
|
+
type Padding = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
40
|
+
/**
|
|
41
|
+
* Box is primitive design component and is used by lots of other components. It keeps details like spacing, borders and colors consistent across all of Syntax.
|
|
42
|
+
*
|
|
43
|
+
* Passthrough props:
|
|
44
|
+
* * `aria-*`
|
|
45
|
+
* * `data-testid`
|
|
46
|
+
*/
|
|
47
|
+
declare function Box(props: {
|
|
48
|
+
/**
|
|
49
|
+
* The alignment of the box on the cross axis.
|
|
50
|
+
*
|
|
51
|
+
* Responsive props:
|
|
52
|
+
* * `smAlignItems`
|
|
53
|
+
* * `lgAlignItems`
|
|
54
|
+
*/
|
|
55
|
+
alignItems?: AlignItems;
|
|
56
|
+
/**
|
|
57
|
+
* Allows the default alignment (or the one specified by align-items) to be overridden for individual flex items.
|
|
58
|
+
*/
|
|
59
|
+
alignSelf?: "auto" | "start" | "end" | "center" | "baseline" | "stretch";
|
|
60
|
+
/**
|
|
61
|
+
* The underlying DOM element usually set for accessibility or SEO reasons.
|
|
62
|
+
*
|
|
63
|
+
* @defaultValue "div"
|
|
64
|
+
*/
|
|
65
|
+
as?: As;
|
|
66
|
+
/**
|
|
67
|
+
* The background color of the box.
|
|
68
|
+
*/
|
|
69
|
+
color?: (typeof colors)[number];
|
|
70
|
+
/**
|
|
71
|
+
* The children to be rendered inside the box.
|
|
72
|
+
*/
|
|
73
|
+
children?: ReactNode;
|
|
74
|
+
/**
|
|
75
|
+
* An "escape hatch" used to apply styles not otherwise available on Box.
|
|
76
|
+
*
|
|
77
|
+
* Please use this sparingly and only when you have a good reason to.
|
|
78
|
+
*/
|
|
79
|
+
dangerouslySetInlineStyle?: {
|
|
80
|
+
__style: Record<string, string | number | null>;
|
|
81
|
+
};
|
|
82
|
+
/**
|
|
83
|
+
* The flex direction of the box.
|
|
84
|
+
*
|
|
85
|
+
* Responsive props:
|
|
86
|
+
* * `smDirection`
|
|
87
|
+
* * `lgDirection`
|
|
88
|
+
*
|
|
89
|
+
* @defaultValue `row`
|
|
90
|
+
*/
|
|
91
|
+
direction?: Direction;
|
|
92
|
+
/**
|
|
93
|
+
* The display property specifies the display behavior (the type of rendering box) of an element.
|
|
94
|
+
*
|
|
95
|
+
* Responsive props:
|
|
96
|
+
* * `smDisplay`
|
|
97
|
+
* * `lgDisplay`
|
|
98
|
+
*
|
|
99
|
+
* @defaultValue `block`
|
|
100
|
+
*/
|
|
101
|
+
display?: Display;
|
|
102
|
+
/**
|
|
103
|
+
* By default, flex items will all try to fit onto one line. But if you specify `flexWrap="wrap"`, the flex items will wrap onto multiple lines.
|
|
104
|
+
*
|
|
105
|
+
* @defaultValue `nowrap`
|
|
106
|
+
*/
|
|
107
|
+
flexWrap?: "wrap" | "nowrap";
|
|
108
|
+
/**
|
|
109
|
+
* The gap between the children of the box.
|
|
110
|
+
*/
|
|
111
|
+
gap?: Gap;
|
|
112
|
+
/**
|
|
113
|
+
* The id of the element.
|
|
114
|
+
*/
|
|
115
|
+
id?: string;
|
|
116
|
+
/**
|
|
117
|
+
* The alignment of the box on the cross axis on lg (960px) or larger viewports.
|
|
118
|
+
*/
|
|
119
|
+
lgAlignItems?: AlignItems;
|
|
120
|
+
/**
|
|
121
|
+
* The flex direction on lg (960px) or larger viewports.
|
|
122
|
+
*/
|
|
123
|
+
lgDirection?: Direction;
|
|
124
|
+
/**
|
|
125
|
+
* The display style on lg (960px) or larger viewports.
|
|
126
|
+
*/
|
|
127
|
+
lgDisplay?: Display;
|
|
128
|
+
/**
|
|
129
|
+
* The alignment of the box on the cross axis on lg (960px) or larger viewports.
|
|
130
|
+
*/
|
|
131
|
+
lgJustifyContent?: JustifyContent;
|
|
132
|
+
/**
|
|
133
|
+
* Margin on lg (960px) or larger viewports.
|
|
134
|
+
*/
|
|
135
|
+
lgMargin?: Margin;
|
|
136
|
+
/**
|
|
137
|
+
* Bottom margin on lg (960px) or larger viewports.
|
|
138
|
+
*/
|
|
139
|
+
lgMarginBottom?: Margin;
|
|
140
|
+
/**
|
|
141
|
+
* Margin to the right in left-to-right languages, and to the left in right-to-left languages on lg (960px) or larger viewports.
|
|
142
|
+
*/
|
|
143
|
+
lgMarginEnd?: Margin;
|
|
144
|
+
/**
|
|
145
|
+
* Margin to the left in left-to-right languages, and to the right in right-to-left languages on lg (960px) or larger viewports.
|
|
146
|
+
*/
|
|
147
|
+
lgMarginStart?: Margin;
|
|
148
|
+
/**
|
|
149
|
+
* Top margin on lg (960px) or larger viewports.
|
|
150
|
+
*/
|
|
151
|
+
lgMarginTop?: Margin;
|
|
152
|
+
/**
|
|
153
|
+
* The padding of the box on lg (960px) or larger viewports.
|
|
154
|
+
*/
|
|
155
|
+
lgPadding?: Padding;
|
|
156
|
+
/**
|
|
157
|
+
* The padding of the box on the x-axis on lg (960px) or larger viewports.
|
|
158
|
+
*/
|
|
159
|
+
lgPaddingX?: Padding;
|
|
160
|
+
/**
|
|
161
|
+
* The padding of the box on the y-axis on lg (960px) or larger viewports.
|
|
162
|
+
*/
|
|
163
|
+
lgPaddingY?: Padding;
|
|
164
|
+
/**
|
|
165
|
+
* The margin of the box.
|
|
166
|
+
*
|
|
167
|
+
* Responsive props:
|
|
168
|
+
* * `smMargin`
|
|
169
|
+
* * `lgMargin`
|
|
170
|
+
*
|
|
171
|
+
* @defaultValue 0
|
|
172
|
+
*/
|
|
173
|
+
margin?: Margin;
|
|
174
|
+
/**
|
|
175
|
+
* Bottom margin of the box.
|
|
176
|
+
*
|
|
177
|
+
* Responsive props:
|
|
178
|
+
* * `smMarginBottom`
|
|
179
|
+
* * `lgMarginBottom`
|
|
180
|
+
*
|
|
181
|
+
*/
|
|
182
|
+
marginBottom?: Margin;
|
|
183
|
+
/**
|
|
184
|
+
* Margin to the right in left-to-right languages, and to the left in right-to-left languages.
|
|
185
|
+
*
|
|
186
|
+
* Responsive props:
|
|
187
|
+
* * `smMarginEnd`
|
|
188
|
+
* * `lgMarginEnd`
|
|
189
|
+
*
|
|
190
|
+
*/
|
|
191
|
+
marginEnd?: Margin;
|
|
192
|
+
/**
|
|
193
|
+
* Margin to the left in left-to-right languages, and to the right in right-to-left languages.
|
|
194
|
+
*
|
|
195
|
+
* Responsive props:
|
|
196
|
+
* * `smMarginStart`
|
|
197
|
+
* * `lgMarginStart`
|
|
198
|
+
*
|
|
199
|
+
*/
|
|
200
|
+
marginStart?: Margin;
|
|
201
|
+
/**
|
|
202
|
+
* Top margin of the box.
|
|
203
|
+
*
|
|
204
|
+
* Responsive props:
|
|
205
|
+
* * `smMarginTop`
|
|
206
|
+
* * `lgMarginTop`
|
|
207
|
+
*
|
|
208
|
+
*/
|
|
209
|
+
marginTop?: Margin;
|
|
210
|
+
/**
|
|
211
|
+
* The maximum height of the box.
|
|
212
|
+
*/
|
|
213
|
+
maxHeight?: Dimension;
|
|
214
|
+
/**
|
|
215
|
+
* The maximum width of the box.
|
|
216
|
+
*/
|
|
217
|
+
maxWidth?: Dimension;
|
|
218
|
+
/**
|
|
219
|
+
* The minimum height of the box.
|
|
220
|
+
*/
|
|
221
|
+
minHeight?: Dimension;
|
|
222
|
+
/**
|
|
223
|
+
* The minimum width of the box.
|
|
224
|
+
*/
|
|
225
|
+
minWidth?: Dimension;
|
|
226
|
+
/**
|
|
227
|
+
* The height of the box.
|
|
228
|
+
*/
|
|
229
|
+
height?: Dimension;
|
|
230
|
+
/**
|
|
231
|
+
* The alignment of the box on the main axis.
|
|
232
|
+
*
|
|
233
|
+
* Responsive props:
|
|
234
|
+
* * `smJustifyContent`
|
|
235
|
+
* * `lgJustifyContent`
|
|
236
|
+
*
|
|
237
|
+
* @defaultValue "start"
|
|
238
|
+
*/
|
|
239
|
+
justifyContent?: JustifyContent;
|
|
240
|
+
/**
|
|
241
|
+
* The padding of the box.
|
|
242
|
+
*
|
|
243
|
+
* Responsive props:
|
|
244
|
+
* * `smPadding`
|
|
245
|
+
* * `lgPadding`
|
|
246
|
+
*
|
|
247
|
+
* @defaultValue 0
|
|
248
|
+
*/
|
|
249
|
+
padding?: Padding;
|
|
250
|
+
/**
|
|
251
|
+
* The padding of the box on the x-axis.
|
|
252
|
+
*
|
|
253
|
+
* Responsive props:
|
|
254
|
+
* * `smPaddingX`
|
|
255
|
+
* * `lgPaddingX`
|
|
256
|
+
*
|
|
257
|
+
*/
|
|
258
|
+
paddingX?: Padding;
|
|
259
|
+
/**
|
|
260
|
+
* The padding of the box on the y-axis.
|
|
261
|
+
*
|
|
262
|
+
* Responsive props:
|
|
263
|
+
* * `smPaddingY`
|
|
264
|
+
* * `lgPaddingY`
|
|
265
|
+
*/
|
|
266
|
+
paddingY?: Padding;
|
|
267
|
+
/**
|
|
268
|
+
* The position of the box.
|
|
269
|
+
*
|
|
270
|
+
* @defaultValue "static"
|
|
271
|
+
*/
|
|
272
|
+
position?: "static" | "absolute" | "relative" | "fixed";
|
|
273
|
+
/**
|
|
274
|
+
* Border radius of the box.
|
|
275
|
+
*
|
|
276
|
+
* * `none`: 0px
|
|
277
|
+
* * `sm`: 8px
|
|
278
|
+
* * `md`: 12px
|
|
279
|
+
* * `lg`: 16px
|
|
280
|
+
* * `xl`: 24px
|
|
281
|
+
* * `pill`: 999px
|
|
282
|
+
*
|
|
283
|
+
* @defaultValue "none"
|
|
284
|
+
*/
|
|
285
|
+
rounding?: "xl" | "lg" | "md" | "sm" | "pill" | "none";
|
|
286
|
+
/**
|
|
287
|
+
* The alignment of the box on the cross axis on sm (480px) or larger viewports.
|
|
288
|
+
*/
|
|
289
|
+
smAlignItems?: AlignItems;
|
|
290
|
+
/**
|
|
291
|
+
* The flex direction on sm (480px) or larger viewports.
|
|
292
|
+
*/
|
|
293
|
+
smDirection?: Direction;
|
|
294
|
+
/**
|
|
295
|
+
* The display style on sm (480px) or larger viewports.
|
|
296
|
+
*/
|
|
297
|
+
smDisplay?: Display;
|
|
298
|
+
/**
|
|
299
|
+
* The alignment of the box on the main axis on sm (480px) or larger viewports.
|
|
300
|
+
*/
|
|
301
|
+
smJustifyContent?: JustifyContent;
|
|
302
|
+
/**
|
|
303
|
+
* Margin on sm (480px) or larger viewports.
|
|
304
|
+
*/
|
|
305
|
+
smMargin?: Margin;
|
|
306
|
+
/**
|
|
307
|
+
* Bottom margin on sm (480px) or larger viewports.
|
|
308
|
+
*/
|
|
309
|
+
smMarginBottom?: Margin;
|
|
310
|
+
/**
|
|
311
|
+
* Margin to the right in left-to-right languages, and to the left in right-to-left languages on sm (480px) or larger viewports.
|
|
312
|
+
*/
|
|
313
|
+
smMarginEnd?: Margin;
|
|
314
|
+
/**
|
|
315
|
+
* Margin to the left in left-to-right languages, and to the right in right-to-left languages on sm (480px) or larger viewports.
|
|
316
|
+
*/
|
|
317
|
+
smMarginStart?: Margin;
|
|
318
|
+
/**
|
|
319
|
+
* Top margin on sm (480px) or larger viewports.
|
|
320
|
+
*/
|
|
321
|
+
smMarginTop?: Margin;
|
|
322
|
+
/**
|
|
323
|
+
* The padding of the box on sm (480px) or larger viewports.
|
|
324
|
+
*/
|
|
325
|
+
smPadding?: Padding;
|
|
326
|
+
/**
|
|
327
|
+
* The padding of the box on the x-axis on sm (480px) or larger viewports.
|
|
328
|
+
*/
|
|
329
|
+
smPaddingX?: Padding;
|
|
330
|
+
/**
|
|
331
|
+
* The padding of the box on the y-axis on sm (480px) or larger viewports.
|
|
332
|
+
*/
|
|
333
|
+
smPaddingY?: Padding;
|
|
334
|
+
/**
|
|
335
|
+
* The width of the box.
|
|
336
|
+
*/
|
|
337
|
+
width?: Dimension;
|
|
338
|
+
}): ReactElement;
|
|
339
|
+
|
|
29
340
|
/**
|
|
30
341
|
* Button is a clickable element that is used to perform an action.
|
|
31
342
|
*/
|
|
@@ -409,4 +720,4 @@ declare const RadioButton: ({ checked, disabled, error, label, onChange, size, v
|
|
|
409
720
|
value?: string | undefined;
|
|
410
721
|
}) => ReactElement;
|
|
411
722
|
|
|
412
|
-
export { Avatar, Button, ButtonGroup, Card, Checkbox, Divider, Heading, IconButton, MiniActionCard, RadioButton, Typography };
|
|
723
|
+
export { Avatar, Box, Button, ButtonGroup, Card, Checkbox, Divider, Heading, IconButton, MiniActionCard, RadioButton, Typography };
|