@salutejs/plasma-new-hope 0.324.0-canary.1978.15107688795.0 → 0.324.0-canary.1983.15135554391.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/cjs/components/Slider/Slider.css +6 -6
- package/cjs/components/Slider/components/Single/Single.css +6 -6
- package/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/{Single.styles_1h9lsl3.css → Single.styles_e0wk24.css} +1 -1
- package/cjs/engines/linaria.js +3 -2
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/index.css +6 -6
- package/emotion/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/cjs/engines/emotion.js +8 -3
- package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +32 -27
- package/emotion/es/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/emotion/es/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/es/engines/emotion.js +8 -3
- package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +32 -27
- package/es/components/Slider/Slider.css +6 -6
- package/es/components/Slider/components/Single/Single.css +6 -6
- package/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/es/components/Slider/components/Single/{Single.styles_1h9lsl3.css → Single.styles_e0wk24.css} +1 -1
- package/es/engines/linaria.js +3 -2
- package/es/engines/linaria.js.map +1 -1
- package/es/index.css +6 -6
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/styled-components/cjs/engines/styled-components.js +8 -3
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +12 -7
- package/styled-components/es/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/styled-components/es/engines/styled-components.js +8 -3
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +12 -7
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/engines/emotion.d.ts.map +1 -1
- package/types/engines/linaria.d.ts.map +1 -1
- package/types/engines/styled-components.d.ts.map +1 -1
- package/types/engines/types.d.ts +1 -0
- package/types/engines/types.d.ts.map +1 -1
|
@@ -11,12 +11,12 @@
|
|
|
11
11
|
.SliderBase_styles_wld555_fdg7yhg__d313173d{position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(--plasma-slider-rail-border-radius);background:var(--plasma-slider-fill-color);}
|
|
12
12
|
.SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
13
13
|
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
14
|
+
.Single_styles_e0wk24_l1p4kc08__35f62990{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
|
15
|
+
.Single_styles_e0wk24_ly2gexi__35f62990{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
16
|
+
.Single_styles_e0wk24_lozb535__35f62990{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
|
17
|
+
.Single_styles_e0wk24_s1w9icbd__35f62990{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMinValue__35f62990,.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMaxValue__35f62990{opacity:0;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderActiveRangeValue__35f62990{color:var(--plasma-slider-label-color);}
|
|
18
|
+
.Single_styles_e0wk24_s1d2sfgl__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990{display:grid;grid-template-areas: 'a a' 'b c';}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;justify-self:end;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
19
|
+
.Single_styles_e0wk24_ss3ujqx__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:not(:has(.Single_styles_e0wk24_lozb535__35f62990)):has(.Single_styles_e0wk24_ly2gexi__35f62990){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:has(.Single_styles_e0wk24_lozb535__35f62990){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{width:var(--plasma-slider-size);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{display:grid;grid-template-areas: 'b a' 'c a';-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;width:unset;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;justify-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{grid-template-areas: 'a b' 'a c';}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{justify-self:start;}
|
|
20
20
|
|
|
21
21
|
.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_io4bpie__3d70dc64{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_i13qvwoy__3d70dc64{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasChips__3d70dc64{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentLeft__3d70dc64{padding-left:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentRight__3d70dc64{padding-right:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_luk2zst__3d70dc64,.base_uulqii_b13ve66i__3d70dc64:not(.base_uulqii_labelPlacementInner__3d70dc64) .base_uulqii_s14qvple__3d70dc64{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s16itze4__3d70dc64{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_h1skqnhr__3d70dc64{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_tlv9av6__3d70dc64{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_lb3k3v1__3d70dc64{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64,.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64{margin:var(--plasma-textfield__before-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{margin:var(--plasma-textfield__after-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64 .base_uulqii_s190z894__3d70dc64{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
|
22
22
|
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
.SliderBase_styles_wld555_fdg7yhg__d313173d{position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(--plasma-slider-rail-border-radius);background:var(--plasma-slider-fill-color);}
|
|
10
10
|
.SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
11
11
|
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
12
|
+
.Single_styles_e0wk24_l1p4kc08__35f62990{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
|
13
|
+
.Single_styles_e0wk24_ly2gexi__35f62990{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
14
|
+
.Single_styles_e0wk24_lozb535__35f62990{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
|
15
|
+
.Single_styles_e0wk24_s1w9icbd__35f62990{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMinValue__35f62990,.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMaxValue__35f62990{opacity:0;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderActiveRangeValue__35f62990{color:var(--plasma-slider-label-color);}
|
|
16
|
+
.Single_styles_e0wk24_s1d2sfgl__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990{display:grid;grid-template-areas: 'a a' 'b c';}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;justify-self:end;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
17
|
+
.Single_styles_e0wk24_ss3ujqx__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:not(:has(.Single_styles_e0wk24_lozb535__35f62990)):has(.Single_styles_e0wk24_ly2gexi__35f62990){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:has(.Single_styles_e0wk24_lozb535__35f62990){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{width:var(--plasma-slider-size);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{display:grid;grid-template-areas: 'b a' 'c a';-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;width:unset;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;justify-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{grid-template-areas: 'a b' 'a c';}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{justify-self:start;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { Slider } from '../SliderBase/SliderBase.styles';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n`;\n\nexport const LabelContent = styled.div`\n display: inline-flex;\n`;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledRangeValue = styled.span`\n color: var(${tokens.rangeValueColor});\n font-family: var(${tokens.valueFontFamily});\n font-size: var(${tokens.valueFontSize});\n font-style: var(${tokens.valueFontStyle});\n font-weight: var(${tokens.valueFontWeight});\n letter-spacing: var(${tokens.valueLetterSpacing});\n line-height: var(${tokens.valueLineHeight});\n\n transition: opacity 0.1s ease-in-out;\n\n &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n opacity: 0;\n }\n\n &.${classes.activeRangeValue} {\n color: var(${tokens.labelColor});\n }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n display: flex;\n flex: 1;\n position: relative;\n\n &.${classes.rangeValuesPlacementOuter} {\n display: grid;\n grid-template-areas:\n 'a a'\n 'b c';\n\n ${Slider} {\n grid-area: a;\n }\n\n ${StyledRangeValue} {\n
|
|
1
|
+
{"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { Slider } from '../SliderBase/SliderBase.styles';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n`;\n\nexport const LabelContent = styled.div`\n display: inline-flex;\n`;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledRangeValue = styled.span`\n color: var(${tokens.rangeValueColor});\n font-family: var(${tokens.valueFontFamily});\n font-size: var(${tokens.valueFontSize});\n font-style: var(${tokens.valueFontStyle});\n font-weight: var(${tokens.valueFontWeight});\n letter-spacing: var(${tokens.valueLetterSpacing});\n line-height: var(${tokens.valueLineHeight});\n\n transition: opacity 0.1s ease-in-out;\n\n &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n opacity: 0;\n }\n\n &.${classes.activeRangeValue} {\n color: var(${tokens.labelColor});\n }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n display: flex;\n flex: 1;\n position: relative;\n\n &.${classes.rangeValuesPlacementOuter} {\n display: grid;\n grid-template-areas:\n 'a a'\n 'b c';\n\n ${Slider} {\n grid-area: a;\n }\n\n ${StyledRangeValue} {\n grid-area: b;\n\n &.${classes.maxRangeValue} {\n grid-area: c;\n justify-self: end;\n }\n }\n }\n\n &.${classes.rangeValuesPlacementInner} {\n align-items: center;\n\n ${StyledRangeValue} {\n margin-right: var(${tokens.rangeValueHorizontalMargin});\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: var(${tokens.rangeValueHorizontalMargin});\n }\n }\n }\n`;\n\nexport const SingleWrapper = styled.div`\n display: flex;\n opacity: var(${tokens.disabledOpacity});\n\n &.${classes.labelPlacementOuter} {\n flex-direction: column;\n\n ${LabelWrapper} {\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n }\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n\n ${LabelWrapper}:not(:has(${Label})):has(${LabelContent}) {\n margin-right: var(${tokens.labelWrapperOnlyIconMarginRight});\n }\n\n ${LabelWrapper}:has(${Label}) {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n\n &.${classes.labelAlignCenter} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n\n &.${classes.labelPlacementBottom} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n }\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n }\n }\n\n ${LabelWrapper} {\n align-items: center;\n }\n\n ${SliderBaseWrapper} {\n width: var(${tokens.size});\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: 0;\n margin-bottom: var(${tokens.labelWrapperVerticalMargin});\n }\n }\n\n &.${classes.labelAlignLeft} {\n align-items: flex-end;\n\n ${LabelWrapper} {\n flex-direction: row-reverse;\n }\n }\n\n &.${classes.labelAlignRight} {\n align-items: flex-start;\n }\n\n &.${classes.labelPlacementBottom} {\n flex-direction: column-reverse;\n\n ${LabelWrapper} {\n margin-top: var(${tokens.labelWrapperVerticalMargin});\n margin-right: 0;\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n ${SliderBaseWrapper} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n &.${classes.labelAlignCenter} {\n ${StyledRangeValue} {\n position: static;\n bottom: 0;\n left: 0;\n margin-bottom: var(${tokens.rangeValueVerticalMargin});\n\n &.${classes.maxRangeValue} {\n left: 0;\n right: 0;\n bottom: 0;\n margin-top: var(${tokens.rangeValueVerticalMargin});\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignLeft}, &.${classes.labelAlignRight} {\n ${SliderBaseWrapper} {\n display: grid;\n grid-template-areas:\n 'b a'\n 'c a';\n flex-direction: unset;\n align-items: unset;\n justify-content: unset;\n\n width: unset;\n }\n\n ${Slider} {\n grid-area: a;\n }\n\n ${StyledRangeValue} {\n grid-area: b;\n align-self: start;\n justify-self: end;\n\n &.${classes.maxRangeValue} {\n grid-area: c;\n align-self: end;\n }\n }\n }\n\n &.${classes.labelAlignRight} {\n ${SliderBaseWrapper} {\n grid-template-areas:\n 'a b'\n 'a c';\n }\n\n ${StyledRangeValue} {\n justify-self: start;\n }\n }\n }\n`;\n"],"names":["LabelWrapper","styled","name","class","propsAsIs","LabelContent","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;AAKO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAME,KAAK,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqCtC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiKlC;;;;"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
.ly2gexi{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
3
3
|
.lozb535{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
|
4
4
|
.s1w9icbd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.s1w9icbd.slider-hide-min-value,.s1w9icbd.slider-hide-max-value{opacity:0;}.s1w9icbd.slider-active-range-value{color:var(--plasma-slider-label-color);}
|
|
5
|
-
.s1d2sfgl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.s1d2sfgl.slider-range-values-placement-outer{display:grid;grid-template-areas: 'a a' 'b c';}.s1d2sfgl.slider-range-values-placement-outer .snaoqfb{grid-area:a;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd{
|
|
5
|
+
.s1d2sfgl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.s1d2sfgl.slider-range-values-placement-outer{display:grid;grid-template-areas: 'a a' 'b c';}.s1d2sfgl.slider-range-values-placement-outer .snaoqfb{grid-area:a;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd{grid-area:b;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd.slider-max-range-value{grid-area:c;justify-self:end;}.s1d2sfgl.slider-range-values-placement-inner{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd.slider-max-range-value{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
6
6
|
.ss3ujqx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.ss3ujqx.slider-label-placement-outer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-label-placement-outer .l1p4kc08{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.ss3ujqx.slider-label-placement-inner .l1p4kc08{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.ss3ujqx.slider-label-placement-inner .l1p4kc08:not(:has(.lozb535)):has(.ly2gexi){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.ss3ujqx.slider-label-placement-inner .l1p4kc08:has(.lozb535){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.ss3ujqx.slider-vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .l1p4kc08{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-placement-bottom .l1p4kc08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-placement-bottom.slider-label-content-reversed .l1p4kc08{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-content-reversed .l1p4kc08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-vertical-orientation .l1p4kc08{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.ss3ujqx.slider-vertical-orientation .s1d2sfgl{width:var(--plasma-slider-size);}.ss3ujqx.slider-vertical-orientation.slider-label-placement-inner .l1p4kc08{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.ss3ujqx.slider-vertical-orientation.slider-label-align-left{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .l1p4kc08{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-right{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.ss3ujqx.slider-vertical-orientation.slider-label-placement-bottom{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-placement-bottom .l1p4kc08{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.ss3ujqx.slider-vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.ss3ujqx.slider-vertical-orientation .s1d2sfgl{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .s1w9icbd{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .s1w9icbd.slider-max-range-value{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .s1d2sfgl,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1d2sfgl{display:grid;grid-template-areas: 'b a' 'c a';-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;width:unset;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .snaoqfb,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .snaoqfb{grid-area:a;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .s1w9icbd,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd{grid-area:b;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;justify-self:end;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .s1w9icbd.slider-max-range-value,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd.slider-max-range-value{grid-area:c;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1d2sfgl{grid-template-areas: 'a b' 'a c';}.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd{justify-self:start;}
|
package/es/engines/linaria.js
CHANGED
|
@@ -10,7 +10,8 @@ var _component = function _component(componentConfig) {
|
|
|
10
10
|
var tag = componentConfig.tag,
|
|
11
11
|
base = componentConfig.base,
|
|
12
12
|
name = componentConfig.name,
|
|
13
|
-
intersections = componentConfig.intersections
|
|
13
|
+
intersections = componentConfig.intersections,
|
|
14
|
+
invariants = componentConfig.invariants;
|
|
14
15
|
var staticVariants = getStaticVariants(componentConfig);
|
|
15
16
|
var dynamicVariants = getDynamicVariants(componentConfig);
|
|
16
17
|
var component = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
@@ -20,7 +21,7 @@ var _component = function _component(componentConfig) {
|
|
|
20
21
|
rest = _objectWithoutProperties(props, _excluded);
|
|
21
22
|
var variants = dynamicVariants(rest);
|
|
22
23
|
var intersectionStyles = getIntersectionStyles(rest, intersections);
|
|
23
|
-
var cls = cx.apply(void 0, [className, base].concat(_toConsumableArray(staticVariants), _toConsumableArray(variants), _toConsumableArray(intersectionStyles)));
|
|
24
|
+
var cls = cx.apply(void 0, [className, base].concat(_toConsumableArray(staticVariants), _toConsumableArray(variants), _toConsumableArray(intersectionStyles), [invariants]));
|
|
24
25
|
|
|
25
26
|
// styled-components do it inside
|
|
26
27
|
// filter props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n const { tag, base, name, intersections } = componentConfig;\n const staticVariants = getStaticVariants(componentConfig);\n const dynamicVariants = getDynamicVariants(componentConfig);\n\n const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n const { className, as, forwardedAs, ...rest } = props;\n const variants = dynamicVariants(rest);\n const intersectionStyles = getIntersectionStyles(rest, intersections) as string[];\n\n const cls = cx(className
|
|
1
|
+
{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n const { tag, base, name, intersections, invariants } = componentConfig;\n\n const staticVariants = getStaticVariants(componentConfig);\n const dynamicVariants = getDynamicVariants(componentConfig);\n\n const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n const { className, as, forwardedAs, ...rest } = props;\n const variants = dynamicVariants(rest);\n const intersectionStyles = getIntersectionStyles(rest, intersections) as string[];\n\n const cls = cx(\n className,\n base as string,\n ...(staticVariants as string[]),\n ...variants,\n ...intersectionStyles,\n invariants as string,\n );\n\n // styled-components do it inside\n // filter props\n const baseProps: HTMLAnyAttributes = {};\n for (const key in rest) {\n if (!(key in componentConfig.variations)) {\n baseProps[key] = rest[key];\n }\n }\n\n baseProps.ref = ref;\n\n // styled-components do it inside\n // add props that should be attr( disabled for example)\n const htmlAttrs: HTMLAnyAttributes = {};\n for (const key in componentConfig.variations || {}) {\n if (key in rest) {\n const variant = componentConfig.variations[key];\n\n const { attrs } = variant;\n if (typeof attrs === 'boolean') {\n htmlAttrs[key] = rest[key];\n }\n }\n }\n\n const Root = as || forwardedAs || (tag as React.ElementType);\n\n return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n });\n if (name) {\n component.displayName = name;\n }\n return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","invariants","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","component","forwardRef","props","ref","className","as","forwardedAs","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","Root","React","createElement","_extends","displayName"],"mappings":";;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAA4CD,eAAe,CAA9DC,GAAG;IAAEC,IAAI,GAAsCF,eAAe,CAAzDE,IAAI;IAAEC,IAAI,GAAgCH,eAAe,CAAnDG,IAAI;IAAEC,aAAa,GAAiBJ,eAAe,CAA7CI,aAAa;IAAEC,UAAU,GAAKL,eAAe,CAA9BK,UAAU,CAAA;AAElD,EAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAACP,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMQ,eAAe,GAAGC,kBAAkB,CAACT,eAAe,CAAC,CAAA;EAE3D,IAAMU,SAAS,gBAAGC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAA+BF,KAAK,CAA7CE,SAAS;MAAEC,EAAE,GAA2BH,KAAK,CAAlCG,EAAE;MAAEC,WAAW,GAAcJ,KAAK,CAA9BI,WAAW;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AACrD,IAAA,IAAMC,QAAQ,GAAGZ,eAAe,CAACS,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,qBAAqB,CAACL,IAAI,EAAEb,aAAa,CAAa,CAAA;IAEjF,IAAMmB,GAAG,GAAGC,EAAE,CAAAC,KAAA,CACVX,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,EACTZ,IAAI,CAAAwB,CAAAA,MAAA,CAAAC,kBAAA,CACArB,cAAc,CAAA,EAAAqB,kBAAA,CACfP,QAAQ,CAAA,EAAAO,kBAAA,CACRN,kBAAkB,CAAA,EAAA,CACrBhB,UAAU,CAAA,CACd,CAAC,CAAA;;AAED;AACA;IACA,IAAMuB,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,IAAI7B,eAAe,CAAC8B,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACf,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMkB,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAI7B,eAAe,CAAC8B,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,GAAGhC,eAAe,CAAC8B,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMK,IAAI,GAAGnB,EAAE,IAAIC,WAAW,IAAKf,GAAyB,CAAA;AAE5D,IAAA,oBAAOkC,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAAG,QAAA,CAAA;AAACvB,MAAAA,SAAS,EAAES,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIzB,IAAI,EAAE;IACNO,SAAS,CAAC4B,WAAW,GAAGnC,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOO,SAAS,CAAA;AACpB;;;;"}
|
package/es/index.css
CHANGED
|
@@ -691,12 +691,12 @@
|
|
|
691
691
|
.SliderBase_styles_wld555_fdg7yhg__d313173d{position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(--plasma-slider-rail-border-radius);background:var(--plasma-slider-fill-color);}
|
|
692
692
|
.SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
693
693
|
|
|
694
|
-
.
|
|
695
|
-
.
|
|
696
|
-
.
|
|
697
|
-
.
|
|
698
|
-
.
|
|
699
|
-
.
|
|
694
|
+
.Single_styles_e0wk24_l1p4kc08__35f62990{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
|
695
|
+
.Single_styles_e0wk24_ly2gexi__35f62990{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
696
|
+
.Single_styles_e0wk24_lozb535__35f62990{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
|
697
|
+
.Single_styles_e0wk24_s1w9icbd__35f62990{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMinValue__35f62990,.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMaxValue__35f62990{opacity:0;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderActiveRangeValue__35f62990{color:var(--plasma-slider-label-color);}
|
|
698
|
+
.Single_styles_e0wk24_s1d2sfgl__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990{display:grid;grid-template-areas: 'a a' 'b c';}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;justify-self:end;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
699
|
+
.Single_styles_e0wk24_ss3ujqx__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:not(:has(.Single_styles_e0wk24_lozb535__35f62990)):has(.Single_styles_e0wk24_ly2gexi__35f62990){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:has(.Single_styles_e0wk24_lozb535__35f62990){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{width:var(--plasma-slider-size);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{display:grid;grid-template-areas: 'b a' 'c a';-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;width:unset;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;justify-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{grid-template-areas: 'a b' 'a c';}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{justify-self:start;}
|
|
700
700
|
|
|
701
701
|
.Double_styles_t3pnic_lcs82cd__4e228b01{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
|
|
702
702
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.324.0-canary.
|
|
3
|
+
"version": "0.324.0-canary.1983.15135554391.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "d305c6d5eb239c58d801c243e68679c5f522ced1"
|
|
141
141
|
}
|
|
@@ -22,7 +22,7 @@ var StyledRangeValue = exports.StyledRangeValue = /*#__PURE__*/_styledComponents
|
|
|
22
22
|
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], _Slider.tokens.rangeValueColor, _Slider.tokens.valueFontFamily, _Slider.tokens.valueFontSize, _Slider.tokens.valueFontStyle, _Slider.tokens.valueFontWeight, _Slider.tokens.valueLetterSpacing, _Slider.tokens.valueLineHeight, _Slider.classes.hideMinValue, _Slider.classes.hideMaxValue, _Slider.classes.activeRangeValue, _Slider.tokens.labelColor);
|
|
23
23
|
var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
24
24
|
componentId: "plasma-new-hope__sc-1qm4elt-4"
|
|
25
|
-
})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{
|
|
25
|
+
})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
|
|
26
26
|
var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
27
27
|
componentId: "plasma-new-hope__sc-1qm4elt-5"
|
|
28
28
|
})(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}", ":not(:has(", ")):has(", "){margin-right:var(", ");}", ":has(", "){margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{display:grid;grid-template-areas:'b a' 'c a';flex-direction:unset;align-items:unset;justify-content:unset;width:unset;}", "{grid-area:a;}", "{grid-area:b;align-self:start;justify-self:end;&.", "{grid-area:c;align-self:end;}}}&.", "{", "{grid-template-areas:'a b' 'a c';}", "{justify-self:start;}}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, _Slider.tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, _Slider.tokens.labelWrapperMarginRight, _Slider.classes.verticalOrientation, _Slider.classes.labelAlignCenter, LabelWrapper, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, _Slider.tokens.size, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.labelAlignLeft, LabelWrapper, _Slider.classes.labelAlignRight, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.verticalOrientation, SliderBaseWrapper, _Slider.classes.labelAlignCenter, StyledRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.labelAlignLeft, _Slider.classes.labelAlignRight, SliderBaseWrapper, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);
|
|
@@ -25,7 +25,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
25
25
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
26
26
|
var Root = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
27
27
|
componentId: "plasma-new-hope__sc-1xug4g9-0"
|
|
28
|
-
})(["", ";", ";", ";", ";"], function (_ref) {
|
|
28
|
+
})(["", ";", ";", ";", ";", ";"], function (_ref) {
|
|
29
29
|
var base = _ref.base;
|
|
30
30
|
return base;
|
|
31
31
|
}, function (_ref2) {
|
|
@@ -37,13 +37,17 @@ var Root = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
|
37
37
|
}, function (_ref4) {
|
|
38
38
|
var intersectionStyles = _ref4.intersectionStyles;
|
|
39
39
|
return intersectionStyles;
|
|
40
|
+
}, function (_ref5) {
|
|
41
|
+
var invariants = _ref5.invariants;
|
|
42
|
+
return invariants;
|
|
40
43
|
});
|
|
41
44
|
|
|
42
45
|
/* eslint-disable no-underscore-dangle */
|
|
43
46
|
var _component = exports._component = function _component(componentConfig) {
|
|
44
47
|
var tag = componentConfig.tag,
|
|
45
48
|
base = componentConfig.base,
|
|
46
|
-
intersections = componentConfig.intersections
|
|
49
|
+
intersections = componentConfig.intersections,
|
|
50
|
+
invariants = componentConfig.invariants;
|
|
47
51
|
var staticVariants = (0, _utils.getStaticVariants)(componentConfig);
|
|
48
52
|
var dynamicVariants = (0, _utils.getDynamicVariants)(componentConfig);
|
|
49
53
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
@@ -53,7 +57,8 @@ var _component = exports._component = function _component(componentConfig) {
|
|
|
53
57
|
base: base,
|
|
54
58
|
staticVariants: staticVariants,
|
|
55
59
|
dynamicVariants: dynamicVariants,
|
|
56
|
-
intersectionStyles: intersectionStyles
|
|
60
|
+
intersectionStyles: intersectionStyles,
|
|
61
|
+
invariants: invariants
|
|
57
62
|
}, props, {
|
|
58
63
|
ref: ref
|
|
59
64
|
}));
|
package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js
CHANGED
|
@@ -36,12 +36,17 @@ var config = exports.config = {
|
|
|
36
36
|
sr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
|
|
37
37
|
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
|
|
38
38
|
xsr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor)
|
|
39
|
-
},
|
|
40
|
-
disabled: {
|
|
41
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _IconButton.iconButtonTokens.iconButtonDisabledOpacity)
|
|
42
|
-
},
|
|
43
|
-
focused: {
|
|
44
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);"], _IconButton.iconButtonTokens.iconButtonFocusColor)
|
|
45
39
|
}
|
|
46
|
-
|
|
40
|
+
// disabled: {
|
|
41
|
+
// true: css`
|
|
42
|
+
// ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;
|
|
43
|
+
// `,
|
|
44
|
+
// },
|
|
45
|
+
// focused: {
|
|
46
|
+
// true: css`
|
|
47
|
+
// ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);
|
|
48
|
+
// `,
|
|
49
|
+
// },
|
|
50
|
+
},
|
|
51
|
+
invariants: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);"], _IconButton.iconButtonTokens.iconButtonDisabledOpacity, _IconButton.iconButtonTokens.iconButtonFocusColor)
|
|
47
52
|
};
|
|
@@ -15,7 +15,7 @@ export var StyledRangeValue = /*#__PURE__*/styled.span.withConfig({
|
|
|
15
15
|
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], tokens.rangeValueColor, tokens.valueFontFamily, tokens.valueFontSize, tokens.valueFontStyle, tokens.valueFontWeight, tokens.valueLetterSpacing, tokens.valueLineHeight, classes.hideMinValue, classes.hideMaxValue, classes.activeRangeValue, tokens.labelColor);
|
|
16
16
|
export var SliderBaseWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
17
17
|
componentId: "plasma-new-hope__sc-1qm4elt-4"
|
|
18
|
-
})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{
|
|
18
|
+
})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], classes.rangeValuesPlacementOuter, Slider, StyledRangeValue, classes.maxRangeValue, classes.rangeValuesPlacementInner, StyledRangeValue, tokens.rangeValueHorizontalMargin, classes.maxRangeValue, tokens.rangeValueHorizontalMargin);
|
|
19
19
|
export var SingleWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
20
20
|
componentId: "plasma-new-hope__sc-1qm4elt-5"
|
|
21
21
|
})(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}", ":not(:has(", ")):has(", "){margin-right:var(", ");}", ":has(", "){margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{display:grid;grid-template-areas:'b a' 'c a';flex-direction:unset;align-items:unset;justify-content:unset;width:unset;}", "{grid-area:a;}", "{grid-area:b;align-self:start;justify-self:end;&.", "{grid-area:c;align-self:end;}}}&.", "{", "{grid-template-areas:'a b' 'a c';}", "{justify-self:start;}}}"], tokens.disabledOpacity, classes.labelPlacementOuter, LabelWrapper, tokens.labelWrapperMarginBottom, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, tokens.labelWrapperMarginRight, classes.verticalOrientation, classes.labelAlignCenter, LabelWrapper, classes.labelPlacementBottom, LabelWrapper, classes.labelContentReversed, LabelWrapper, classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, tokens.size, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.labelAlignLeft, LabelWrapper, classes.labelAlignRight, classes.labelPlacementBottom, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.verticalOrientation, SliderBaseWrapper, classes.labelAlignCenter, StyledRangeValue, tokens.rangeValueVerticalMargin, classes.maxRangeValue, tokens.rangeValueVerticalMargin, classes.labelAlignLeft, classes.labelAlignRight, SliderBaseWrapper, Slider, StyledRangeValue, classes.maxRangeValue, classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);
|
|
@@ -5,7 +5,7 @@ import { getStaticVariants, getDynamicVariants, getIntersectionStyles } from "./
|
|
|
5
5
|
export { styled, css };
|
|
6
6
|
var Root = /*#__PURE__*/styled.div.withConfig({
|
|
7
7
|
componentId: "plasma-new-hope__sc-1xug4g9-0"
|
|
8
|
-
})(["", ";", ";", ";", ";"], function (_ref) {
|
|
8
|
+
})(["", ";", ";", ";", ";", ";"], function (_ref) {
|
|
9
9
|
var base = _ref.base;
|
|
10
10
|
return base;
|
|
11
11
|
}, function (_ref2) {
|
|
@@ -17,13 +17,17 @@ var Root = /*#__PURE__*/styled.div.withConfig({
|
|
|
17
17
|
}, function (_ref4) {
|
|
18
18
|
var intersectionStyles = _ref4.intersectionStyles;
|
|
19
19
|
return intersectionStyles;
|
|
20
|
+
}, function (_ref5) {
|
|
21
|
+
var invariants = _ref5.invariants;
|
|
22
|
+
return invariants;
|
|
20
23
|
});
|
|
21
24
|
|
|
22
25
|
/* eslint-disable no-underscore-dangle */
|
|
23
26
|
export var _component = function _component(componentConfig) {
|
|
24
27
|
var tag = componentConfig.tag,
|
|
25
28
|
base = componentConfig.base,
|
|
26
|
-
intersections = componentConfig.intersections
|
|
29
|
+
intersections = componentConfig.intersections,
|
|
30
|
+
invariants = componentConfig.invariants;
|
|
27
31
|
var staticVariants = getStaticVariants(componentConfig);
|
|
28
32
|
var dynamicVariants = getDynamicVariants(componentConfig);
|
|
29
33
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
@@ -33,7 +37,8 @@ export var _component = function _component(componentConfig) {
|
|
|
33
37
|
base: base,
|
|
34
38
|
staticVariants: staticVariants,
|
|
35
39
|
dynamicVariants: dynamicVariants,
|
|
36
|
-
intersectionStyles: intersectionStyles
|
|
40
|
+
intersectionStyles: intersectionStyles,
|
|
41
|
+
invariants: invariants
|
|
37
42
|
}, props, {
|
|
38
43
|
ref: ref
|
|
39
44
|
}));
|
|
@@ -30,12 +30,17 @@ export var config = {
|
|
|
30
30
|
sr: /*#__PURE__*/css(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
|
31
31
|
xs: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
|
32
32
|
xsr: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
|
33
|
-
},
|
|
34
|
-
disabled: {
|
|
35
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], iconButtonTokens.iconButtonDisabledOpacity)
|
|
36
|
-
},
|
|
37
|
-
focused: {
|
|
38
|
-
"true": /*#__PURE__*/css(["", ":var(--surface-accent);"], iconButtonTokens.iconButtonFocusColor)
|
|
39
33
|
}
|
|
40
|
-
|
|
34
|
+
// disabled: {
|
|
35
|
+
// true: css`
|
|
36
|
+
// ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;
|
|
37
|
+
// `,
|
|
38
|
+
// },
|
|
39
|
+
// focused: {
|
|
40
|
+
// true: css`
|
|
41
|
+
// ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);
|
|
42
|
+
// `,
|
|
43
|
+
// },
|
|
44
|
+
},
|
|
45
|
+
invariants: /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);"], iconButtonTokens.iconButtonDisabledOpacity, iconButtonTokens.iconButtonFocusColor)
|
|
41
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAExB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAExB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAqC7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAiKzB,CAAC"}
|