@salutejs/plasma-new-hope 0.316.0-canary.1880.14207590539.0 → 0.316.0-dev.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/Checkbox/Checkbox.js +2 -2
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- 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_1a6l9pg.css → Single.styles_e0wk24.css} +2 -2
- package/cjs/index.css +6 -6
- package/emotion/cjs/components/Checkbox/Checkbox.js +2 -2
- package/emotion/cjs/components/Checkbox/Checkbox.template-doc.mdx +0 -13
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +7 -6
- package/emotion/es/components/Checkbox/Checkbox.js +2 -2
- package/emotion/es/components/Checkbox/Checkbox.template-doc.mdx +0 -13
- package/emotion/es/components/Slider/components/Single/Single.styles.js +7 -6
- package/es/components/Checkbox/Checkbox.js +2 -2
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- 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_1a6l9pg.css → Single.styles_e0wk24.css} +2 -2
- package/es/index.css +6 -6
- package/package.json +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.js +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx +0 -13
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +3 -2
- package/styled-components/es/components/Checkbox/Checkbox.js +2 -2
- package/styled-components/es/components/Checkbox/Checkbox.template-doc.mdx +0 -13
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +3 -2
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
|
@@ -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';\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
|
|
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{
|
|
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 .
|
|
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
|
+
.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/index.css
CHANGED
|
@@ -689,12 +689,12 @@
|
|
|
689
689
|
.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);}
|
|
690
690
|
.SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
691
691
|
|
|
692
|
-
.
|
|
693
|
-
.
|
|
694
|
-
.
|
|
695
|
-
.
|
|
696
|
-
.
|
|
697
|
-
.
|
|
692
|
+
.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);}
|
|
693
|
+
.Single_styles_e0wk24_ly2gexi__35f62990{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
694
|
+
.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);}
|
|
695
|
+
.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);}
|
|
696
|
+
.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);}
|
|
697
|
+
.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;}
|
|
698
698
|
|
|
699
699
|
.Double_styles_1jhda4u_lcs82cd__5dc981f4{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);}
|
|
700
700
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.316.0-
|
|
3
|
+
"version": "0.316.0-dev.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -135,5 +135,5 @@
|
|
|
135
135
|
"sideEffects": [
|
|
136
136
|
"*.css"
|
|
137
137
|
],
|
|
138
|
-
"gitHead": "
|
|
138
|
+
"gitHead": "0a243cf42766d3164a258b8a848db8099a5c2554"
|
|
139
139
|
}
|
|
@@ -41,8 +41,8 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
|
|
|
41
41
|
var inputRef = (0, _react.useRef)(null);
|
|
42
42
|
var forkRef = (0, _plasmaCore.useForkRef)(inputRef, ref);
|
|
43
43
|
(0, _react.useEffect)(function () {
|
|
44
|
-
if (inputRef.current) {
|
|
45
|
-
inputRef.current.indeterminate = Boolean(indeterminate);
|
|
44
|
+
if (inputRef.current && indeterminate) {
|
|
45
|
+
inputRef.current.indeterminate = rest.checked === undefined ? Boolean(indeterminate) : rest.checked;
|
|
46
46
|
}
|
|
47
47
|
}, [inputRef, indeterminate]);
|
|
48
48
|
var uniqId = (0, _plasmaCore.safeUseId)();
|
|
@@ -48,16 +48,3 @@ export function App() {
|
|
|
48
48
|
);
|
|
49
49
|
}
|
|
50
50
|
```
|
|
51
|
-
|
|
52
|
-
Состояние `indeterminate` имеет приоритет и не зависит от свойства `checked`
|
|
53
|
-
|
|
54
|
-
```tsx live
|
|
55
|
-
import React from 'react';
|
|
56
|
-
import { Checkbox } from '@salutejs/{{ package }}';
|
|
57
|
-
|
|
58
|
-
export function App() {
|
|
59
|
-
return (
|
|
60
|
-
<Checkbox label="Чекбокс" description="Описание" defaultChecked indeterminate checked={false} />
|
|
61
|
-
);
|
|
62
|
-
}
|
|
63
|
-
```
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.StyledRangeValue = exports.SliderBaseWrapper = exports.SingleWrapper = exports.LabelWrapper = exports.LabelContent = exports.Label = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
|
8
8
|
var _Slider = /*#__PURE__*/require("../../Slider.tokens");
|
|
9
|
+
var _SliderBase = /*#__PURE__*/require("../SliderBase/SliderBase.styles");
|
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
11
|
var LabelWrapper = exports.LabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
11
12
|
componentId: "plasma-new-hope__sc-1qm4elt-0"
|
|
@@ -21,7 +22,7 @@ var StyledRangeValue = exports.StyledRangeValue = /*#__PURE__*/_styledComponents
|
|
|
21
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);
|
|
22
23
|
var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
23
24
|
componentId: "plasma-new-hope__sc-1qm4elt-4"
|
|
24
|
-
})(["
|
|
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);
|
|
25
26
|
var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
26
27
|
componentId: "plasma-new-hope__sc-1qm4elt-5"
|
|
27
|
-
})(["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;}}}&.", ",&.", "{", "{
|
|
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);
|
|
@@ -32,8 +32,8 @@ export var checkboxRoot = function checkboxRoot(Root) {
|
|
|
32
32
|
var inputRef = useRef(null);
|
|
33
33
|
var forkRef = useForkRef(inputRef, ref);
|
|
34
34
|
useEffect(function () {
|
|
35
|
-
if (inputRef.current) {
|
|
36
|
-
inputRef.current.indeterminate = Boolean(indeterminate);
|
|
35
|
+
if (inputRef.current && indeterminate) {
|
|
36
|
+
inputRef.current.indeterminate = rest.checked === undefined ? Boolean(indeterminate) : rest.checked;
|
|
37
37
|
}
|
|
38
38
|
}, [inputRef, indeterminate]);
|
|
39
39
|
var uniqId = safeUseId();
|
|
@@ -48,16 +48,3 @@ export function App() {
|
|
|
48
48
|
);
|
|
49
49
|
}
|
|
50
50
|
```
|
|
51
|
-
|
|
52
|
-
Состояние `indeterminate` имеет приоритет и не зависит от свойства `checked`
|
|
53
|
-
|
|
54
|
-
```tsx live
|
|
55
|
-
import React from 'react';
|
|
56
|
-
import { Checkbox } from '@salutejs/{{ package }}';
|
|
57
|
-
|
|
58
|
-
export function App() {
|
|
59
|
-
return (
|
|
60
|
-
<Checkbox label="Чекбокс" description="Описание" defaultChecked indeterminate checked={false} />
|
|
61
|
-
);
|
|
62
|
-
}
|
|
63
|
-
```
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import { classes, tokens } from '../../Slider.tokens';
|
|
3
|
+
import { Slider } from '../SliderBase/SliderBase.styles';
|
|
3
4
|
export var LabelWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
4
5
|
componentId: "plasma-new-hope__sc-1qm4elt-0"
|
|
5
6
|
})(["color:var(", ");display:flex;gap:var(", ");"], tokens.labelColor, tokens.labelWrapperGap);
|
|
@@ -14,7 +15,7 @@ export var StyledRangeValue = /*#__PURE__*/styled.span.withConfig({
|
|
|
14
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);
|
|
15
16
|
export var SliderBaseWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
16
17
|
componentId: "plasma-new-hope__sc-1qm4elt-4"
|
|
17
|
-
})(["
|
|
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);
|
|
18
19
|
export var SingleWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
19
20
|
componentId: "plasma-new-hope__sc-1qm4elt-5"
|
|
20
|
-
})(["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;}}}&.", ",&.", "{", "{
|
|
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);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";
|
|
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"}
|