@salutejs/sdds-sbcom 0.353.0-next-platform-ai.0 → 0.353.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/css/cjs/components/Combobox/Combobox.config.js +12 -6
- package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
- package/dist/css/cjs/components/Combobox/{Combobox.config_195tsva.css → Combobox.config_1xnqelp.css} +8 -5
- package/dist/css/cjs/components/Combobox/Combobox.css +17 -14
- package/dist/css/cjs/components/LinkButton/LinkButton.config.js +10 -9
- package/dist/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
- package/dist/css/{es/components/LinkButton/LinkButton.config_12yu4kj.css → cjs/components/LinkButton/LinkButton.config_8ykw2o.css} +8 -7
- package/dist/css/cjs/components/LinkButton/LinkButton.css +14 -13
- package/dist/css/cjs/components/Note/Note.config.js +25 -3
- package/dist/css/cjs/components/Note/Note.config.js.map +1 -1
- package/dist/css/cjs/components/Note/Note.config_320cxl.css +15 -0
- package/dist/css/cjs/components/Note/Note.css +15 -9
- package/dist/css/cjs/components/Slider/Slider.config.js +9 -3
- package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
- package/dist/css/{es/components/Slider/Slider.config_3tslk9.css → cjs/components/Slider/Slider.config_wh7f2b.css} +7 -4
- package/dist/css/cjs/components/Slider/Slider.css +10 -7
- package/dist/css/cjs/components/Steps/StepItem.config.js +22 -0
- package/dist/css/cjs/components/Steps/StepItem.config.js.map +1 -0
- package/dist/css/cjs/components/Steps/StepItem.config_qzqyof.css +5 -0
- package/dist/css/cjs/components/Steps/Steps.config.js +1 -1
- package/dist/css/cjs/components/Steps/Steps.config.js.map +1 -1
- package/dist/css/cjs/components/Steps/{Steps.config_15xn066.css → Steps.config_1abiw4e.css} +4 -4
- package/dist/css/cjs/components/Steps/Steps.css +20 -14
- package/dist/css/cjs/components/Steps/Steps.js +5 -1
- package/dist/css/cjs/components/Steps/Steps.js.map +1 -1
- package/dist/css/cjs/index.css +77 -58
- package/dist/css/cjs/index.js +21 -21
- package/dist/css/es/components/Combobox/Combobox.config.js +12 -6
- package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
- package/dist/css/es/components/Combobox/{Combobox.config_195tsva.css → Combobox.config_1xnqelp.css} +8 -5
- package/dist/css/es/components/Combobox/Combobox.css +17 -14
- package/dist/css/es/components/LinkButton/LinkButton.config.js +10 -9
- package/dist/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
- package/dist/css/{cjs/components/LinkButton/LinkButton.config_12yu4kj.css → es/components/LinkButton/LinkButton.config_8ykw2o.css} +8 -7
- package/dist/css/es/components/LinkButton/LinkButton.css +14 -13
- package/dist/css/es/components/Note/Note.config.js +25 -3
- package/dist/css/es/components/Note/Note.config.js.map +1 -1
- package/dist/css/es/components/Note/Note.config_320cxl.css +15 -0
- package/dist/css/es/components/Note/Note.css +15 -9
- package/dist/css/es/components/Segment/Segment.js +5 -5
- package/dist/css/es/components/Segment/Segment.js.map +1 -1
- package/dist/css/es/components/Slider/Slider.config.js +9 -3
- package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
- package/dist/css/{cjs/components/Slider/Slider.config_3tslk9.css → es/components/Slider/Slider.config_wh7f2b.css} +7 -4
- package/dist/css/es/components/Slider/Slider.css +10 -7
- package/dist/css/es/components/Steps/StepItem.config.js +18 -0
- package/dist/css/es/components/Steps/StepItem.config.js.map +1 -0
- package/dist/css/es/components/Steps/StepItem.config_qzqyof.css +5 -0
- package/dist/css/es/components/Steps/Steps.config.js +1 -1
- package/dist/css/es/components/Steps/Steps.config.js.map +1 -1
- package/dist/css/es/components/Steps/{Steps.config_15xn066.css → Steps.config_1abiw4e.css} +4 -4
- package/dist/css/es/components/Steps/Steps.css +20 -14
- package/dist/css/es/components/Steps/Steps.js +5 -1
- package/dist/css/es/components/Steps/Steps.js.map +1 -1
- package/dist/css/es/components/Tabs/TabItem.js +9 -9
- package/dist/css/es/components/Tabs/TabItem.js.map +1 -1
- package/dist/css/es/components/Toast/Toast.js +1 -1
- package/dist/css/es/index.css +77 -58
- package/dist/css/es/index.js +4 -4
- package/package.json +7 -7
- package/types/components/Accordion/Accordion.d.ts +1 -1
- package/types/components/Autocomplete/Autocomplete.d.ts +8 -8
- package/types/components/Calendar/Calendar.d.ts +2 -2
- package/types/components/Cell/Cell.d.ts +3 -3
- package/types/components/Combobox/Combobox.config.d.ts +6 -0
- package/types/components/Combobox/Combobox.d.ts +13 -0
- package/types/components/DatePicker/DatePicker.d.ts +8 -8
- package/types/components/LinkButton/LinkButton.config.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.d.ts +1 -0
- package/types/components/Note/Note.config.d.ts +10 -0
- package/types/components/Note/Note.d.ts +6 -0
- package/types/components/Slider/Slider.config.d.ts +6 -0
- package/types/components/Slider/Slider.d.ts +9 -2
- package/types/components/Steps/StepItem.config.d.ts +14 -0
- package/types/components/TimePicker/TimePicker.d.ts +6 -2
- package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
- package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
- package/dist/css/cjs/components/Note/Note.config_1hsm0z2.css +0 -9
- package/dist/css/es/components/Note/Note.config_1hsm0z2.css +0 -9
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
.dlpid31{--plasma-note-background:var(--surface-transparent-secondary,#FFFFFF29);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-primary,#FFFFFFFC);}
|
|
2
|
+
.pj3b0d5{--plasma-note-background:var(--surface-transparent-positive);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-positive,#50A84C);}
|
|
3
|
+
.w73g2ww{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-warning,#DA6828);}
|
|
4
|
+
.n1m8g88j{--plasma-note-background:var(--surface-transparent-negative,#F8A6A980);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-negative,#F57E83);}
|
|
5
|
+
.ifuz2qv{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-info,#70B2F5);}
|
|
6
|
+
.ly7aunu{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-padding-with-action-content:0.4375rem;--plasma-note-close-icon-top:1rem;--plasma-note-close-icon-right:1rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0rem;--plasma-note-title-font-family:var(--plasma-typo-h2-font-family);--plasma-note-title-font-size:var(--plasma-typo-h2-font-size);--plasma-note-title-font-style:var(--plasma-typo-h2-font-style);--plasma-note-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-h2-line-height);--plasma-note-title-padding-right:1.875rem;--plasma-note-text-font-family:var(--plasma-typo-h2-font-family);--plasma-note-text-font-size:var(--plasma-typo-h2-font-size);--plasma-note-text-font-style:var(--plasma-typo-h2-font-style);--plasma-note-text-font-weight:var(--plasma-typo-h2-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-h2-line-height);}
|
|
7
|
+
.m1sat9qb{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-padding-with-action-content:0.5rem;--plasma-note-close-icon-top:0.75rem;--plasma-note-close-icon-right:0.75rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.625rem;--plasma-note-fixed-content-before-padding:0rem;--plasma-note-title-font-family:var(--plasma-typo-h4-font-family);--plasma-note-title-font-size:var(--plasma-typo-h4-font-size);--plasma-note-title-font-style:var(--plasma-typo-h4-font-style);--plasma-note-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-h4-line-height);--plasma-note-title-padding-right:1.75rem;--plasma-note-text-font-family:var(--plasma-typo-h4-font-family);--plasma-note-text-font-size:var(--plasma-typo-h4-font-size);--plasma-note-text-font-style:var(--plasma-typo-h4-font-style);--plasma-note-text-font-weight:var(--plasma-typo-h4-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-h4-line-height);}
|
|
8
|
+
.s1gn2ksf{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-padding-with-action-content:0.3125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0rem;--plasma-note-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-note-title-padding-right:1.625rem;--plasma-note-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-body-s-line-height);}
|
|
9
|
+
.xqm7lmj{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-padding-with-action-content:0.1875rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1rem;--plasma-note-close-icon-button-size:1rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0rem;--plasma-note-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-note-title-padding-right:1.5rem;--plasma-note-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
.srb321a{--plasma-note-action-content-margin:-0.5rem 0rem 0rem 1rem;--plasma-note-close-icon-margin:0.4375rem 0rem 0rem 1.25rem;}
|
|
13
|
+
.sdie5cq{--plasma-note-action-content-margin:-0.6875rem 0rem 0rem 1rem;--plasma-note-close-icon-margin:0.0625rem 0rem 0rem 1.25rem;}
|
|
14
|
+
.s1rmkvsp{--plasma-note-action-content-margin:-0.625rem 0rem 0rem 0.75rem;--plasma-note-close-icon-margin:-0.125rem 0rem 0rem 0.875rem;}
|
|
15
|
+
.st5tthe{--plasma-note-action-content-margin:-0.5rem 0rem 0rem 0.75rem;--plasma-note-close-icon-margin:-0.0625rem 0rem 0rem 0.875rem;}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
1
|
+
.Note_config_320cxl_dlpid31__09c430bd{--plasma-note-background:var(--surface-transparent-secondary,#FFFFFF29);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-primary,#FFFFFFFC);}
|
|
2
|
+
.Note_config_320cxl_pj3b0d5__09c430bd{--plasma-note-background:var(--surface-transparent-positive);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-positive,#50A84C);}
|
|
3
|
+
.Note_config_320cxl_w73g2ww__09c430bd{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-warning,#DA6828);}
|
|
4
|
+
.Note_config_320cxl_n1m8g88j__09c430bd{--plasma-note-background:var(--surface-transparent-negative,#F8A6A980);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-negative,#F57E83);}
|
|
5
|
+
.Note_config_320cxl_ifuz2qv__09c430bd{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-info,#70B2F5);}
|
|
6
|
+
.Note_config_320cxl_ly7aunu__09c430bd{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-padding-with-action-content:0.4375rem;--plasma-note-close-icon-top:1rem;--plasma-note-close-icon-right:1rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0rem;--plasma-note-title-font-family:var(--plasma-typo-h2-font-family);--plasma-note-title-font-size:var(--plasma-typo-h2-font-size);--plasma-note-title-font-style:var(--plasma-typo-h2-font-style);--plasma-note-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-h2-line-height);--plasma-note-title-padding-right:1.875rem;--plasma-note-text-font-family:var(--plasma-typo-h2-font-family);--plasma-note-text-font-size:var(--plasma-typo-h2-font-size);--plasma-note-text-font-style:var(--plasma-typo-h2-font-style);--plasma-note-text-font-weight:var(--plasma-typo-h2-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-h2-line-height);}
|
|
7
|
+
.Note_config_320cxl_m1sat9qb__09c430bd{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-padding-with-action-content:0.5rem;--plasma-note-close-icon-top:0.75rem;--plasma-note-close-icon-right:0.75rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.625rem;--plasma-note-fixed-content-before-padding:0rem;--plasma-note-title-font-family:var(--plasma-typo-h4-font-family);--plasma-note-title-font-size:var(--plasma-typo-h4-font-size);--plasma-note-title-font-style:var(--plasma-typo-h4-font-style);--plasma-note-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-h4-line-height);--plasma-note-title-padding-right:1.75rem;--plasma-note-text-font-family:var(--plasma-typo-h4-font-family);--plasma-note-text-font-size:var(--plasma-typo-h4-font-size);--plasma-note-text-font-style:var(--plasma-typo-h4-font-style);--plasma-note-text-font-weight:var(--plasma-typo-h4-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-h4-line-height);}
|
|
8
|
+
.Note_config_320cxl_s1gn2ksf__09c430bd{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-padding-with-action-content:0.3125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0rem;--plasma-note-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-note-title-padding-right:1.625rem;--plasma-note-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-body-s-line-height);}
|
|
9
|
+
.Note_config_320cxl_xqm7lmj__09c430bd{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-padding-with-action-content:0.1875rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1rem;--plasma-note-close-icon-button-size:1rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0rem;--plasma-note-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-note-title-padding-right:1.5rem;--plasma-note-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
.Note_config_320cxl_srb321a__09c430bd{--plasma-note-action-content-margin:-0.5rem 0rem 0rem 1rem;--plasma-note-close-icon-margin:0.4375rem 0rem 0rem 1.25rem;}
|
|
13
|
+
.Note_config_320cxl_sdie5cq__09c430bd{--plasma-note-action-content-margin:-0.6875rem 0rem 0rem 1rem;--plasma-note-close-icon-margin:0.0625rem 0rem 0rem 1.25rem;}
|
|
14
|
+
.Note_config_320cxl_s1rmkvsp__09c430bd{--plasma-note-action-content-margin:-0.625rem 0rem 0rem 0.75rem;--plasma-note-close-icon-margin:-0.125rem 0rem 0rem 0.875rem;}
|
|
15
|
+
.Note_config_320cxl_st5tthe__09c430bd{--plasma-note-action-content-margin:-0.5rem 0rem 0rem 0.75rem;--plasma-note-close-icon-margin:-0.0625rem 0rem 0rem 0.875rem;}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Slider.
|
|
1
|
+
require('./Slider.config_wh7f2b.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -10,7 +10,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
10
10
|
var config = {
|
|
11
11
|
defaults: {
|
|
12
12
|
view: 'default',
|
|
13
|
-
size: 'm'
|
|
13
|
+
size: 'm',
|
|
14
|
+
pointerSize: 'small'
|
|
14
15
|
},
|
|
15
16
|
variations: {
|
|
16
17
|
view: {
|
|
@@ -23,8 +24,13 @@ var config = {
|
|
|
23
24
|
m: "mog9szd",
|
|
24
25
|
s: "shhrpp3"
|
|
25
26
|
},
|
|
27
|
+
pointerSize: {
|
|
28
|
+
small: "sugcj18",
|
|
29
|
+
large: "lttsb93",
|
|
30
|
+
none: "ne87g56"
|
|
31
|
+
},
|
|
26
32
|
disabled: {
|
|
27
|
-
"true": "
|
|
33
|
+
"true": "tk9zm35"
|
|
28
34
|
}
|
|
29
35
|
}
|
|
30
36
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.config.js","sources":["../../../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n onLightSurfaceSolidCard,\n surfaceAccent,\n surfaceAccentGradient,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentPrimary,\n surfaceTransparentPrimaryHover,\n surfaceTransparentSecondary,\n textAccent,\n textPrimary,\n textSecondary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs\n */\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${sliderTokens.labelColor}: ${textPrimary};\n\n ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n ${sliderTokens.thumbBorderColor}: ${surfaceSolidTertiary};\n ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n ${sliderTokens.thumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n ${sliderTokens.fillColor}: ${surfaceSolidDefault};\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-solid-default);\n\n ${sliderTokens.textFieldCaretColor}: ${textAccent};\n ${sliderTokens.textFieldColor}: ${textPrimary};\n ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n `,\n accent: css`\n ${sliderTokens.labelColor}: ${textPrimary};\n\n ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n ${sliderTokens.thumbBorderColor}: ${surfaceSolidTertiary};\n ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n ${sliderTokens.thumbFocusBorderColor}: ${surfaceAccent};\n\n ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n ${sliderTokens.fillColor}: ${surfaceAccent};\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-solid-accent);\n\n ${sliderTokens.textFieldCaretColor}: ${textAccent};\n ${sliderTokens.textFieldColor}: ${textPrimary};\n ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n `,\n gradient: css`\n ${sliderTokens.labelColor}: ${textPrimary};\n\n ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n ${sliderTokens.thumbBorderColor}: ${surfaceSolidTertiary};\n ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n ${sliderTokens.thumbFocusBorderColor}: ${surfaceAccentGradient};\n\n ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n ${sliderTokens.fillColor}: ${surfaceAccentGradient};\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.textFieldCaretColor}: ${textAccent};\n ${sliderTokens.textFieldColor}: ${textPrimary};\n ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n `,\n },\n size: {\n l: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyL.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyL.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyL.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyL.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n ${sliderTokens.valueFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.valueFontSize}: ${bodyM.fontSize};\n ${sliderTokens.valueFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.valueFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.valueLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.valueLineHeight}: ${bodyM.lineHeight};\n\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbSizeLarge}: 1.25rem;\n ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n ${sliderTokens.tickSize}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3.5rem;\n ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyL.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyL.lineHeight};\n `,\n m: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyM.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n ${sliderTokens.valueFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.valueFontSize}: ${bodyS.fontSize};\n ${sliderTokens.valueFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.valueFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.valueLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.valueLineHeight}: ${bodyS.lineHeight};\n\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbSizeLarge}: 1.25rem;\n ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n ${sliderTokens.tickSize}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3rem;\n ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyM.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyM.lineHeight};\n `,\n s: css`\n ${sliderTokens.size}: 1rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyS.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbSizeLarge}: 1.25rem;\n ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n ${sliderTokens.tickSize}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 2.5rem;\n ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyS.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyS.lineHeight};\n `,\n },\n disabled: {\n true: css`\n ${sliderTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","gradient","l","m","s","disabled","true"],"mappings":";;;;AAkBA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAwBN;AACDC,MAAAA,MAAM,EAAA,QAwBL;AACDC,MAAAA,QAAQ,EAAA;KAyBX;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,SAoDA;AACDC,MAAAA,CAAC,EAAA,SAoDA;AACDC,MAAAA,CAAC,EAAA;KA2DJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Slider.config.js","sources":["../../../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n onLightSurfaceSolidCard,\n surfaceAccent,\n surfaceAccentGradient,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentPrimary,\n surfaceTransparentPrimaryHover,\n surfaceTransparentSecondary,\n textAccent,\n textPrimary,\n textSecondary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs\n */\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n pointerSize: 'small',\n },\n variations: {\n view: {\n default: css`\n ${sliderTokens.labelColor}: ${textPrimary};\n\n ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n ${sliderTokens.thumbBorderColor}: ${surfaceSolidTertiary};\n ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n ${sliderTokens.thumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n ${sliderTokens.fillColor}: ${surfaceSolidDefault};\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-solid-default);\n\n ${sliderTokens.textFieldCaretColor}: ${textAccent};\n ${sliderTokens.textFieldColor}: ${textPrimary};\n ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n `,\n accent: css`\n ${sliderTokens.labelColor}: ${textPrimary};\n\n ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n ${sliderTokens.thumbBorderColor}: ${surfaceSolidTertiary};\n ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n ${sliderTokens.thumbFocusBorderColor}: ${surfaceAccent};\n\n ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n ${sliderTokens.fillColor}: ${surfaceAccent};\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-solid-accent);\n\n ${sliderTokens.textFieldCaretColor}: ${textAccent};\n ${sliderTokens.textFieldColor}: ${textPrimary};\n ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n `,\n gradient: css`\n ${sliderTokens.labelColor}: ${textPrimary};\n\n ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n ${sliderTokens.thumbBorderColor}: ${surfaceSolidTertiary};\n ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n ${sliderTokens.thumbFocusBorderColor}: ${surfaceAccentGradient};\n\n ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n ${sliderTokens.fillColor}: ${surfaceAccentGradient};\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.textFieldCaretColor}: ${textAccent};\n ${sliderTokens.textFieldColor}: ${textPrimary};\n ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n `,\n },\n size: {\n l: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyL.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyL.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyL.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyL.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n ${sliderTokens.valueFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.valueFontSize}: ${bodyM.fontSize};\n ${sliderTokens.valueFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.valueFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.valueLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.valueLineHeight}: ${bodyM.lineHeight};\n\n ${sliderTokens.tickSize}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3.5rem;\n ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyL.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyL.lineHeight};\n `,\n m: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyM.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n ${sliderTokens.valueFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.valueFontSize}: ${bodyS.fontSize};\n ${sliderTokens.valueFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.valueFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.valueLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.valueLineHeight}: ${bodyS.lineHeight};\n\n ${sliderTokens.tickSize}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3rem;\n ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyM.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyM.lineHeight};\n `,\n s: css`\n ${sliderTokens.size}: 1rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n ${sliderTokens.labelFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.labelFontSize}: ${bodyS.fontSize};\n ${sliderTokens.labelFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.labelFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${sliderTokens.tickSize}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 2.5rem;\n ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n ${sliderTokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${sliderTokens.textFieldFontSize}: ${bodyS.fontSize};\n ${sliderTokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${sliderTokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${sliderTokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${sliderTokens.textFieldLineHeight}: ${bodyS.lineHeight};\n `,\n },\n pointerSize: {\n small: css`\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbBorderStyle}: solid;\n ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n `,\n large: css`\n ${sliderTokens.thumbSize}: 1.25rem;\n ${sliderTokens.thumbBorderStyle}: solid;\n ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n `,\n none: css`\n ${sliderTokens.thumbSize}: 0rem;\n `,\n },\n disabled: {\n true: css`\n ${sliderTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","pointerSize","variations","default","accent","gradient","l","m","s","small","large","none","disabled","true"],"mappings":";;;;AAkBA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE;GAChB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,SAwBN;AACDC,MAAAA,MAAM,EAAA,QAwBL;AACDC,MAAAA,QAAQ,EAAA;KAyBX;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,SAgDA;AACDC,MAAAA,CAAC,EAAA,SAgDA;AACDC,MAAAA,CAAC,EAAA;KAuDJ;AACDP,IAAAA,WAAW,EAAE;AACTQ,MAAAA,KAAK,EAAA,SAIJ;AACDC,MAAAA,KAAK,EAAA,SAIJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
.d6l4g7t{--plasma-slider-label-color:var(--text-primary,#FFFFFFFC);--plasma-slider-range-value-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary,#474747);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card,#FFFFFF);--plasma-slider-thumb-focus-border-color:var(--surface-solid-default,#F6F2F0);--plasma-slider-rail-background-color:var(--surface-solid-tertiary,#474747);--plasma-slider-fill-color:var(--surface-solid-default,#F6F2F0);--plasma-slider-tick-dot-color:var(--surface-solid-tertiary);--plasma-slider-tick-dot-filled-color:var(--surface-solid-default);--plasma-slider-text-field-caret-color:var(--text-accent,#61C8B0);--plasma-slider-text-field-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-focus-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-placeholder-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-text-field-background-color:var(--surface-transparent-primary,#FFFFFF14);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover,#FFFFFF24);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary,#FFFFFF29);}
|
|
2
2
|
.arixt6{--plasma-slider-label-color:var(--text-primary,#FFFFFFFC);--plasma-slider-range-value-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary,#474747);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card,#FFFFFF);--plasma-slider-thumb-focus-border-color:var(--surface-accent,#0BA686);--plasma-slider-rail-background-color:var(--surface-solid-tertiary,#474747);--plasma-slider-fill-color:var(--surface-accent,#0BA686);--plasma-slider-tick-dot-color:var(--surface-solid-tertiary);--plasma-slider-tick-dot-filled-color:var(--surface-solid-accent);--plasma-slider-text-field-caret-color:var(--text-accent,#61C8B0);--plasma-slider-text-field-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-focus-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-placeholder-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-text-field-background-color:var(--surface-transparent-primary,#FFFFFF14);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover,#FFFFFF24);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary,#FFFFFF29);}
|
|
3
3
|
.g15uwhki{--plasma-slider-label-color:var(--text-primary,#FFFFFFFC);--plasma-slider-range-value-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary,#474747);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card,#FFFFFF);--plasma-slider-thumb-focus-border-color:var(--surface-accent-gradient,linear-gradient(180.00deg,rgb(129,211,192) 0.0%,rgb(29,145,88) 100.0%));--plasma-slider-rail-background-color:var(--surface-solid-tertiary,#474747);--plasma-slider-fill-color:var(--surface-accent-gradient,linear-gradient(180.00deg,rgb(129,211,192) 0.0%,rgb(29,145,88) 100.0%));--plasma-slider-tick-dot-color:var(--surface-solid-tertiary);--plasma-slider-tick-dot-filled-color:var(--surface-accent-gradient);--plasma-slider-text-field-caret-color:var(--text-accent,#61C8B0);--plasma-slider-text-field-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-focus-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-placeholder-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-text-field-background-color:var(--surface-transparent-primary,#FFFFFF14);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover,#FFFFFF24);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary,#FFFFFF29);}
|
|
4
|
-
.llm3h8c{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:1rem;--plasma-slider-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.875rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.75rem;--plasma-slider-value-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-
|
|
5
|
-
.mog9szd{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.75rem;--plasma-slider-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.75rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.625rem;--plasma-slider-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-
|
|
6
|
-
.shhrpp3{--plasma-slider-size:1rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.625rem;--plasma-slider-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-range-value-horizontal-margin:0.5rem;--plasma-slider-range-value-bottom-offset:0.625rem;--plasma-slider-range-value-horizontal-offset:0.625rem;--plasma-slider-range-value-vertical-margin:0.5rem;--plasma-slider-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-slider-
|
|
7
|
-
.
|
|
4
|
+
.llm3h8c{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:1rem;--plasma-slider-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.875rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.75rem;--plasma-slider-value-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-current-value-top-offset:1.625rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3.5rem;--plasma-slider-text-field-padding:1.25rem 1rem 1.25rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-l-line-height);}
|
|
5
|
+
.mog9szd{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.75rem;--plasma-slider-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.75rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.625rem;--plasma-slider-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-current-value-top-offset:1.75rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3rem;--plasma-slider-text-field-padding:0.875rem 1rem 0.875rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-m-line-height);}
|
|
6
|
+
.shhrpp3{--plasma-slider-size:1rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.625rem;--plasma-slider-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-range-value-horizontal-margin:0.5rem;--plasma-slider-range-value-bottom-offset:0.625rem;--plasma-slider-range-value-horizontal-offset:0.625rem;--plasma-slider-range-value-vertical-margin:0.5rem;--plasma-slider-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-current-value-top-offset:1.25rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:2.5rem;--plasma-slider-text-field-padding:0.5rem 1rem 0.5rem 1rem;--plasma-slider-text-field-border-radius:0.625rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-s-line-height);}
|
|
7
|
+
.sugcj18{--plasma-slider-thumb-size:1rem;--plasma-slider-thumb-border-style:solid;--plasma-slider-thumb-border-width:0.0625rem;}
|
|
8
|
+
.lttsb93{--plasma-slider-thumb-size:1.25rem;--plasma-slider-thumb-border-style:solid;--plasma-slider-thumb-border-width:0.0625rem;}
|
|
9
|
+
.ne87g56{--plasma-slider-thumb-size:0rem;}
|
|
10
|
+
.tk9zm35{--plasma-slider-disabled-opacity:0.4;}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
1
|
+
.Slider_config_wh7f2b_d6l4g7t__f715820a{--plasma-slider-label-color:var(--text-primary,#FFFFFFFC);--plasma-slider-range-value-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary,#474747);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card,#FFFFFF);--plasma-slider-thumb-focus-border-color:var(--surface-solid-default,#F6F2F0);--plasma-slider-rail-background-color:var(--surface-solid-tertiary,#474747);--plasma-slider-fill-color:var(--surface-solid-default,#F6F2F0);--plasma-slider-tick-dot-color:var(--surface-solid-tertiary);--plasma-slider-tick-dot-filled-color:var(--surface-solid-default);--plasma-slider-text-field-caret-color:var(--text-accent,#61C8B0);--plasma-slider-text-field-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-focus-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-placeholder-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-text-field-background-color:var(--surface-transparent-primary,#FFFFFF14);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover,#FFFFFF24);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary,#FFFFFF29);}
|
|
2
|
+
.Slider_config_wh7f2b_arixt6__f715820a{--plasma-slider-label-color:var(--text-primary,#FFFFFFFC);--plasma-slider-range-value-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary,#474747);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card,#FFFFFF);--plasma-slider-thumb-focus-border-color:var(--surface-accent,#0BA686);--plasma-slider-rail-background-color:var(--surface-solid-tertiary,#474747);--plasma-slider-fill-color:var(--surface-accent,#0BA686);--plasma-slider-tick-dot-color:var(--surface-solid-tertiary);--plasma-slider-tick-dot-filled-color:var(--surface-solid-accent);--plasma-slider-text-field-caret-color:var(--text-accent,#61C8B0);--plasma-slider-text-field-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-focus-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-placeholder-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-text-field-background-color:var(--surface-transparent-primary,#FFFFFF14);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover,#FFFFFF24);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary,#FFFFFF29);}
|
|
3
|
+
.Slider_config_wh7f2b_g15uwhki__f715820a{--plasma-slider-label-color:var(--text-primary,#FFFFFFFC);--plasma-slider-range-value-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary,#474747);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card,#FFFFFF);--plasma-slider-thumb-focus-border-color:var(--surface-accent-gradient,linear-gradient(180.00deg,rgb(129,211,192) 0.0%,rgb(29,145,88) 100.0%));--plasma-slider-rail-background-color:var(--surface-solid-tertiary,#474747);--plasma-slider-fill-color:var(--surface-accent-gradient,linear-gradient(180.00deg,rgb(129,211,192) 0.0%,rgb(29,145,88) 100.0%));--plasma-slider-tick-dot-color:var(--surface-solid-tertiary);--plasma-slider-tick-dot-filled-color:var(--surface-accent-gradient);--plasma-slider-text-field-caret-color:var(--text-accent,#61C8B0);--plasma-slider-text-field-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-focus-color:var(--text-primary,#FFFFFFFC);--plasma-slider-text-field-placeholder-color:var(--text-secondary,#F6F2F0A3);--plasma-slider-text-field-background-color:var(--surface-transparent-primary,#FFFFFF14);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover,#FFFFFF24);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary,#FFFFFF29);}
|
|
4
|
+
.Slider_config_wh7f2b_llm3h8c__f715820a{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:1rem;--plasma-slider-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.875rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.75rem;--plasma-slider-value-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-current-value-top-offset:1.625rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3.5rem;--plasma-slider-text-field-padding:1.25rem 1rem 1.25rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-l-line-height);}
|
|
5
|
+
.Slider_config_wh7f2b_mog9szd__f715820a{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.75rem;--plasma-slider-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.75rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.625rem;--plasma-slider-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-current-value-top-offset:1.75rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3rem;--plasma-slider-text-field-padding:0.875rem 1rem 0.875rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-m-line-height);}
|
|
6
|
+
.Slider_config_wh7f2b_shhrpp3__f715820a{--plasma-slider-size:1rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.625rem;--plasma-slider-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-range-value-horizontal-margin:0.5rem;--plasma-slider-range-value-bottom-offset:0.625rem;--plasma-slider-range-value-horizontal-offset:0.625rem;--plasma-slider-range-value-vertical-margin:0.5rem;--plasma-slider-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-current-value-top-offset:1.25rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-rail-indent:0.75rem;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:2.5rem;--plasma-slider-text-field-padding:0.5rem 1rem 0.5rem 1rem;--plasma-slider-text-field-border-radius:0.625rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-s-line-height);}
|
|
7
|
+
.Slider_config_wh7f2b_sugcj18__f715820a{--plasma-slider-thumb-size:1rem;--plasma-slider-thumb-border-style:solid;--plasma-slider-thumb-border-width:0.0625rem;}
|
|
8
|
+
.Slider_config_wh7f2b_lttsb93__f715820a{--plasma-slider-thumb-size:1.25rem;--plasma-slider-thumb-border-style:solid;--plasma-slider-thumb-border-width:0.0625rem;}
|
|
9
|
+
.Slider_config_wh7f2b_ne87g56__f715820a{--plasma-slider-thumb-size:0rem;}
|
|
10
|
+
.Slider_config_wh7f2b_tk9zm35__f715820a{--plasma-slider-disabled-opacity:0.4;}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
require('./StepItem.config_qzqyof.css');
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var config = {
|
|
7
|
+
defaults: {
|
|
8
|
+
view: 'default'
|
|
9
|
+
},
|
|
10
|
+
variations: {
|
|
11
|
+
view: {
|
|
12
|
+
"default": "d10u5kv",
|
|
13
|
+
accent: "a2vcg2y",
|
|
14
|
+
negative: "n1pcjfg0",
|
|
15
|
+
warning: "w14deh5a",
|
|
16
|
+
positive: "p15jq5ud"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.config = config;
|
|
22
|
+
//# sourceMappingURL=StepItem.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepItem.config.js","sources":["../../../../../src-css/components/Steps/StepItem.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.completedIndicatorColor}: var(--inverse-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary);\n ${tokens.completedIndicatorBackground}: var(--surface-solid-default);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.completedTitleColor}: var(--text-primary);\n ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.completedIndicatorBackground}: var(--surface-accent);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);\n ${tokens.completedTitleColor}: var(--text-primary);\n ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-accent);\n `,\n negative: css`\n ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.completedIndicatorBackground}: var(--surface-negative);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-negative-hover);\n ${tokens.completedTitleColor}: var(--text-negative);\n ${tokens.completedTitleColorHover}: var(--text-negative-hover);\n\n ${tokens.dividerColor}: var(--surface-negative);\n `,\n warning: css`\n ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.completedIndicatorBackground}: var(--surface-warning);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-warning-hover);\n ${tokens.completedTitleColor}: var(--text-warning);\n ${tokens.completedTitleColorHover}: var(--text-warning-hover);\n\n ${tokens.dividerColor}: var(--surface-warning);\n `,\n positive: css`\n ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);\n ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.completedIndicatorBackground}: var(--surface-positive);\n ${tokens.completedIndicatorBackgroundHover}: var(--surface-positive-hover);\n ${tokens.completedTitleColor}: var(--text-positive);\n ${tokens.completedTitleColorHover}: var(--text-positive-hover);\n\n ${tokens.dividerColor}: var(--surface-positive);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","variations","default","accent","negative","warning","positive"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,SASN;AACDC,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,OAAO,EAAA,UASN;AACDC,MAAAA,QAAQ,EAAA;AAUZ;AACJ;AACJ;;;;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
.d10u5kv{--plasma-step-item-completed-indicator-color:var(--inverse-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary);--plasma-step-item-completed-indicator-background:var(--surface-solid-default);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-divider-color:var(--surface-solid-default);}
|
|
2
|
+
.a2vcg2y{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-accent);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover);--plasma-step-item-completed-title-color:var(--text-primary);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover);--plasma-step-item-divider-color:var(--surface-accent);}
|
|
3
|
+
.n1pcjfg0{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-negative);--plasma-step-item-completed-indicator-background-hover:var(--surface-negative-hover);--plasma-step-item-completed-title-color:var(--text-negative);--plasma-step-item-completed-title-color-hover:var(--text-negative-hover);--plasma-step-item-divider-color:var(--surface-negative);}
|
|
4
|
+
.w14deh5a{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-warning);--plasma-step-item-completed-indicator-background-hover:var(--surface-warning-hover);--plasma-step-item-completed-title-color:var(--text-warning);--plasma-step-item-completed-title-color-hover:var(--text-warning-hover);--plasma-step-item-divider-color:var(--surface-warning);}
|
|
5
|
+
.p15jq5ud{--plasma-step-item-completed-indicator-color:var(--on-dark-text-primary);--plasma-step-item-completed-indicator-color-hover:var(--on-dark-text-primary-hover);--plasma-step-item-completed-indicator-background:var(--surface-positive);--plasma-step-item-completed-indicator-background-hover:var(--surface-positive-hover);--plasma-step-item-completed-title-color:var(--text-positive);--plasma-step-item-completed-title-color-hover:var(--text-positive-hover);--plasma-step-item-divider-color:var(--surface-positive);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Steps.config.js","sources":["../../../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n inverseTextPrimary,\n onDarkTextPrimary,\n onDarkTextPrimaryHover,\n surfaceAccent,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceSolidDefaultHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningHover,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textPrimaryHover,\n textSecondary,\n textSecondaryHover,\n textWarning,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs\n */\nconst baseItemView = `\n ${tokens.activeTitleColor}: ${textPrimary};\n ${tokens.activeTitleColorHover}: ${textPrimaryHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceSolidDefault};\n ${tokens.activeIndicatorColor}: ${textPrimary};\n ${tokens.activeIndicatorBackground}: ${surfaceClear};\n \n ${tokens.completedIndicatorColor}: ${inverseTextPrimary};\n ${tokens.completedIndicatorColorHover}: ${inverseTextPrimary};\n ${tokens.completedIndicatorBackground}: ${surfaceSolidDefault};\n ${tokens.completedIndicatorBackgroundHover}: ${surfaceSolidDefaultHover};\n ${tokens.completedTitleColor}: ${textPrimary};\n ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n\n ${tokens.inactiveTitleColor}: ${textSecondary};\n ${tokens.inactiveTitleColorHover}: ${textSecondaryHover};\n ${tokens.inactiveIndicatorColor}: ${textSecondary};\n ${tokens.inactiveIndicatorColorHover}: ${textSecondary};\n ${tokens.inactiveIndicatorBackground}: ${surfaceTransparentSecondary};\n ${tokens.inactiveIndicatorBackgroundHover}: ${surfaceTransparentSecondaryHover};\n\n ${tokens.contentColor}: ${textSecondary};\n ${tokens.focusColor}: ${surfaceAccent};\n\n ${tokens.disabledOpacity}: 0.4;\n`;\n\nconst accentConfig = `\n ${tokens.completedTitleColor}: ${textPrimary};\n ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n \n ${tokens.completedIndicatorBackground}: ${surfaceAccent};\n ${tokens.completedIndicatorBackgroundHover}: ${surfaceAccentHover};\n \n // Цвет контента внутри элемента Step\n ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n`;\n\nexport const config = {\n defaults: {\n size: 'm',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.dividerColor}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.dividerColor}: ${surfaceAccent};\n `,\n },\n itemView: {\n default: css`\n ${baseItemView};\n `,\n negative: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfaceNegative};\n ${tokens.activeTitleColorHover}: ${surfaceNegativeHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceNegative};\n ${tokens.activeIndicatorColor}: ${textNegative};\n `,\n warning: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfaceWarning};\n ${tokens.activeTitleColorHover}: ${surfaceWarningHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceWarning};\n ${tokens.activeIndicatorColor}: ${textWarning};\n `,\n positive: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfacePositive};\n ${tokens.activeTitleColorHover}: ${surfacePositiveHover};\n ${tokens.activeIndicatorBorder}: solid ${surfacePositive};\n ${tokens.activeIndicatorColor}: ${textPositive};\n `,\n },\n size: {\n l: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 2.25rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.75rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 2rem;\n ${tokens.contentVerticalPadding}: 1.0625rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.smallIndicatorIndentHeight}: 1rem;\n ${tokens.largeIndicatorIndentHeight}: 0.625rem;\n ${tokens.smallBulletIndentHeight}: 1.5rem;\n ${tokens.largeBulletIndentHeight}: 1.25rem;\n\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.activeIndicatorFontFamily}: ${bodyS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyL.fontFamily};\n ${tokens.titleFontSize}: ${bodyL.fontSize};\n ${tokens.titleFontStyle}: ${bodyL.fontStyle};\n ${tokens.titleFontWeight}: ${bodyL.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyM.fontFamily};\n ${tokens.contentFontSize}: ${bodyM.fontSize};\n ${tokens.contentFontStyle}: ${bodyM.fontStyle};\n ${tokens.contentFontWeight}: ${bodyM.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n m: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 2.25rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.625rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.75rem;\n ${tokens.contentVerticalPadding}: 0.875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.smallIndicatorIndentHeight}: 0.75rem;\n ${tokens.largeIndicatorIndentHeight}: 0.4375rem;\n ${tokens.smallBulletIndentHeight}: 1.25rem;\n ${tokens.largeBulletIndentHeight}: 1.125rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.activeIndicatorFontFamily}: ${bodyS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyM.fontFamily};\n ${tokens.titleFontSize}: ${bodyM.fontSize};\n ${tokens.titleFontStyle}: ${bodyM.fontStyle};\n ${tokens.titleFontWeight}: ${bodyM.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyS.fontFamily};\n ${tokens.contentFontSize}: ${bodyS.fontSize};\n ${tokens.contentFontStyle}: ${bodyS.fontStyle};\n ${tokens.contentFontWeight}: ${bodyS.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n s: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 1.5rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.5rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.6875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.smallIndicatorIndentHeight}: 0.5rem;\n ${tokens.largeIndicatorIndentHeight}: 0.5rem;\n ${tokens.smallBulletIndentHeight}: 1rem;\n ${tokens.largeBulletIndentHeight}: 0.75rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleFontFamily}: ${bodyS.fontFamily};\n ${tokens.titleFontSize}: ${bodyS.fontSize};\n ${tokens.titleFontStyle}: ${bodyS.fontStyle};\n ${tokens.titleFontWeight}: ${bodyS.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyS.lineHeight};\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n xs: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 1.5rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.5rem;\n ${tokens.contentPaddingTop}: 0.25rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.5625rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.smallIndicatorIndentHeight}: 0.25rem;\n ${tokens.largeIndicatorIndentHeight}: 0.25rem;\n ${tokens.smallBulletIndentHeight}: 0.75rem;\n ${tokens.largeBulletIndentHeight}: 0.5rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n },\n },\n intersections: [\n {\n view: 'accent',\n itemView: 'default',\n style: css`\n ${tokens.activeIndicatorBorder}: solid ${textAccent};\n ${tokens.activeIndicatorColor}: ${textAccent};\n\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'negative',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'warning',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'positive',\n style: css`\n ${accentConfig};\n `,\n },\n ],\n};\n"],"names":["config","defaults","size","view","variations","default","accent","itemView","negative","warning","positive","l","m","s","xs","intersections","style"],"mappings":";;;;AA+BA;AACA;AACA;AACA;;AAwCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,UAEN;AACDC,MAAAA,MAAM,EAAA;KAGT;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,SAAAA,EAAO,UAEN;AACDG,MAAAA,QAAQ,EAAA,SAOP;AACDC,MAAAA,OAAO,EAAA,SAON;AACDC,MAAAA,QAAQ,EAAA;KAQX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SA8CA;AACDC,MAAAA,CAAC,EAAA,UAoDA;AACDC,MAAAA,CAAC,EAAA,SAgEA;AACDC,MAAAA,EAAE,EAAA;AAuEN;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIZ,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA;AAMT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}
|
|
1
|
+
{"version":3,"file":"Steps.config.js","sources":["../../../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n inverseTextPrimary,\n onDarkTextPrimary,\n onDarkTextPrimaryHover,\n surfaceAccent,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceSolidDefaultHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningHover,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textPrimaryHover,\n textSecondary,\n textSecondaryHover,\n textWarning,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs\n */\nconst baseItemView = `\n ${tokens.activeTitleColor}: ${textPrimary};\n ${tokens.activeTitleColorHover}: ${textPrimaryHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceSolidDefault};\n ${tokens.activeIndicatorColor}: ${textPrimary};\n ${tokens.activeIndicatorBackground}: ${surfaceClear};\n \n ${tokens.completedIndicatorColor}: ${inverseTextPrimary};\n ${tokens.completedIndicatorColorHover}: ${inverseTextPrimary};\n ${tokens.completedIndicatorBackground}: ${surfaceSolidDefault};\n ${tokens.completedIndicatorBackgroundHover}: ${surfaceSolidDefaultHover};\n ${tokens.completedTitleColor}: ${textPrimary};\n ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n\n ${tokens.inactiveTitleColor}: ${textSecondary};\n ${tokens.inactiveTitleColorHover}: ${textSecondaryHover};\n ${tokens.inactiveIndicatorColor}: ${textSecondary};\n ${tokens.inactiveIndicatorColorHover}: ${textSecondary};\n ${tokens.inactiveIndicatorBackground}: ${surfaceTransparentSecondary};\n ${tokens.inactiveIndicatorBackgroundHover}: ${surfaceTransparentSecondaryHover};\n\n ${tokens.contentColor}: ${textSecondary};\n ${tokens.focusColor}: ${surfaceAccent};\n\n ${tokens.disabledOpacity}: 0.4;\n`;\n\nconst accentConfig = `\n ${tokens.completedTitleColor}: ${textPrimary};\n ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n \n ${tokens.completedIndicatorBackground}: ${surfaceAccent};\n ${tokens.completedIndicatorBackgroundHover}: ${surfaceAccentHover};\n \n // Цвет контента внутри элемента Step\n ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n`;\n\nexport const config = {\n defaults: {\n size: 'm',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.dividerColor}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.dividerColor}: ${surfaceAccent};\n `,\n },\n itemView: {\n default: css`\n ${baseItemView};\n `,\n negative: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfaceNegative};\n ${tokens.activeTitleColorHover}: ${surfaceNegativeHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceNegative};\n ${tokens.activeIndicatorColor}: ${textNegative};\n `,\n warning: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfaceWarning};\n ${tokens.activeTitleColorHover}: ${surfaceWarningHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceWarning};\n ${tokens.activeIndicatorColor}: ${textWarning};\n `,\n positive: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfacePositive};\n ${tokens.activeTitleColorHover}: ${surfacePositiveHover};\n ${tokens.activeIndicatorBorder}: solid ${surfacePositive};\n ${tokens.activeIndicatorColor}: ${textPositive};\n `,\n },\n size: {\n l: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 2.25rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.75rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 2rem;\n ${tokens.contentVerticalPadding}: 1.0625rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.activeIndicatorFontFamily}: ${bodyS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyL.fontFamily};\n ${tokens.titleFontSize}: ${bodyL.fontSize};\n ${tokens.titleFontStyle}: ${bodyL.fontStyle};\n ${tokens.titleFontWeight}: ${bodyL.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyM.fontFamily};\n ${tokens.contentFontSize}: ${bodyM.fontSize};\n ${tokens.contentFontStyle}: ${bodyM.fontStyle};\n ${tokens.contentFontWeight}: ${bodyM.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n m: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 2.25rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.625rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.75rem;\n ${tokens.contentVerticalPadding}: 0.875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.activeIndicatorFontFamily}: ${bodyS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyM.fontFamily};\n ${tokens.titleFontSize}: ${bodyM.fontSize};\n ${tokens.titleFontStyle}: ${bodyM.fontStyle};\n ${tokens.titleFontWeight}: ${bodyM.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyS.fontFamily};\n ${tokens.contentFontSize}: ${bodyS.fontSize};\n ${tokens.contentFontStyle}: ${bodyS.fontStyle};\n ${tokens.contentFontWeight}: ${bodyS.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n s: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 1.5rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.5rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.6875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.titleFontFamily}: ${bodyS.fontFamily};\n ${tokens.titleFontSize}: ${bodyS.fontSize};\n ${tokens.titleFontStyle}: ${bodyS.fontStyle};\n ${tokens.titleFontWeight}: ${bodyS.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyS.lineHeight};\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n xs: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 1.5rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.5rem;\n ${tokens.contentPaddingTop}: 0.25rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.5625rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n },\n },\n intersections: [\n {\n view: 'accent',\n itemView: 'default',\n style: css`\n ${tokens.activeIndicatorBorder}: solid ${textAccent};\n ${tokens.activeIndicatorColor}: ${textAccent};\n\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'negative',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'warning',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'positive',\n style: css`\n ${accentConfig};\n `,\n },\n ],\n};\n"],"names":["config","defaults","size","view","variations","default","accent","itemView","negative","warning","positive","l","m","s","xs","intersections","style"],"mappings":";;;;AA+BA;AACA;AACA;AACA;;AAwCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,UAEN;AACDC,MAAAA,MAAM,EAAA;KAGT;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,SAAAA,EAAO,UAEN;AACDG,MAAAA,QAAQ,EAAA,SAOP;AACDC,MAAAA,OAAO,EAAA,SAON;AACDC,MAAAA,QAAQ,EAAA;KAQX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAyCA;AACDC,MAAAA,CAAC,EAAA,UA+CA;AACDC,MAAAA,CAAC,EAAA,SA2DA;AACDC,MAAAA,EAAE,EAAA;AAkEN;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIZ,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA;AAMT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
.nzx2zl9{--plasma-step-item-active-title-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-active-title-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default,#F6F2F0);--plasma-step-item-active-indicator-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-active-indicator-background:var(--surface-clear,#FFFFFF00);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary,#15110FFC);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary,#15110FFC);--plasma-step-item-completed-indicator-background:var(--surface-solid-default,#F6F2F0);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover,#F9F7F5FF);--plasma-step-item-completed-title-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-step-item-inactive-title-color:var(--text-secondary,#F6F2F0A3);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-step-item-inactive-indicator-color:var(--text-secondary,#F6F2F0A3);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-step-item-inactive-indicator-background:var(--surface-transparent-secondary,#FFFFFF29);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-step-item-content-color:var(--text-secondary,#F6F2F0A3);--plasma-step-item-focus-color:var(--surface-accent,#0BA686);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-negative,#F8A6A9);--plasma-step-item-active-title-color-hover:var(--surface-negative-hover,#F9B8BAFF);--plasma-step-item-active-indicator-border:solid var(--surface-negative,#F8A6A9);--plasma-step-item-active-indicator-color:var(--text-negative,#F57E83);}
|
|
5
5
|
.wcdn5ma{--plasma-step-item-active-title-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-active-title-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default,#F6F2F0);--plasma-step-item-active-indicator-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-active-indicator-background:var(--surface-clear,#FFFFFF00);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary,#15110FFC);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary,#15110FFC);--plasma-step-item-completed-indicator-background:var(--surface-solid-default,#F6F2F0);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover,#F9F7F5FF);--plasma-step-item-completed-title-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-step-item-inactive-title-color:var(--text-secondary,#F6F2F0A3);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-step-item-inactive-indicator-color:var(--text-secondary,#F6F2F0A3);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-step-item-inactive-indicator-background:var(--surface-transparent-secondary,#FFFFFF29);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-step-item-content-color:var(--text-secondary,#F6F2F0A3);--plasma-step-item-focus-color:var(--surface-accent,#0BA686);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-warning,#F8AD80);--plasma-step-item-active-title-color-hover:var(--surface-warning-hover,#F9BB94FF);--plasma-step-item-active-indicator-border:solid var(--surface-warning,#F8AD80);--plasma-step-item-active-indicator-color:var(--text-warning,#DA6828);}
|
|
6
6
|
.pxho34d{--plasma-step-item-active-title-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-active-title-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-step-item-active-indicator-border:solid var(--surface-solid-default,#F6F2F0);--plasma-step-item-active-indicator-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-active-indicator-background:var(--surface-clear,#FFFFFF00);--plasma-step-item-completed-indicator-color:var(--inverse-text-primary,#15110FFC);--plasma-step-item-completed-indicator-color-hover:var(--inverse-text-primary,#15110FFC);--plasma-step-item-completed-indicator-background:var(--surface-solid-default,#F6F2F0);--plasma-step-item-completed-indicator-background-hover:var(--surface-solid-default-hover,#F9F7F5FF);--plasma-step-item-completed-title-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-step-item-inactive-title-color:var(--text-secondary,#F6F2F0A3);--plasma-step-item-inactive-title-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-step-item-inactive-indicator-color:var(--text-secondary,#F6F2F0A3);--plasma-step-item-inactive-indicator-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-step-item-inactive-indicator-background:var(--surface-transparent-secondary,#FFFFFF29);--plasma-step-item-inactive-indicator-background-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-step-item-content-color:var(--text-secondary,#F6F2F0A3);--plasma-step-item-focus-color:var(--surface-accent,#0BA686);--plasma-step-item-disabled-opacity:0.4;--plasma-step-item-active-title-color:var(--surface-positive,#A6D2A2);--plasma-step-item-active-title-color-hover:var(--surface-positive-hover,#B3D9B0FF);--plasma-step-item-active-indicator-border:solid var(--surface-positive,#A6D2A2);--plasma-step-item-active-indicator-color:var(--text-positive,#50A84C);}
|
|
7
|
-
.ly70uvz{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.75rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:2rem;--plasma-step-item-content-vertical-padding:1.0625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-
|
|
8
|
-
.m13abbyw{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-
|
|
9
|
-
.s3tayno{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-
|
|
10
|
-
.xtb8tz4{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.25rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.5625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-
|
|
7
|
+
.ly70uvz{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.75rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:2rem;--plasma-step-item-content-vertical-padding:1.0625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
8
|
+
.m13abbyw{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:2.25rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.625rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.75rem;--plasma-step-item-content-vertical-padding:0.875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
9
|
+
.s3tayno{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.375rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.6875rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
10
|
+
.xtb8tz4{--plasma-step-item-indicator-size:1.5rem;--plasma-step-item-active-indicator-size:1.5rem;--plasma-step-item-bullet-size:0.5rem;--plasma-step-item-active-bullet-size:1rem;--plasma-step-item-title-padding-top:0.5rem;--plasma-step-item-content-padding-top:0.25rem;--plasma-step-item-content-side-padding:1.5rem;--plasma-step-item-content-vertical-padding:0.5625rem;--plasma-step-item-vertical-content-padding-left:0.75rem;--plasma-step-item-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-active-indicator-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-active-indicator-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-active-indicator-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-active-indicator-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-active-indicator-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-active-indicator-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-content-font-family:var(--plasma-typo-body-xs-font-family);--plasma-step-item-content-font-size:var(--plasma-typo-body-xs-font-size);--plasma-step-item-content-font-style:var(--plasma-typo-body-xs-font-style);--plasma-step-item-content-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-step-item-content-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-step-item-content-line-height:var(--plasma-typo-body-xs-line-height);--plasma-step-item-divider-thickness:0.125rem;}
|
|
11
11
|
.sdmymci{--plasma-step-item-active-indicator-border:solid var(--text-accent,#61C8B0);--plasma-step-item-active-indicator-color:var(--text-accent,#61C8B0);--plasma-step-item-completed-title-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-step-item-completed-indicator-background:var(--surface-accent,#0BA686);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover,#0CBB98FF);}
|
|
12
12
|
.szwvz3f{--plasma-step-item-completed-title-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-step-item-completed-indicator-background:var(--surface-accent,#0BA686);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover,#0CBB98FF);}
|
|
13
13
|
.s1mgnpkk{--plasma-step-item-completed-title-color:var(--text-primary,#FFFFFFFC);--plasma-step-item-completed-title-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-step-item-completed-indicator-background:var(--surface-accent,#0BA686);--plasma-step-item-completed-indicator-background-hover:var(--surface-accent-hover,#0CBB98FF);}
|