stp-ui-kit 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +93 -0
- package/dist/App.d.ts +1 -0
- package/dist/banners/Sat.svg +3 -0
- package/dist/banners/SatFinished.svg +3 -0
- package/dist/components/Banner/Banner.d.ts +11 -0
- package/dist/components/Banner/Banner.stories.d.ts +6 -0
- package/dist/components/Banner/utils/utils.d.ts +1 -0
- package/dist/components/Button/Button.d.ts +10 -0
- package/dist/components/Button/Button.stories.d.ts +11 -0
- package/dist/components/Collapse/Collapse.d.ts +12 -0
- package/dist/components/CourseCollapse/CourseCollapse.d.ts +13 -0
- package/dist/components/Empty/Empty.d.ts +26 -0
- package/dist/components/Empty/Empty.stories.d.ts +6 -0
- package/dist/components/Empty/index.d.ts +10 -0
- package/dist/components/FormItem/FormItem.d.ts +26 -0
- package/dist/components/FormItem/FormItemContext.d.ts +6 -0
- package/dist/components/IconButton/IconButton.d.ts +11 -0
- package/dist/components/IconButton/IconButton.stories.d.ts +8 -0
- package/dist/components/Modal/Modal.d.ts +22 -0
- package/dist/components/NavigationItem/NavigationItem.d.ts +12 -0
- package/dist/components/PageHeader/PageHeader.d.ts +2 -0
- package/dist/components/ProgressLine/ProgressLine.d.ts +4 -0
- package/dist/components/SectionHeader/SectionHeader.d.ts +6 -0
- package/dist/components/TopBar/TopBar.d.ts +14 -0
- package/dist/components/Typography/Typography.d.ts +7 -0
- package/dist/components/index.d.ts +15 -0
- package/dist/icons/ArrowLine.svg +3 -0
- package/dist/icons/ParentLine.svg +3 -0
- package/dist/icons/SideLine.svg +3 -0
- package/dist/icons/decorativeIcons/Alert.svg +11 -0
- package/dist/icons/decorativeIcons/Error.svg +11 -0
- package/dist/icons/decorativeIcons/Locked.svg +10 -0
- package/dist/icons/decorativeIcons/Success.svg +10 -0
- package/dist/index.d.ts +2 -0
- package/dist/main.d.ts +0 -0
- package/dist/shared/i18n/config.d.ts +2 -0
- package/dist/shared/i18n/locales/en/index.d.ts +1 -0
- package/dist/shared/i18n/locales/index.d.ts +5 -0
- package/dist/shared/i18n/locales/kz/index.d.ts +1 -0
- package/dist/shared/i18n/locales/ru/index.d.ts +1 -0
- package/dist/shared/i18n/locales/uz/index.d.ts +1 -0
- package/dist/shared/i18n/types.d.ts +2 -0
- package/dist/stp-ui-kit.cjs.js +71 -0
- package/dist/stp-ui-kit.es.js +961 -0
- package/dist/style.css +1 -0
- package/dist/tokens.d.ts +515 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/vite.svg +1 -0
- package/package.json +87 -0
- package/src/styles/_variables.scss +431 -0
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._shadow-0_18a99_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_18a99_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_18a99_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_18a99_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_18a99_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_18a99_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_18a99_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._typography_18a99_29{all:unset;display:block}._heading-xl_18a99_34{font-size:30px;line-height:40px;font-weight:700;letter-spacing:-.3px;font-family:Inter;word-wrap:break-word}._heading-lg_18a99_43{font-size:24px;line-height:32px;font-weight:650;letter-spacing:-.2px;font-family:Inter;word-wrap:break-word}._heading-md_18a99_52{font-size:20px;line-height:24px;font-weight:650;letter-spacing:-.2px;font-family:Inter;word-wrap:break-word}._heading-sm_18a99_61{font-size:16px;line-height:20px;font-weight:650;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._heading-xs_18a99_70{font-size:14px;line-height:20px;font-weight:650;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._body-lg_18a99_79{font-size:16px;line-height:24px;font-weight:450;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._body-md_18a99_88{font-size:14px;line-height:20px;font-weight:450;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._body-sm_18a99_97{font-size:12px;line-height:16px;font-weight:450;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._shadow-0_cgftc_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_cgftc_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_cgftc_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_cgftc_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_cgftc_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_cgftc_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_cgftc_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._container_cgftc_29{width:100%;display:flex;flex-direction:row;border-radius:8px}@media (max-width: 700px){._container_cgftc_29{flex-direction:column}}._container_cgftc_29 ._content_cgftc_40{flex:1;padding:24px;display:flex;flex-direction:column;gap:24px}@media (max-width: 700px){._container_cgftc_29 ._content_cgftc_40{justify-content:center}}@media (max-width: 480px){._container_cgftc_29 ._content_cgftc_40{gap:20px}}._container_cgftc_29 ._content_cgftc_40 ._title_cgftc_57{display:flex;flex-direction:column;gap:8px;color:#fff}@media (max-width: 700px){._container_cgftc_29 ._content_cgftc_40 ._title_cgftc_57{text-align:center}}._container_cgftc_29 ._content_cgftc_40 ._timer_cgftc_68{display:flex;flex-direction:row;align-items:center;gap:16px;color:#fff}@media (max-width: 700px){._container_cgftc_29 ._content_cgftc_40 ._timer_cgftc_68{justify-content:center}}._container_cgftc_29 ._content_cgftc_40 ._timer_cgftc_68 ._timerCell_cgftc_80{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}._container_cgftc_29 ._content_cgftc_40 ._timer_cgftc_68 ._timerCell_cgftc_80 ._timerCount_cgftc_87{width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:#2e1065;border-radius:50%}@media (max-width: 480px){._container_cgftc_29 ._content_cgftc_40 ._timer_cgftc_68 ._timerCell_cgftc_80 ._timerCount_cgftc_87{width:50px;height:50px}}._container_cgftc_29 ._pattern_cgftc_102{flex:1;border-top-right-radius:8px;border-bottom-right-radius:8px;background:linear-gradient(to right,var(--pattern-color),transparent 160px),var(--pattern-url);background-repeat:repeat;background-size:auto;background-position-y:center;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width: 700px){._container_cgftc_29 ._pattern_cgftc_102{background:linear-gradient(to bottom,var(--pattern-color),transparent 80px),var(--pattern-url);flex:auto;height:120px}}@media (max-width: 480px){._container_cgftc_29 ._pattern_cgftc_102{background:linear-gradient(to bottom,var(--pattern-color),transparent 60px),var(--pattern-url);flex:auto;height:80px}}._container_cgftc_29 ._pattern_cgftc_102 ._button_cgftc_129{text-align:center;border:none;padding:16px 64px;color:#042f2e;border-radius:100px}@media (max-width: 480px){._container_cgftc_29 ._pattern_cgftc_102 ._button_cgftc_129{padding:12px 40px}}._shadow-0_12gio_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_12gio_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_12gio_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_12gio_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_12gio_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_12gio_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_12gio_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._btn_12gio_29{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;padding:0;margin:0;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:4px;cursor:pointer}._btn_12gio_29._small_12gio_44{padding:3px 7px}._btn_12gio_29._medium_12gio_47{padding:7px 11px}._btn_12gio_29._large_12gio_50{padding:11px 15px}._btn_12gio_29._default_12gio_53{background-color:#fff;border:1px #dee1e7 solid;color:#373a42}._btn_12gio_29._default_12gio_53:hover{background-color:#e4e8ed}._btn_12gio_29._default_12gio_53:active,._btn_12gio_29._default-selected_12gio_64{background-color:#d2d5dc}._btn_12gio_29._default_12gio_53:disabled{background-color:#dee1e7;color:#868892}._btn_12gio_29._primary_12gio_71{background-color:#2563eb;color:#fff}._btn_12gio_29._primary_12gio_71:hover{background-color:#1d4ed8}._btn_12gio_29._primary_12gio_71:active{background-color:#1e40af}._btn_12gio_29._primary-selected_12gio_81{background-color:#1e3a8a}._btn_12gio_29._primary_12gio_71:disabled{background-color:#b9bcc5}._btn_12gio_29._tertiary_12gio_87{color:#373a42}._btn_12gio_29._tertiary_12gio_87:hover{background-color:#e4e8ed}._btn_12gio_29._tertiary_12gio_87:active,._btn_12gio_29._tertiary-selected_12gio_96{background-color:#d2d5dc}._btn_12gio_29._tertiary_12gio_87:disabled{color:#868892}._btn_12gio_29._plain_12gio_102{padding:0;margin:0;color:#1e40af}._btn_12gio_29._plain_12gio_102:hover{color:#1e3a8a}._btn_12gio_29._plain_12gio_102:active,._btn_12gio_29._plain-selected_12gio_113{color:#172554}._btn_12gio_29._plain_12gio_102:disabled{color:#868892}._shadow-0_1uz1o_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_1uz1o_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_1uz1o_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_1uz1o_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_1uz1o_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_1uz1o_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_1uz1o_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._navigationItem_1uz1o_29{height:36px;padding:8px 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;border-radius:8px}._navigationItem_1uz1o_29 svg{width:20px;height:20px;stroke-width:1.5px;stroke:#52545d}._navigationItem_1uz1o_29 ._container_1uz1o_45{display:flex;flex-direction:row;gap:8px;align-items:center}._navigationItem_1uz1o_29 ._container_1uz1o_45 ._IconContainer_1uz1o_51{display:flex;flex-direction:row;align-items:center;position:relative}._navigationItem_1uz1o_29 ._container_1uz1o_45 ._IconContainer_1uz1o_51 ._ParentLine_1uz1o_57{position:absolute;bottom:-12px;left:50%;transform:translate(-1px,-50%)}._navigationItem_1uz1o_29 ._container_1uz1o_45 ._IconContainer_1uz1o_51 svg{width:20px;height:20px;stroke-width:1.5px;stroke:#52545d}._navigationItem_1uz1o_29 ._secondaryIcon_1uz1o_69{display:flex;flex-direction:row;align-items:center}._navigationItem_1uz1o_29:hover{background-color:#f8f9fa;border-radius:8px;color:#373a42;cursor:pointer}._navigationItem_1uz1o_29._active_1uz1o_80{background-color:#fff;border-radius:8px}._navigationItem_1uz1o_29._active_1uz1o_80:hover{cursor:default}._collapsed_1uz1o_88{display:none}._label_1uz1o_92{max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._shadow-0_i9cnp_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_i9cnp_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_i9cnp_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_i9cnp_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_i9cnp_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_i9cnp_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_i9cnp_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._ArrowContainer_i9cnp_29{display:flex;flex-direction:row;height:36px;padding-left:12px;color:#6c6e78;stroke:#868892}._ArrowContainer_i9cnp_29:hover{background-color:#f8f9fa;border-radius:8px;color:#373a42;stroke:#52545d;cursor:pointer}._ArrowContainer_i9cnp_29._active_i9cnp_44{background-color:#fff;border-radius:8px;color:#373a42;stroke:#52545d}._ArrowContainer_i9cnp_29._active_i9cnp_44:hover{cursor:default}._arrowBlock_i9cnp_54{width:20px}._isOpen_i9cnp_58{background-color:#e4e8ed}._closed_i9cnp_62{background-color:#fff}._shadow-0_17ds0_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_17ds0_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_17ds0_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_17ds0_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_17ds0_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_17ds0_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_17ds0_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._ArrowContainer_17ds0_29{display:flex;flex-direction:row;height:36px;padding-left:12px;color:#6c6e78;stroke:#868892}._ArrowContainer_17ds0_29 ._iconCheck_17ds0_37{stroke:#1e40af}._ArrowContainer_17ds0_29:hover{background-color:#f8f9fa;border-radius:8px;color:#373a42;stroke:#52545d;cursor:pointer}._ArrowContainer_17ds0_29._active_17ds0_47{background-color:#fff;border-radius:8px;color:#373a42;stroke:#52545d}._ArrowContainer_17ds0_29._active_17ds0_47:hover{cursor:default}._arrowBlock_17ds0_57{width:20px}._isOpen_17ds0_61{background-color:#e4e8ed}._closed_17ds0_65{background-color:#fff}._shadow-0_tmvlz_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_tmvlz_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_tmvlz_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_tmvlz_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_tmvlz_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_tmvlz_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_tmvlz_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._emptyContainer_tmvlz_29{margin:0 auto;width:100%;max-width:548px;padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:24px;background-color:#fff;border:1px solid #dee1e7;border-radius:8px;text-align:center;color:#373a42}@media (max-width: 480px){._emptyContainer_tmvlz_29{border:0}}@media (max-width: 480px){._emptyContainer_tmvlz_29{padding:40px 0}}._imageContent_tmvlz_55{align-self:center;width:200px;height:160px;object-fit:contain}._content_tmvlz_62{display:flex;flex-direction:column;gap:8px;text-align:center}._buttonContent_tmvlz_69{display:flex;justify-content:center;align-items:center;gap:8px}@media (max-width: 480px){._buttonContent_tmvlz_69{flex-direction:column-reverse;width:100%}._buttonContent_tmvlz_69 button{width:100%}}._mobile_tmvlz_85,._desktop_tmvlz_86{display:none}@media (max-width: 480px){._mobile_tmvlz_85{display:block}}@media (min-width: 480px){._desktop_tmvlz_86{display:block}}._shadow-0_96xeh_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_96xeh_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_96xeh_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_96xeh_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_96xeh_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_96xeh_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_96xeh_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._formItem_96xeh_29{display:flex;flex-direction:column;gap:4px;width:100%}._critical_96xeh_36{color:#991b1b}._message_96xeh_40{display:flex;flex-direction:row;align-items:center;gap:4px}._message_96xeh_40._error_96xeh_46{color:#991b1b}._label_96xeh_50{color:#373a42}._label_96xeh_50._disabled_96xeh_53{color:#868892}._label_96xeh_50._readOnly_96xeh_56{color:#6c6e78}._input_96xeh_60{outline:none;padding:12px 8px;background-color:#fff;border:1px solid #b9bcc5;border-radius:8px;transition:border .2s;color:#6c6e78}._input_96xeh_60:hover{background-color:#f1f3f6}._input_96xeh_60:focus{background-color:#fff;border:1px solid #6c6e78!important}._input_96xeh_60._disabled_96xeh_53{background-color:#dee1e7;border:1px solid #dee1e7!important;color:#868892}._input_96xeh_60._readOnly_96xeh_56{background-color:#dee1e7;border:1px solid #dee1e7!important;color:#6c6e78}._input_96xeh_60._error_96xeh_46{background-color:#fef2f2;border:1px solid #b91c1c!important;color:#6c6e78}select._input_96xeh_60{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;background-size:16px 16px;cursor:pointer}._shadow-0_z8qng_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_z8qng_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_z8qng_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_z8qng_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_z8qng_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_z8qng_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_z8qng_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._btn_z8qng_29{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;padding:0;margin:0;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._btn_z8qng_29._small_z8qng_42{padding:3px}._btn_z8qng_29._medium_z8qng_45{padding:7px}._btn_z8qng_29._large_z8qng_48{padding:11px}._btn_z8qng_29._default_z8qng_51{background-color:#fff;border:1px #dee1e7 solid;color:#373a42}._btn_z8qng_29._default_z8qng_51:hover{background-color:#e4e8ed}._btn_z8qng_29._default_z8qng_51:active,._btn_z8qng_29._default-selected_z8qng_62{background-color:#d2d5dc}._btn_z8qng_29._default_z8qng_51:disabled{background-color:#dee1e7;color:#868892}._btn_z8qng_29._primary_z8qng_69{background-color:#2563eb;color:#fff}._btn_z8qng_29._primary_z8qng_69:hover{background-color:#1d4ed8}._btn_z8qng_29._primary_z8qng_69:active{background-color:#1e40af}._btn_z8qng_29._primary-selected_z8qng_79{background-color:#1e3a8a}._btn_z8qng_29._primary_z8qng_69:disabled{background-color:#b9bcc5}._btn_z8qng_29._tertiary_z8qng_85{color:#373a42}._btn_z8qng_29._tertiary_z8qng_85:hover{background-color:#e4e8ed}._btn_z8qng_29._tertiary_z8qng_85:active,._btn_z8qng_29._tertiary-selected_z8qng_94{background-color:#d2d5dc}._btn_z8qng_29._tertiary_z8qng_85:disabled{color:#868892}._btn_z8qng_29._plain_z8qng_100{padding:0;margin:0;color:#1e40af}._btn_z8qng_29._plain_z8qng_100:hover{color:#1e3a8a}._btn_z8qng_29._plain_z8qng_100:active,._btn_z8qng_29._plain-selected_z8qng_111{color:#172554}._btn_z8qng_29._plain_z8qng_100:disabled{color:#868892}._shadow-0_1jmpu_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_1jmpu_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_1jmpu_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_1jmpu_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_1jmpu_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_1jmpu_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_1jmpu_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._modalLayout_1jmpu_29{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;background-color:#00000030;z-index:250}._modalContainer_1jmpu_40{background-color:#fff;border-radius:8px;max-width:524px;width:100%;overflow:hidden;display:flex;flex-direction:column;transform:translateY(0);transition:transform .3s ease}@media (max-width: 700px){._modalContainer_1jmpu_40{position:absolute;bottom:0;left:0;right:0;max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;transform:translateY(100%);animation:_slideUp_1jmpu_1 .3s ease forwards}}._modalContainer_1jmpu_40 ._header_1jmpu_64{padding:12px 16px;background-color:#f1f3f6;border-bottom:1px solid #dee1e7;display:flex;align-items:center;justify-content:space-between;gap:16px}._modalContainer_1jmpu_40 ._header_1jmpu_64 ._close_1jmpu_73{background-color:#fff;border:1px solid #dee1e7}@media (max-width: 700px){._modalContainer_1jmpu_40 ._header_1jmpu_64{padding:24px 16px;background-color:#fff}}._modalContainer_1jmpu_40 ._content_1jmpu_83{padding:12px}@media (max-width: 700px){._modalContainer_1jmpu_40 ._content_1jmpu_83{padding:16px}}._modalContainer_1jmpu_40 ._footer_1jmpu_91{padding:12px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:end}@media (max-width: 700px){._modalContainer_1jmpu_40 ._footer_1jmpu_91{flex-direction:column;justify-content:baseline}._modalContainer_1jmpu_40 ._footer_1jmpu_91 button{width:100%}}@keyframes _slideUp_1jmpu_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._shadow-0_1lrq1_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_1lrq1_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_1lrq1_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_1lrq1_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_1lrq1_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_1lrq1_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_1lrq1_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._pageHeader_1lrq1_29{width:100%;padding-bottom:24px}@media (max-width: 480px){._pageHeader_1lrq1_29{padding-bottom:16px}}._pageHeader_1lrq1_29 ._mg_1lrq1_38,._pageHeader_1lrq1_29 ._lg_1lrq1_39{display:none}@media (max-width: 480px){._pageHeader_1lrq1_29 ._mg_1lrq1_38{display:block}}@media (min-width: 480px){._pageHeader_1lrq1_29 ._lg_1lrq1_39{display:block}}._shadow-0_1g19z_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_1g19z_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_1g19z_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_1g19z_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_1g19z_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_1g19z_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_1g19z_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._container_1g19z_29{width:100%;display:flex;flex-direction:column;gap:4px}._container_1g19z_29 ._line_1g19z_35{width:100%;height:4px;border-radius:8px;background-color:#b9bcc5}._container_1g19z_29 ._line_1g19z_35 ._progress_1g19z_41{height:4px;border-radius:8px;background-color:#2563eb}._shadow-0_1gn8d_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_1gn8d_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_1gn8d_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_1gn8d_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_1gn8d_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_1gn8d_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_1gn8d_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._container_1gn8d_29{width:100%;padding-bottom:16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}._notMobile_1gn8d_38{display:block}@media (max-width: 480px){._notMobile_1gn8d_38{display:none}}._mobile_1gn8d_47{display:none}@media (max-width: 480px){._mobile_1gn8d_47{display:block}}._shadow-0_xnlee_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_xnlee_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_xnlee_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_xnlee_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_xnlee_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_xnlee_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_xnlee_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._topBar_xnlee_29{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;gap:24px;padding-bottom:52px;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}._topBar_xnlee_29::-webkit-scrollbar{display:none}._topBar_xnlee_29:after{content:"";position:absolute;z-index:2;left:0;bottom:43px;width:100%;height:1px;background-color:#dee1e7}@media (max-width: 700px){._topBar_xnlee_29:after{bottom:35px}}@media (max-width: 700px){._topBar_xnlee_29{gap:12px;padding-bottom:44px}}._topBar_xnlee_29 ._section_xnlee_66{position:relative;cursor:pointer;transition:color .3s ease-in-out;color:#6c6e78}@media (max-width: 480px){._topBar_xnlee_29 ._section_xnlee_66._scretched_xnlee_73{flex:1;text-align:center}}._topBar_xnlee_29 ._section_xnlee_66:after{content:"";position:absolute;bottom:-8px;left:50%;width:0;height:3px;border-top-right-radius:8px;border-top-left-radius:8px;background-color:#2563eb;transition:width .4s ease-in-out,left .4s ease-in-out,background-color .2s ease-in-out}._topBar_xnlee_29 ._section_xnlee_66._active_xnlee_90{color:#373a42}._topBar_xnlee_29 ._section_xnlee_66._active_xnlee_90:after{width:100%;left:0;background-color:#2563eb}._sm_xnlee_99,._md_xnlee_100,._lg_xnlee_101{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){._sm_xnlee_99{display:block}}@media (min-width: 480px){._md_xnlee_100{display:block}}
|
package/dist/tokens.d.ts
ADDED
|
@@ -0,0 +1,515 @@
|
|
|
1
|
+
export declare const tokens: {
|
|
2
|
+
readonly raw: {
|
|
3
|
+
readonly lg: "1200px";
|
|
4
|
+
readonly md: "1000px";
|
|
5
|
+
readonly sm: "700px";
|
|
6
|
+
readonly mobile: "480px";
|
|
7
|
+
readonly spacing: "4px";
|
|
8
|
+
readonly "space-0": "0 * $spacing";
|
|
9
|
+
readonly "space-025": "0.25 * $spacing";
|
|
10
|
+
readonly "space-050": "0.5 * $spacing";
|
|
11
|
+
readonly "space-100": "1 * $spacing";
|
|
12
|
+
readonly "space-150": "1.5 * $spacing";
|
|
13
|
+
readonly "space-200": "2 * $spacing";
|
|
14
|
+
readonly "space-300": "3 * $spacing";
|
|
15
|
+
readonly "space-350": "3.5 * $spacing";
|
|
16
|
+
readonly "space-400": "4 * $spacing";
|
|
17
|
+
readonly "space-500": "5 * $spacing";
|
|
18
|
+
readonly "space-550": "5.5 * $spacing";
|
|
19
|
+
readonly "space-600": "6 * $spacing";
|
|
20
|
+
readonly "space-750": "7.5 * $spacing";
|
|
21
|
+
readonly "space-800": "8 * $spacing";
|
|
22
|
+
readonly "space-1000": "10 * $spacing";
|
|
23
|
+
readonly "space-1100": "11 * $spacing";
|
|
24
|
+
readonly "space-1200": "12 * $spacing";
|
|
25
|
+
readonly "space-1300": "13 * $spacing";
|
|
26
|
+
readonly "space-1600": "16 * $spacing";
|
|
27
|
+
readonly "space-2000": "20 * $spacing";
|
|
28
|
+
readonly "space-2400": "24 * $spacing";
|
|
29
|
+
readonly "space-3200": "32 * $spacing";
|
|
30
|
+
readonly "shadow-0": "0 0 0 0 #00000000";
|
|
31
|
+
readonly "shadow-100": "0 1px 0 0 #1A1A1A12";
|
|
32
|
+
readonly "shadow-200": "0 3px 1px -1px #1A1A1A12";
|
|
33
|
+
readonly "shadow-300": "0 4px 6px -2px #1A1A1A33";
|
|
34
|
+
readonly "shadow-400": "0 8px 16 -4px #1A1A1A38";
|
|
35
|
+
readonly "shadow-500": "0 12px 20px -8px #1A1A1A3D";
|
|
36
|
+
readonly "shadow-600": "0 20px 20px -8px #1A1A1A47";
|
|
37
|
+
readonly "border-radius-0": "0 * $spacing";
|
|
38
|
+
readonly "border-radius-200": "2 * $spacing";
|
|
39
|
+
readonly "border-radius-full": "50%";
|
|
40
|
+
readonly "border-width-025": "0.25 * $spacing";
|
|
41
|
+
readonly "font-family-sans": "Inter";
|
|
42
|
+
readonly "font-weight-regular": "450";
|
|
43
|
+
readonly "font-weight-medium": "550";
|
|
44
|
+
readonly "font-weight-semibold": "650";
|
|
45
|
+
readonly "font-weight-bold": "700";
|
|
46
|
+
readonly "font-letter-spacing-denser": "-0.3px";
|
|
47
|
+
readonly "font-letter-spacing-dense": "-0.2px";
|
|
48
|
+
readonly "font-letter-spacing-normal": "0px";
|
|
49
|
+
readonly "font-size-300": "12px";
|
|
50
|
+
readonly "font-size-350": "14px";
|
|
51
|
+
readonly "font-size-400": "16px";
|
|
52
|
+
readonly "font-size-500": "20px";
|
|
53
|
+
readonly "font-size-600": "24px";
|
|
54
|
+
readonly "font-size-750": "30px";
|
|
55
|
+
readonly "font-line-height-400": "16px";
|
|
56
|
+
readonly "font-line-height-500": "20px";
|
|
57
|
+
readonly "font-line-height-600": "24px";
|
|
58
|
+
readonly "font-line-height-800": "32px";
|
|
59
|
+
readonly "font-line-height-1000": "40px";
|
|
60
|
+
readonly "color-neutral-00": "#ffffff";
|
|
61
|
+
readonly "color-neutral-50": "#f8f9fa";
|
|
62
|
+
readonly "color-neutral-100": "#f1f3f6";
|
|
63
|
+
readonly "color-neutral-150": "#ebeef2";
|
|
64
|
+
readonly "color-neutral-200": "#e4e8ed";
|
|
65
|
+
readonly "color-neutral-250": "#dee1e7";
|
|
66
|
+
readonly "color-neutral-300": "#d2d5dc";
|
|
67
|
+
readonly "color-neutral-350": "#c5c8d0";
|
|
68
|
+
readonly "color-neutral-400": "#b9bcc5";
|
|
69
|
+
readonly "color-neutral-450": "#acafb8";
|
|
70
|
+
readonly "color-neutral-500": "#9fa2ab";
|
|
71
|
+
readonly "color-neutral-550": "#92959e";
|
|
72
|
+
readonly "color-neutral-600": "#868892";
|
|
73
|
+
readonly "color-neutral-650": "#797b85";
|
|
74
|
+
readonly "color-neutral-700": "#6c6e78";
|
|
75
|
+
readonly "color-neutral-750": "#5f616b";
|
|
76
|
+
readonly "color-neutral-800": "#52545d";
|
|
77
|
+
readonly "color-neutral-850": "#444750";
|
|
78
|
+
readonly "color-neutral-900": "#373a42";
|
|
79
|
+
readonly "color-neutral-950": "#020817";
|
|
80
|
+
readonly "color-red-50": "#fef2f2";
|
|
81
|
+
readonly "color-red-100": "#fee2e2";
|
|
82
|
+
readonly "color-red-200": "#fecaca";
|
|
83
|
+
readonly "color-red-300": "#fca5a5";
|
|
84
|
+
readonly "color-red-400": "#f87171";
|
|
85
|
+
readonly "color-red-500": "#ef4444";
|
|
86
|
+
readonly "color-red-600": "#dc2626";
|
|
87
|
+
readonly "color-red-700": "#b91c1c";
|
|
88
|
+
readonly "color-red-800": "#991b1b";
|
|
89
|
+
readonly "color-red-900": "#7f1d1d";
|
|
90
|
+
readonly "color-red-950": "#450a0a";
|
|
91
|
+
readonly "color-amber-50": "#fffbeb";
|
|
92
|
+
readonly "color-amber-100": "#fef3c7";
|
|
93
|
+
readonly "color-amber-200": "#fde68a";
|
|
94
|
+
readonly "color-amber-300": "#fcd34d";
|
|
95
|
+
readonly "color-amber-400": "#fbbf24";
|
|
96
|
+
readonly "color-amber-500": "#f59e0b";
|
|
97
|
+
readonly "color-amber-600": "#d97706";
|
|
98
|
+
readonly "color-amber-700": "#b45309";
|
|
99
|
+
readonly "color-amber-800": "#92400e";
|
|
100
|
+
readonly "color-amber-900": "#78350f";
|
|
101
|
+
readonly "color-amber-950": "#451a03";
|
|
102
|
+
readonly "color-green-50": "#f0fdf4";
|
|
103
|
+
readonly "color-green-100": "#dcfce7";
|
|
104
|
+
readonly "color-green-200": "#bbf7d0";
|
|
105
|
+
readonly "color-green-300": "#86efac";
|
|
106
|
+
readonly "color-green-400": "#4ade80";
|
|
107
|
+
readonly "color-green-500": "#22c55e";
|
|
108
|
+
readonly "color-green-600": "#16a34a";
|
|
109
|
+
readonly "color-green-700": "#15803d";
|
|
110
|
+
readonly "color-green-800": "#166534";
|
|
111
|
+
readonly "color-green-900": "#14532d";
|
|
112
|
+
readonly "color-green-950": "#052e16";
|
|
113
|
+
readonly "color-blue-50": "#eff6ff";
|
|
114
|
+
readonly "color-blue-100": "#dbeafe";
|
|
115
|
+
readonly "color-blue-200": "#bfdbfe";
|
|
116
|
+
readonly "color-blue-300": "#93c5fd";
|
|
117
|
+
readonly "color-blue-400": "#60a5fa";
|
|
118
|
+
readonly "color-blue-500": "#3b82f6";
|
|
119
|
+
readonly "color-blue-600": "#2563eb";
|
|
120
|
+
readonly "color-blue-700": "#1d4ed8";
|
|
121
|
+
readonly "color-blue-800": "#1e40af";
|
|
122
|
+
readonly "color-blue-900": "#1e3a8a";
|
|
123
|
+
readonly "color-blue-950": "#172554";
|
|
124
|
+
readonly "color-violet-50": "#f5f3ff";
|
|
125
|
+
readonly "color-violet-100": "#ede9fe";
|
|
126
|
+
readonly "color-violet-200": "#ddd6fe";
|
|
127
|
+
readonly "color-violet-300": "#c4b5fd";
|
|
128
|
+
readonly "color-violet-400": "#a78bfa";
|
|
129
|
+
readonly "color-violet-500": "#8b5cf6";
|
|
130
|
+
readonly "color-violet-600": "#8b5cf6";
|
|
131
|
+
readonly "color-violet-700": "#8b5cf6";
|
|
132
|
+
readonly "color-violet-800": "#5b21b6";
|
|
133
|
+
readonly "color-violet-900": "#4c1d95";
|
|
134
|
+
readonly "color-violet-950": "#2e1065";
|
|
135
|
+
readonly "color-teal-50": "#f0fdfa";
|
|
136
|
+
readonly "color-teal-100": "#ccfbf1";
|
|
137
|
+
readonly "color-teal-200": "#99f6e4";
|
|
138
|
+
readonly "color-teal-300": "#5eead4";
|
|
139
|
+
readonly "color-teal-400": "#2dd4bf";
|
|
140
|
+
readonly "color-teal-500": "#14b8a6";
|
|
141
|
+
readonly "color-teal-600": "#0d9488";
|
|
142
|
+
readonly "color-teal-700": "#0f766e";
|
|
143
|
+
readonly "color-teal-800": "#115e59";
|
|
144
|
+
readonly "color-teal-900": "#115e59";
|
|
145
|
+
readonly "color-teal-950": "#042f2e";
|
|
146
|
+
readonly "color-fuchsia-50": "#fdf4ff";
|
|
147
|
+
readonly "color-fuchsia-100": "#fae8ff";
|
|
148
|
+
readonly "color-fuchsia-200": "#f5d0fe";
|
|
149
|
+
readonly "color-fuchsia-300": "#f0abfc";
|
|
150
|
+
readonly "color-fuchsia-400": "#e879f9";
|
|
151
|
+
readonly "color-fuchsia-500": "#d946ef";
|
|
152
|
+
readonly "color-fuchsia-600": "#c026d3";
|
|
153
|
+
readonly "color-fuchsia-700": "#c026d3";
|
|
154
|
+
readonly "color-fuchsia-800": "#86198f";
|
|
155
|
+
readonly "color-fuchsia-900": "#701a75";
|
|
156
|
+
readonly "color-fuchsia-950": "#4a044e";
|
|
157
|
+
readonly text: "$color-neutral-900";
|
|
158
|
+
readonly "text-secondary": "$color-neutral-700";
|
|
159
|
+
readonly "text-disabled": "$color-neutral-600";
|
|
160
|
+
readonly "text-on-fill-brand": "$color-neutral-00";
|
|
161
|
+
readonly "text-critical": "$color-red-800";
|
|
162
|
+
readonly "text-emphasis": "$color-blue-800";
|
|
163
|
+
readonly "text-emphasis-hover": "$color-blue-900";
|
|
164
|
+
readonly "text-emphasis-on-press": "$color-blue-950";
|
|
165
|
+
readonly "text-emphasis-selected": "$color-blue-950";
|
|
166
|
+
readonly link: "$color-blue-800";
|
|
167
|
+
readonly "link-hover": "$color-blue-900";
|
|
168
|
+
readonly "link-on-press": "$color-blue-950";
|
|
169
|
+
readonly bg: "$color-neutral-50";
|
|
170
|
+
readonly "bg-inverse": "$color-neutral-950";
|
|
171
|
+
readonly surface: "$color-neutral-00";
|
|
172
|
+
readonly "surface-hover": "$color-neutral-100";
|
|
173
|
+
readonly "surface-on-press": "$color-neutral-200";
|
|
174
|
+
readonly "surface-selected": "$color-neutral-200";
|
|
175
|
+
readonly "surface-secondary": "$color-neutral-100";
|
|
176
|
+
readonly "surface-secondary-hover": "$color-neutral-200";
|
|
177
|
+
readonly "surface-secondary-on-press": "$color-neutral-200";
|
|
178
|
+
readonly "surface-secondary-selected": "$color-neutral-300";
|
|
179
|
+
readonly fill: "$color-neutral-00";
|
|
180
|
+
readonly "fill-hover": "$color-neutral-200";
|
|
181
|
+
readonly "fill-on-press": "$color-neutral-300";
|
|
182
|
+
readonly "fill-selected": "$color-neutral-300";
|
|
183
|
+
readonly "fill-disabled": "$color-neutral-250";
|
|
184
|
+
readonly "fill-brand": "$color-blue-600";
|
|
185
|
+
readonly "fill-brand-hover": "$color-blue-700";
|
|
186
|
+
readonly "fill-brand-on-press": "$color-blue-800";
|
|
187
|
+
readonly "fill-brand-selected": "$color-blue-900";
|
|
188
|
+
readonly "fill-brand-disabled": "$color-neutral-400";
|
|
189
|
+
readonly "fill-critical": "$color-red-50";
|
|
190
|
+
readonly border: "$color-neutral-250";
|
|
191
|
+
readonly "border-active": "$color-neutral-700";
|
|
192
|
+
readonly "border-disabled": "$color-neutral-250";
|
|
193
|
+
readonly "border-critical": "$color-red-700";
|
|
194
|
+
readonly "border-input": "$color-neutral-400";
|
|
195
|
+
readonly "border-input-active": "$color-neutral-700";
|
|
196
|
+
readonly "border-input-disabled": "$color-neutral-250";
|
|
197
|
+
readonly icon: "$color-neutral-800";
|
|
198
|
+
readonly "icon-secondary": "$color-neutral-600";
|
|
199
|
+
readonly "icon-disabled": "$color-neutral-450";
|
|
200
|
+
readonly "icon-on-bg-fill-brand": "$color-blue-100";
|
|
201
|
+
readonly "icon-critical": "$color-red-800";
|
|
202
|
+
readonly "icon-emphasis": "$color-blue-800";
|
|
203
|
+
readonly "icon-emphasis-hover": "$color-blue-900";
|
|
204
|
+
readonly "icon-emphasis-on-press": "$color-blue-950";
|
|
205
|
+
readonly "icon-emphasis-selected": "$color-blue-950";
|
|
206
|
+
readonly "input-bg-surface": "$color-neutral-00";
|
|
207
|
+
readonly "input-bg-surface-hover": "$color-neutral-100";
|
|
208
|
+
readonly "input-bg-surface-active": "$color-neutral-00";
|
|
209
|
+
readonly "input-bg-surface-disabled": "$color-neutral-250";
|
|
210
|
+
readonly "nav-bg": "$color-neutral-150";
|
|
211
|
+
readonly "nav-bg-surface": "$color-neutral-150";
|
|
212
|
+
readonly "nav-bg-surface-hover": "$color-neutral-50";
|
|
213
|
+
readonly "nav-bg-surface-on-press": "$color-neutral-00";
|
|
214
|
+
readonly "nav-bg-surface-selected": "$color-neutral-00";
|
|
215
|
+
readonly "nav-bg-surface-selected-no-hover": "$color-neutral-200";
|
|
216
|
+
readonly backdrop: "#00000030";
|
|
217
|
+
readonly "button-group-gap": "$space-200";
|
|
218
|
+
readonly "card-padding": "$space-400";
|
|
219
|
+
readonly "card-padding-mobile": "$space-300";
|
|
220
|
+
readonly "card-gap": "$space-500";
|
|
221
|
+
readonly "card-gap-mobile": "$space-400";
|
|
222
|
+
readonly "icon-text-gap": "$space-200";
|
|
223
|
+
readonly white: "#ffffff";
|
|
224
|
+
readonly white_background: "#fefefe";
|
|
225
|
+
readonly white_blue: "#ebf6ff";
|
|
226
|
+
readonly white_silver: "#f4f4f4";
|
|
227
|
+
readonly black: "#000000";
|
|
228
|
+
readonly blue_text: "#2a2f48";
|
|
229
|
+
readonly blue_gray: "#6e738a";
|
|
230
|
+
readonly blue_silver: "#4d4d4d";
|
|
231
|
+
readonly blue_navy: "#4ba5ec";
|
|
232
|
+
readonly black_transparent: "rgba(0, 0, 0, 0.08)";
|
|
233
|
+
readonly light_gray: "#d8d7d7";
|
|
234
|
+
readonly light: "#eeeeee";
|
|
235
|
+
readonly light_filter: "rgba(255, 255, 255, 0.9)";
|
|
236
|
+
readonly shadow: "rgba(0, 0, 0, 0.23)";
|
|
237
|
+
readonly harmonies: "#b6d7ff";
|
|
238
|
+
readonly blue_royal: "#8dacfc";
|
|
239
|
+
readonly alice_blue: "#ecf5ff";
|
|
240
|
+
readonly black_medium: "#4a4c54";
|
|
241
|
+
readonly black_gray: "#666668";
|
|
242
|
+
readonly white_dark: "#f0f4ff";
|
|
243
|
+
readonly blue_very_light: "#e1e3f1";
|
|
244
|
+
readonly white_smoke: "#f3f2f2";
|
|
245
|
+
readonly black_ghost: "rgba(75, 75, 75, 0.9)";
|
|
246
|
+
readonly modal_background: "rgba(19, 20, 23, 0.5)";
|
|
247
|
+
readonly red: "#df5440";
|
|
248
|
+
readonly yellow: "#ffc100";
|
|
249
|
+
readonly "light-yellow": "#fff8e7";
|
|
250
|
+
readonly "darker-light-yellow": "#f5e6c7";
|
|
251
|
+
readonly green: "#00d742";
|
|
252
|
+
readonly green_gray: "#18bc46";
|
|
253
|
+
readonly blue_dark: "#233240";
|
|
254
|
+
readonly blue_dark_hover: "#0153b4";
|
|
255
|
+
readonly blue_tabs_hover: "#d8ecfb";
|
|
256
|
+
readonly secondary_dark: "#51606f";
|
|
257
|
+
readonly text_dark: "#06253c";
|
|
258
|
+
readonly blue_secondary: "#5ab2f9";
|
|
259
|
+
readonly "blue-background": "#e8f2ff";
|
|
260
|
+
readonly "blue-border": "#b9c8da";
|
|
261
|
+
readonly "blue-icon": "#4ba5ec";
|
|
262
|
+
readonly "blue-icon-light": "#61d9ff";
|
|
263
|
+
readonly "gray-info": "#8392a3";
|
|
264
|
+
readonly "gray-language-tab": "#d5e4f7";
|
|
265
|
+
readonly "blue-dark-tab": "#3a4857";
|
|
266
|
+
readonly black_light: "#06253c";
|
|
267
|
+
readonly input_focus: "#4ba5ec";
|
|
268
|
+
readonly blue_secondary_placholder: "#9eadbe";
|
|
269
|
+
readonly gray_placeholder: "#51606f";
|
|
270
|
+
readonly profile_complete_card_background: "#fcfcfc";
|
|
271
|
+
readonly gray_light: "#f5f5f5";
|
|
272
|
+
readonly "light-green": "#ecfdf3";
|
|
273
|
+
readonly "dark-green": "#12b76a";
|
|
274
|
+
readonly "light-blue": "#eff8ff";
|
|
275
|
+
readonly "light-gray": "#a0aec0";
|
|
276
|
+
readonly red_danger: "#eb5757";
|
|
277
|
+
readonly red_danger_bg: "#fffbfa";
|
|
278
|
+
readonly "light-red": "#fff1f3";
|
|
279
|
+
readonly "dark-red": "#c01048";
|
|
280
|
+
readonly "light-purple": "#eef4ff";
|
|
281
|
+
readonly "dark-purple": "#3538cd";
|
|
282
|
+
readonly "grey-bg": "#fafafa";
|
|
283
|
+
readonly "grey-text": "#718096";
|
|
284
|
+
readonly "grey-border": "#e2e8f0";
|
|
285
|
+
readonly blue_heading: "#08314c";
|
|
286
|
+
readonly "midnight-blue": "#003e64";
|
|
287
|
+
readonly dark_card_blue: "#d1e5fd";
|
|
288
|
+
readonly grey_text_lms: "#828282";
|
|
289
|
+
readonly grey_bg_lms: "#f0f0f0";
|
|
290
|
+
readonly grey_bg_lms_icon: "#f7fafc";
|
|
291
|
+
readonly grey_lms_header: "#ececec";
|
|
292
|
+
readonly green_correct: "#6fcf97";
|
|
293
|
+
readonly green_bg: "#f8fdfa";
|
|
294
|
+
readonly "blue-box": "#008fff";
|
|
295
|
+
readonly "purple-box": "#ae2db1";
|
|
296
|
+
readonly "blue-box-filler": "#cee5ff";
|
|
297
|
+
readonly grey_pdf: "#f2f2f0";
|
|
298
|
+
readonly pink: "#cebdff";
|
|
299
|
+
readonly grey_voice: "#e1e1e1";
|
|
300
|
+
readonly gray_border: "#eaecf0";
|
|
301
|
+
readonly dark_gray: "#475467";
|
|
302
|
+
readonly btn_gray: "#ced4da";
|
|
303
|
+
readonly blue_bg: "#e9f4fd";
|
|
304
|
+
readonly gray_progress: "#e0e0de";
|
|
305
|
+
readonly gray_button: "#ced4da";
|
|
306
|
+
readonly gray_bg_mobile: "#f9fafb";
|
|
307
|
+
readonly gray_divider: "#d0d5dd";
|
|
308
|
+
readonly blue_light: "#c6e1f6";
|
|
309
|
+
readonly gray_tabs: "#667085";
|
|
310
|
+
readonly gray_card: "#f3f5f6";
|
|
311
|
+
readonly dark_text: "#344054";
|
|
312
|
+
readonly mobile_bg: "#f0f0f0";
|
|
313
|
+
readonly gray_tabs_bg: "#dde1e5";
|
|
314
|
+
readonly gray_tabs_text: "#667a8b";
|
|
315
|
+
readonly gray_border_two: "#f1f1f1";
|
|
316
|
+
readonly red_line: "#e83354";
|
|
317
|
+
readonly "pearl-green": "#d8fe67";
|
|
318
|
+
readonly blue_linear: "#173c83";
|
|
319
|
+
readonly blue_gradient: "#0d2532";
|
|
320
|
+
readonly yellow_light: "#ffcb66";
|
|
321
|
+
readonly gray_proftest: "#eef0f2";
|
|
322
|
+
readonly gray_bars: "#e4e7ec";
|
|
323
|
+
readonly yellow_border: "#ffb552";
|
|
324
|
+
readonly yellow_background: "#f8e8c0";
|
|
325
|
+
readonly gray_not_activated: "#dadbdf";
|
|
326
|
+
readonly black_almost: "#0e1d2a";
|
|
327
|
+
readonly gray_price: "#f3f4f6";
|
|
328
|
+
readonly gray_admin: "#e9edf7";
|
|
329
|
+
readonly gray_admin_text: "#718096";
|
|
330
|
+
readonly gray_admin_light: "#f8fafd";
|
|
331
|
+
readonly gray_black_notif_text: "#1a202c";
|
|
332
|
+
readonly black_notif_text: "#151c22";
|
|
333
|
+
readonly gray_notif_date: "#737373";
|
|
334
|
+
readonly gray_feedback_question: "#8897a5";
|
|
335
|
+
readonly kaspi_red: "#f14634";
|
|
336
|
+
readonly halloween: "#ef8014";
|
|
337
|
+
readonly blue_support: "#007aff";
|
|
338
|
+
readonly blue_new: "#135ba3";
|
|
339
|
+
readonly blue_bg_dark: "#d0e4f7";
|
|
340
|
+
readonly blue_bg_light: "#e8f4ff";
|
|
341
|
+
readonly gray_new: "#f0f0f0";
|
|
342
|
+
readonly blue_new_gradient: "linear-gradient(94.4deg, #173c83 0%, #0d2532 100%)";
|
|
343
|
+
readonly orange_gradient: "linear-gradient(105.28deg, #ffcb0f 0%, #ff8a0d 100%)";
|
|
344
|
+
readonly yellow_gradient: "linear-gradient(105.28deg, #ffcb0f 0%, #ff9c32 100%)";
|
|
345
|
+
};
|
|
346
|
+
readonly spacing: {
|
|
347
|
+
readonly "space-0": "0 * $spacing";
|
|
348
|
+
readonly "space-025": "0.25 * $spacing";
|
|
349
|
+
readonly "space-050": "0.5 * $spacing";
|
|
350
|
+
readonly "space-100": "1 * $spacing";
|
|
351
|
+
readonly "space-150": "1.5 * $spacing";
|
|
352
|
+
readonly "space-200": "2 * $spacing";
|
|
353
|
+
readonly "space-300": "3 * $spacing";
|
|
354
|
+
readonly "space-350": "3.5 * $spacing";
|
|
355
|
+
readonly "space-400": "4 * $spacing";
|
|
356
|
+
readonly "space-500": "5 * $spacing";
|
|
357
|
+
readonly "space-550": "5.5 * $spacing";
|
|
358
|
+
readonly "space-600": "6 * $spacing";
|
|
359
|
+
readonly "space-750": "7.5 * $spacing";
|
|
360
|
+
readonly "space-800": "8 * $spacing";
|
|
361
|
+
readonly "space-1000": "10 * $spacing";
|
|
362
|
+
readonly "space-1100": "11 * $spacing";
|
|
363
|
+
readonly "space-1200": "12 * $spacing";
|
|
364
|
+
readonly "space-1300": "13 * $spacing";
|
|
365
|
+
readonly "space-1600": "16 * $spacing";
|
|
366
|
+
readonly "space-2000": "20 * $spacing";
|
|
367
|
+
readonly "space-2400": "24 * $spacing";
|
|
368
|
+
readonly "space-3200": "32 * $spacing";
|
|
369
|
+
};
|
|
370
|
+
readonly colors: {
|
|
371
|
+
readonly "color-neutral-00": "#ffffff";
|
|
372
|
+
readonly "color-neutral-50": "#f8f9fa";
|
|
373
|
+
readonly "color-neutral-100": "#f1f3f6";
|
|
374
|
+
readonly "color-neutral-150": "#ebeef2";
|
|
375
|
+
readonly "color-neutral-200": "#e4e8ed";
|
|
376
|
+
readonly "color-neutral-250": "#dee1e7";
|
|
377
|
+
readonly "color-neutral-300": "#d2d5dc";
|
|
378
|
+
readonly "color-neutral-350": "#c5c8d0";
|
|
379
|
+
readonly "color-neutral-400": "#b9bcc5";
|
|
380
|
+
readonly "color-neutral-450": "#acafb8";
|
|
381
|
+
readonly "color-neutral-500": "#9fa2ab";
|
|
382
|
+
readonly "color-neutral-550": "#92959e";
|
|
383
|
+
readonly "color-neutral-600": "#868892";
|
|
384
|
+
readonly "color-neutral-650": "#797b85";
|
|
385
|
+
readonly "color-neutral-700": "#6c6e78";
|
|
386
|
+
readonly "color-neutral-750": "#5f616b";
|
|
387
|
+
readonly "color-neutral-800": "#52545d";
|
|
388
|
+
readonly "color-neutral-850": "#444750";
|
|
389
|
+
readonly "color-neutral-900": "#373a42";
|
|
390
|
+
readonly "color-neutral-950": "#020817";
|
|
391
|
+
readonly "color-red-50": "#fef2f2";
|
|
392
|
+
readonly "color-red-100": "#fee2e2";
|
|
393
|
+
readonly "color-red-200": "#fecaca";
|
|
394
|
+
readonly "color-red-300": "#fca5a5";
|
|
395
|
+
readonly "color-red-400": "#f87171";
|
|
396
|
+
readonly "color-red-500": "#ef4444";
|
|
397
|
+
readonly "color-red-600": "#dc2626";
|
|
398
|
+
readonly "color-red-700": "#b91c1c";
|
|
399
|
+
readonly "color-red-800": "#991b1b";
|
|
400
|
+
readonly "color-red-900": "#7f1d1d";
|
|
401
|
+
readonly "color-red-950": "#450a0a";
|
|
402
|
+
readonly "color-amber-50": "#fffbeb";
|
|
403
|
+
readonly "color-amber-100": "#fef3c7";
|
|
404
|
+
readonly "color-amber-200": "#fde68a";
|
|
405
|
+
readonly "color-amber-300": "#fcd34d";
|
|
406
|
+
readonly "color-amber-400": "#fbbf24";
|
|
407
|
+
readonly "color-amber-500": "#f59e0b";
|
|
408
|
+
readonly "color-amber-600": "#d97706";
|
|
409
|
+
readonly "color-amber-700": "#b45309";
|
|
410
|
+
readonly "color-amber-800": "#92400e";
|
|
411
|
+
readonly "color-amber-900": "#78350f";
|
|
412
|
+
readonly "color-amber-950": "#451a03";
|
|
413
|
+
readonly "color-green-50": "#f0fdf4";
|
|
414
|
+
readonly "color-green-100": "#dcfce7";
|
|
415
|
+
readonly "color-green-200": "#bbf7d0";
|
|
416
|
+
readonly "color-green-300": "#86efac";
|
|
417
|
+
readonly "color-green-400": "#4ade80";
|
|
418
|
+
readonly "color-green-500": "#22c55e";
|
|
419
|
+
readonly "color-green-600": "#16a34a";
|
|
420
|
+
readonly "color-green-700": "#15803d";
|
|
421
|
+
readonly "color-green-800": "#166534";
|
|
422
|
+
readonly "color-green-900": "#14532d";
|
|
423
|
+
readonly "color-green-950": "#052e16";
|
|
424
|
+
readonly "color-blue-50": "#eff6ff";
|
|
425
|
+
readonly "color-blue-100": "#dbeafe";
|
|
426
|
+
readonly "color-blue-200": "#bfdbfe";
|
|
427
|
+
readonly "color-blue-300": "#93c5fd";
|
|
428
|
+
readonly "color-blue-400": "#60a5fa";
|
|
429
|
+
readonly "color-blue-500": "#3b82f6";
|
|
430
|
+
readonly "color-blue-600": "#2563eb";
|
|
431
|
+
readonly "color-blue-700": "#1d4ed8";
|
|
432
|
+
readonly "color-blue-800": "#1e40af";
|
|
433
|
+
readonly "color-blue-900": "#1e3a8a";
|
|
434
|
+
readonly "color-blue-950": "#172554";
|
|
435
|
+
readonly "color-violet-50": "#f5f3ff";
|
|
436
|
+
readonly "color-violet-100": "#ede9fe";
|
|
437
|
+
readonly "color-violet-200": "#ddd6fe";
|
|
438
|
+
readonly "color-violet-300": "#c4b5fd";
|
|
439
|
+
readonly "color-violet-400": "#a78bfa";
|
|
440
|
+
readonly "color-violet-500": "#8b5cf6";
|
|
441
|
+
readonly "color-violet-600": "#8b5cf6";
|
|
442
|
+
readonly "color-violet-700": "#8b5cf6";
|
|
443
|
+
readonly "color-violet-800": "#5b21b6";
|
|
444
|
+
readonly "color-violet-900": "#4c1d95";
|
|
445
|
+
readonly "color-violet-950": "#2e1065";
|
|
446
|
+
readonly "color-teal-50": "#f0fdfa";
|
|
447
|
+
readonly "color-teal-100": "#ccfbf1";
|
|
448
|
+
readonly "color-teal-200": "#99f6e4";
|
|
449
|
+
readonly "color-teal-300": "#5eead4";
|
|
450
|
+
readonly "color-teal-400": "#2dd4bf";
|
|
451
|
+
readonly "color-teal-500": "#14b8a6";
|
|
452
|
+
readonly "color-teal-600": "#0d9488";
|
|
453
|
+
readonly "color-teal-700": "#0f766e";
|
|
454
|
+
readonly "color-teal-800": "#115e59";
|
|
455
|
+
readonly "color-teal-900": "#115e59";
|
|
456
|
+
readonly "color-teal-950": "#042f2e";
|
|
457
|
+
readonly "color-fuchsia-50": "#fdf4ff";
|
|
458
|
+
readonly "color-fuchsia-100": "#fae8ff";
|
|
459
|
+
readonly "color-fuchsia-200": "#f5d0fe";
|
|
460
|
+
readonly "color-fuchsia-300": "#f0abfc";
|
|
461
|
+
readonly "color-fuchsia-400": "#e879f9";
|
|
462
|
+
readonly "color-fuchsia-500": "#d946ef";
|
|
463
|
+
readonly "color-fuchsia-600": "#c026d3";
|
|
464
|
+
readonly "color-fuchsia-700": "#c026d3";
|
|
465
|
+
readonly "color-fuchsia-800": "#86198f";
|
|
466
|
+
readonly "color-fuchsia-900": "#701a75";
|
|
467
|
+
readonly "color-fuchsia-950": "#4a044e";
|
|
468
|
+
};
|
|
469
|
+
readonly breakpoints: {
|
|
470
|
+
readonly lg: "1200px";
|
|
471
|
+
readonly md: "1000px";
|
|
472
|
+
readonly sm: "700px";
|
|
473
|
+
readonly mobile: "480px";
|
|
474
|
+
};
|
|
475
|
+
readonly shadows: {
|
|
476
|
+
readonly "shadow-0": "0 0 0 0 #00000000";
|
|
477
|
+
readonly "shadow-100": "0 1px 0 0 #1A1A1A12";
|
|
478
|
+
readonly "shadow-200": "0 3px 1px -1px #1A1A1A12";
|
|
479
|
+
readonly "shadow-300": "0 4px 6px -2px #1A1A1A33";
|
|
480
|
+
readonly "shadow-400": "0 8px 16 -4px #1A1A1A38";
|
|
481
|
+
readonly "shadow-500": "0 12px 20px -8px #1A1A1A3D";
|
|
482
|
+
readonly "shadow-600": "0 20px 20px -8px #1A1A1A47";
|
|
483
|
+
};
|
|
484
|
+
readonly typography: {
|
|
485
|
+
readonly "font-family-sans": "Inter";
|
|
486
|
+
readonly "font-weight-regular": "450";
|
|
487
|
+
readonly "font-weight-medium": "550";
|
|
488
|
+
readonly "font-weight-semibold": "650";
|
|
489
|
+
readonly "font-weight-bold": "700";
|
|
490
|
+
readonly "font-letter-spacing-denser": "-0.3px";
|
|
491
|
+
readonly "font-letter-spacing-dense": "-0.2px";
|
|
492
|
+
readonly "font-letter-spacing-normal": "0px";
|
|
493
|
+
readonly "font-size-300": "12px";
|
|
494
|
+
readonly "font-size-350": "14px";
|
|
495
|
+
readonly "font-size-400": "16px";
|
|
496
|
+
readonly "font-size-500": "20px";
|
|
497
|
+
readonly "font-size-600": "24px";
|
|
498
|
+
readonly "font-size-750": "30px";
|
|
499
|
+
readonly "font-line-height-400": "16px";
|
|
500
|
+
readonly "font-line-height-500": "20px";
|
|
501
|
+
readonly "font-line-height-600": "24px";
|
|
502
|
+
readonly "font-line-height-800": "32px";
|
|
503
|
+
readonly "font-line-height-1000": "40px";
|
|
504
|
+
readonly text: "$color-neutral-900";
|
|
505
|
+
readonly "text-secondary": "$color-neutral-700";
|
|
506
|
+
readonly "text-disabled": "$color-neutral-600";
|
|
507
|
+
readonly "text-on-fill-brand": "$color-neutral-00";
|
|
508
|
+
readonly "text-critical": "$color-red-800";
|
|
509
|
+
readonly "text-emphasis": "$color-blue-800";
|
|
510
|
+
readonly "text-emphasis-hover": "$color-blue-900";
|
|
511
|
+
readonly "text-emphasis-on-press": "$color-blue-950";
|
|
512
|
+
readonly "text-emphasis-selected": "$color-blue-950";
|
|
513
|
+
readonly text_dark: "#06253c";
|
|
514
|
+
};
|
|
515
|
+
};
|
package/dist/vite.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|