@salutejs/plasma-new-hope 0.336.0-canary.2224.17630468274.0 → 0.336.0-canary.2227.17672582071.0

package/es/components/Switch/Switch.css

@@ -8,9 +8,9 @@
 
 .base_15j754u_bnochw__b189000a{opacity:var(--plasma-switch-disabled-opacity);}.base_15j754u_bnochw__b189000a[disabled]{cursor:not-allowed;}
 
-.Switch_styles_1pe5u24_b1fcyfkl__3626c46a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-switch-vertical-gap);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_1pe5u24_b1fcyfkl__3626c46a:focus{outline:0 none;}
-.Switch_styles_1pe5u24_s10fscgc__3626c46a{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Switch_styles_1pe5u24_s10fscgc__3626c46a.Switch_styles_1pe5u24_switchLabelPositionBefore__3626c46a{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_1pe5u24_s10fscgc__3626c46a.Switch_styles_1pe5u24_switchLabelPositionAfter__3626c46a{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
-.Switch_styles_1pe5u24_sdjnckq__3626c46a{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;line-clamp:var(--plasma-switch__description-max-lines);-webkit-line-clamp:var(--plasma-switch__description-max-lines);-webkit-box-orient:vertical;white-space:wrap;}
-.Switch_styles_1pe5u24_ssthlx1__3626c46a{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_1pe5u24_ssthlx1__3626c46a:focus{outline:0 none;}
-.Switch_styles_1pe5u24_s1ilr5eq__3626c46a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.Switch_styles_1pe5u24_s1ilr5eq__3626c46a.Switch_styles_1pe5u24_switchLabelEllipsis__3626c46a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Switch_styles_1pe5u24_s2cs3kf__3626c46a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_1pe5u24_s2cs3kf__3626c46a::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_1pe5u24_ssthlx1__3626c46a:checked ~ .Switch_styles_1pe5u24_s2cs3kf__3626c46a::after{right:0;left:auto;}
+.Switch_styles_qjefea_b1fcyfkl__60191d72{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-switch-vertical-gap);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_qjefea_b1fcyfkl__60191d72:focus{outline:0 none;}
+.Switch_styles_qjefea_s10fscgc__60191d72{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Switch_styles_qjefea_s10fscgc__60191d72.Switch_styles_qjefea_switchLabelPositionBefore__60191d72{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_qjefea_s10fscgc__60191d72.Switch_styles_qjefea_switchLabelPositionAfter__60191d72{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
+.Switch_styles_qjefea_sdjnckq__60191d72{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;line-clamp:var(--plasma-switch__description-max-lines);-webkit-line-clamp:var(--plasma-switch__description-max-lines);-webkit-box-orient:vertical;white-space:wrap;}
+.Switch_styles_qjefea_ssthlx1__60191d72{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_qjefea_ssthlx1__60191d72:focus{outline:0 none;}
+.Switch_styles_qjefea_s1ilr5eq__60191d72{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Switch_styles_qjefea_s2cs3kf__60191d72{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_qjefea_s2cs3kf__60191d72::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_qjefea_ssthlx1__60191d72:checked ~ .Switch_styles_qjefea_s2cs3kf__60191d72::after{right:0;left:auto;}

package/es/components/Switch/Switch.js

@@ -10,7 +10,7 @@ import { StyledContent, StyledInput, StyledLabel, StyledTrigger, StyledDescripti
 import { classes } from './Switch.tokens.js';
 
 var _StyledTrigger;
-var _excluded = ["size", "toggleSize", "view", "focused", "outlined", "disabled", "labelPosition", "label", "description", "labelEllipses", "id", "style", "className", "checked", "pressed", "defaultChecked"];
+var _excluded = ["size", "toggleSize", "view", "focused", "outlined", "disabled", "labelPosition", "label", "description", "id", "style", "className", "checked", "pressed", "defaultChecked"];
 var switchRoot = function switchRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
@@ -22,8 +22,6 @@ var switchRoot = function switchRoot(Root) {
       labelPosition = props.labelPosition,
       label = props.label,
       description = props.description,
-      _props$labelEllipses = props.labelEllipses,
-      labelEllipses = _props$labelEllipses === void 0 ? true : _props$labelEllipses,
       id = props.id,
       style = props.style,
       className = props.className,
@@ -53,8 +51,7 @@ var switchRoot = function switchRoot(Root) {
       defaultChecked: defaultChecked,
       disabled: disabled
     })), /*#__PURE__*/React.createElement(StyledLabel, {
-      tabIndex: -1,
-      className: labelEllipses ? classes.labelEllipsis : ''
+      tabIndex: -1
     }, label), _StyledTrigger || (_StyledTrigger = /*#__PURE__*/React.createElement(StyledTrigger, {
       "aria-hidden": true
     }))), description && /*#__PURE__*/React.createElement(StyledDescription, null, description));

package/es/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { base as sizeCSS } from '../Switch/_size/base';\nimport { base as toggleSizeCSS } from '../Switch/_toggleSize/base';\nimport { base as viewCSS } from '../Switch/_view/base';\nimport { base as focusedCSS } from '../Switch/_focused/base';\nimport { base as disabledCSS } from '../Switch/_disabled/base';\nimport { cx } from '../../utils';\n\nimport { StyledContent, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles';\nimport { SwitchProps } from './Switch.types';\nimport { classes } from './Switch.tokens';\n\nexport const switchRoot = (Root: RootProps<HTMLInputElement, SwitchProps>) =>\n    forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n        const {\n            size,\n            toggleSize,\n            view,\n            focused,\n            outlined,\n            disabled,\n            labelPosition,\n\n            label,\n            description,\n            labelEllipses = true,\n\n            id,\n            style,\n            className,\n\n            // singleLine,\n\n            checked,\n            pressed,\n            defaultChecked,\n\n            ...rest\n        } = props;\n\n        const exactChecked = Boolean((checked ?? pressed) !== undefined ? checked ?? pressed : defaultChecked);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                toggleSize={toggleSize}\n                disabled={disabled}\n                focused={focused ?? outlined}\n                labelPosition={labelPosition}\n                id={id}\n                style={style}\n                className={cx(className)}\n            >\n                <StyledContent className={cx(classes[`${labelPosition}SwitchLabelPosition` as keyof typeof classes])}>\n                    <StyledInput\n                        {...rest}\n                        ref={ref}\n                        role=\"switch\"\n                        aria-checked={exactChecked}\n                        type=\"checkbox\"\n                        checked={checked ?? pressed}\n                        defaultChecked={defaultChecked}\n                        disabled={disabled}\n                    />\n                    <StyledLabel tabIndex={-1} className={labelEllipses ? classes.labelEllipsis : ''}>\n                        {label}\n                    </StyledLabel>\n                    <StyledTrigger aria-hidden />\n                </StyledContent>\n                {description && <StyledDescription>{description}</StyledDescription>}\n            </Root>\n        );\n    });\n\nexport const switchConfig = {\n    name: 'Switch',\n    tag: 'label',\n    base,\n    layout: switchRoot,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        toggleSize: {\n            css: toggleSizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 's',\n        view: 'default',\n    },\n};\n"],"names":["switchRoot","Root","forwardRef","props","ref","size","toggleSize","view","focused","outlined","disabled","labelPosition","label","description","_props$labelEllipses","labelEllipses","id","style","className","checked","pressed","defaultChecked","rest","_objectWithoutProperties","_excluded","exactChecked","Boolean","undefined","React","createElement","cx","StyledContent","classes","concat","StyledInput","_extends","role","type","StyledLabel","tabIndex","labelEllipsis","_StyledTrigger","StyledTrigger","StyledDescription","switchConfig","name","tag","base","layout","variations","css","sizeCSS","viewCSS","toggleSizeCSS","disabledCSS","attrs","focusedCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { base as sizeCSS } from '../Switch/_size/base';\nimport { base as toggleSizeCSS } from '../Switch/_toggleSize/base';\nimport { base as viewCSS } from '../Switch/_view/base';\nimport { base as focusedCSS } from '../Switch/_focused/base';\nimport { base as disabledCSS } from '../Switch/_disabled/base';\nimport { cx } from '../../utils';\n\nimport { StyledContent, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles';\nimport { SwitchProps } from './Switch.types';\nimport { classes } from './Switch.tokens';\n\nexport const switchRoot = (Root: RootProps<HTMLInputElement, SwitchProps>) =>\n    forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n        const {\n            size,\n            toggleSize,\n            view,\n            focused,\n            outlined,\n            disabled,\n            labelPosition,\n\n            label,\n            description,\n\n            id,\n            style,\n            className,\n\n            // singleLine,\n\n            checked,\n            pressed,\n            defaultChecked,\n\n            ...rest\n        } = props;\n\n        const exactChecked = Boolean((checked ?? pressed) !== undefined ? checked ?? pressed : defaultChecked);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                toggleSize={toggleSize}\n                disabled={disabled}\n                focused={focused ?? outlined}\n                labelPosition={labelPosition}\n                id={id}\n                style={style}\n                className={cx(className)}\n            >\n                <StyledContent className={cx(classes[`${labelPosition}SwitchLabelPosition` as keyof typeof classes])}>\n                    <StyledInput\n                        {...rest}\n                        ref={ref}\n                        role=\"switch\"\n                        aria-checked={exactChecked}\n                        type=\"checkbox\"\n                        checked={checked ?? pressed}\n                        defaultChecked={defaultChecked}\n                        disabled={disabled}\n                    />\n                    <StyledLabel tabIndex={-1}>{label}</StyledLabel>\n                    <StyledTrigger aria-hidden />\n                </StyledContent>\n                {description && <StyledDescription>{description}</StyledDescription>}\n            </Root>\n        );\n    });\n\nexport const switchConfig = {\n    name: 'Switch',\n    tag: 'label',\n    base,\n    layout: switchRoot,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        toggleSize: {\n            css: toggleSizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 's',\n        view: 'default',\n    },\n};\n"],"names":["switchRoot","Root","forwardRef","props","ref","size","toggleSize","view","focused","outlined","disabled","labelPosition","label","description","id","style","className","checked","pressed","defaultChecked","rest","_objectWithoutProperties","_excluded","exactChecked","Boolean","undefined","React","createElement","cx","StyledContent","classes","concat","StyledInput","_extends","role","type","StyledLabel","tabIndex","_StyledTrigger","StyledTrigger","StyledDescription","switchConfig","name","tag","base","layout","variations","css","sizeCSS","viewCSS","toggleSizeCSS","disabledCSS","attrs","focusedCSS","defaults"],"mappings":"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"}

package/es/components/Switch/Switch.styles.js

@@ -1,4 +1,4 @@
-import './Switch.styles_1pe5u24.css';
+import './Switch.styles_qjefea.css';
 import { styled } from '@linaria/react';
 
 var base = "b1fcyfkl";

package/es/components/Switch/Switch.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Switch.tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.verticalGap});\n\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledContent = styled.div`\n    width: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    &.${classes.beforeSwitchLabelPosition} {\n        justify-content: space-between;\n\n        ${tokens.labelOffsetPrivate}: 0 var(${tokens.labelOffset}) 0 0;\n    }\n\n    &.${classes.afterSwitchLabelPosition} {\n        justify-content: start;\n        flex-direction: row-reverse;\n\n        ${tokens.labelOffsetPrivate}: 0 0 0 var(${tokens.labelOffset});\n    }\n`;\n\nexport const StyledDescription = styled.div`\n    position: relative;\n\n    ${applyEllipsis()}\n\n    display: -webkit-box;\n    line-clamp: var(${tokens.descriptionMaxLines});\n    -webkit-line-clamp: var(${tokens.descriptionMaxLines}); /* Ограничиваем количество строк */\n    -webkit-box-orient: vertical;\n    white-space: wrap;\n`;\n\nexport const StyledInput = styled.input`\n    position: absolute;\n    right: 0;\n    margin: 0;\n    opacity: 0;\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledLabel = styled.span`\n    user-select: none;\n\n    &.${classes.labelEllipsis} {\n        ${applyEllipsis()}\n    }\n`;\n\nexport const StyledTrigger = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    transition: background-color 0.15s ease-in-out 0.1s;\n\n    ::after {\n        content: '';\n        position: absolute;\n        right: auto;\n        left: 0;\n\n        transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n    }\n\n    ${StyledInput}:checked ~ &::after {\n        right: 0;\n        left: auto;\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledDescription","StyledInput","StyledLabel","StyledTrigger"],"mappings":";;AAOO,IAAMA,IAAI,GAYhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBlC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBlC;;;;"}
+{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Switch.tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.verticalGap});\n\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledContent = styled.div`\n    width: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    &.${classes.beforeSwitchLabelPosition} {\n        justify-content: space-between;\n\n        ${tokens.labelOffsetPrivate}: 0 var(${tokens.labelOffset}) 0 0;\n    }\n\n    &.${classes.afterSwitchLabelPosition} {\n        justify-content: start;\n        flex-direction: row-reverse;\n\n        ${tokens.labelOffsetPrivate}: 0 0 0 var(${tokens.labelOffset});\n    }\n`;\n\nexport const StyledDescription = styled.div`\n    position: relative;\n\n    ${applyEllipsis()}\n\n    display: -webkit-box;\n    line-clamp: var(${tokens.descriptionMaxLines});\n    -webkit-line-clamp: var(${tokens.descriptionMaxLines}); /* Ограничиваем количество строк */\n    -webkit-box-orient: vertical;\n    white-space: wrap;\n`;\n\nexport const StyledInput = styled.input`\n    position: absolute;\n    right: 0;\n    margin: 0;\n    opacity: 0;\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledLabel = styled.span`\n    user-select: none;\n\n    // TODO: multiline switch\n    ${applyEllipsis()}\n`;\n\nexport const StyledTrigger = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    transition: background-color 0.15s ease-in-out 0.1s;\n\n    ::after {\n        content: '';\n        position: absolute;\n        right: auto;\n        left: 0;\n\n        transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n    }\n\n    ${StyledInput}:checked ~ &::after {\n        right: 0;\n        left: auto;\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledDescription","StyledInput","StyledLabel","StyledTrigger"],"mappings":";;AAOO,IAAMA,IAAI,GAYhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBlC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBlC;;;;"}

package/es/components/Switch/{Switch.styles_1pe5u24.css → Switch.styles_qjefea.css}

@@ -2,5 +2,5 @@
 .s10fscgc{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s10fscgc.switch-label-position-before{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.s10fscgc.switch-label-position-after{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
 .sdjnckq{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;line-clamp:var(--plasma-switch__description-max-lines);-webkit-line-clamp:var(--plasma-switch__description-max-lines);-webkit-box-orient:vertical;white-space:wrap;}
 .ssthlx1{position:absolute;right:0;margin:0;opacity:0;}.ssthlx1:focus{outline:0 none;}
-.s1ilr5eq{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.s1ilr5eq.switch-label-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.s1ilr5eq{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .s2cs3kf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.s2cs3kf::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.ssthlx1:checked ~ .s2cs3kf::after{right:0;left:auto;}

package/es/components/Switch/Switch.tokens.js

@@ -50,8 +50,7 @@ var tokens = {
 };
 var classes = {
   beforeSwitchLabelPosition: 'switch-label-position-before',
-  afterSwitchLabelPosition: 'switch-label-position-after',
-  labelEllipsis: 'switch-label-ellipsis'
+  afterSwitchLabelPosition: 'switch-label-position-after'
 };
 
 export { classes, tokens };

package/es/components/Switch/Switch.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n    fontFamily: '--plasma-switch-font-family',\n    fontStyle: '--plasma-switch-font-style',\n    fontSize: '--plasma-switch-font-size',\n    fontWeight: '--plasma-switch-font-weight',\n    letterSpacing: '--plasma-switch-letter-spacing',\n    lineHeight: '--plasma-switch-line-height',\n\n    /* Токены description */\n    descriptionFontFamily: '--plasma-switch-description-font-family',\n    descriptionFontStyle: '--plasma-switch-description-font-style',\n    descriptionFontSize: '--plasma-switch-description-font-size',\n    descriptionFontWeight: '--plasma-switch-description-font-weight',\n    descriptionLetterSpacing: '--plasma-switch-description-letter-spacing',\n    descriptionLineHeight: '--plasma-switch-description-line-height',\n\n    /* Цвет подписи */\n    labelColor: '--plasma-switch__label-color',\n    labelOffset: '--plasma-switch__label-offset',\n\n    /* Цвет описания */\n    descriptionColor: '--plasma-switch__description-color',\n    descriptionOffset: '--plasma-switch__description-offset',\n    descriptionMaxLines: '--plasma-switch__description-max-lines',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-switch-disabled-opacity',\n\n    verticalGap: '--plasma-switch-vertical-gap',\n    trackWidth: '--plasma-switch__track-width',\n    trackHeight: '--plasma-switch__track-height',\n    trackBorderWidthOn: '--plasma-switch__track_checked_true-border-width',\n    trackBorderWidthOff: '--plasma-switch__track_checked_false-border-width',\n    trackBorderColorOn: '--plasma-switch__track_checked_true-border-color',\n    trackBorderColorOnHover: '--plasma-switch__track_checked_true_hovered_true-border-color',\n    trackBorderColorOff: '--plasma-switch__track_checked_false-border-color',\n    trackBorderColorOffHover: '--plasma-switch__track_checked_false_hovered_true-border-color',\n\n    trackBorderRadius: '--plasma-switch__track-border-radius',\n    // NOTE: could be intersection with checked\n    trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n    trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n    trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n    trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n    trackFocusColor: '--plasma-switch__track-focus-color',\n\n    thumbSize: '--plasma-switch__thumb-size',\n    thumbOffsetOn: '--plasma-switch__thumb_checked_true-offset',\n    thumbOffsetOff: '--plasma-switch__thumb_checked_false-offset',\n    thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n    thumbPressScale: '--plasma-switch__thumb-scale',\n\n    thumbBackgroundColorOn: '--plasma-switch__thumb_checked_true-bg-color',\n    thumbBackgroundColorOff: '--plasma-switch__thumb_checked_false-bg-color',\n    thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n    thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n\n    labelOffsetPrivate: '--plasma_private-switch__label-offset',\n};\n\nexport const classes = {\n    beforeSwitchLabelPosition: 'switch-label-position-before',\n    afterSwitchLabelPosition: 'switch-label-position-after',\n    labelEllipsis: 'switch-label-ellipsis',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","descriptionFontFamily","descriptionFontStyle","descriptionFontSize","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","labelColor","labelOffset","descriptionColor","descriptionOffset","descriptionMaxLines","disabledOpacity","verticalGap","trackWidth","trackHeight","trackBorderWidthOn","trackBorderWidthOff","trackBorderColorOn","trackBorderColorOnHover","trackBorderColorOff","trackBorderColorOffHover","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffsetOn","thumbOffsetOff","thumbBorderRadius","thumbPressScale","thumbBackgroundColorOn","thumbBackgroundColorOff","thumbBoxShadow","thumbBoxShadowOn","labelOffsetPrivate","classes","beforeSwitchLabelPosition","afterSwitchLabelPosition","labelEllipsis"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhE;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7D;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,uBAAuB,EAAE,+DAA+D;AACxFC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,wBAAwB,EAAE,gEAAgE;AAE1FC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,aAAa,EAAE,4CAA4C;AAC3DC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAgD;AAElEC,EAAAA,kBAAkB,EAAE,uCAAA;AACxB,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,aAAa,EAAE,uBAAA;AACnB;;;;"}
+{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n    fontFamily: '--plasma-switch-font-family',\n    fontStyle: '--plasma-switch-font-style',\n    fontSize: '--plasma-switch-font-size',\n    fontWeight: '--plasma-switch-font-weight',\n    letterSpacing: '--plasma-switch-letter-spacing',\n    lineHeight: '--plasma-switch-line-height',\n\n    /* Токены description */\n    descriptionFontFamily: '--plasma-switch-description-font-family',\n    descriptionFontStyle: '--plasma-switch-description-font-style',\n    descriptionFontSize: '--plasma-switch-description-font-size',\n    descriptionFontWeight: '--plasma-switch-description-font-weight',\n    descriptionLetterSpacing: '--plasma-switch-description-letter-spacing',\n    descriptionLineHeight: '--plasma-switch-description-line-height',\n\n    /* Цвет подписи */\n    labelColor: '--plasma-switch__label-color',\n    labelOffset: '--plasma-switch__label-offset',\n\n    /* Цвет описания */\n    descriptionColor: '--plasma-switch__description-color',\n    descriptionOffset: '--plasma-switch__description-offset',\n    descriptionMaxLines: '--plasma-switch__description-max-lines',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-switch-disabled-opacity',\n\n    verticalGap: '--plasma-switch-vertical-gap',\n    trackWidth: '--plasma-switch__track-width',\n    trackHeight: '--plasma-switch__track-height',\n    trackBorderWidthOn: '--plasma-switch__track_checked_true-border-width',\n    trackBorderWidthOff: '--plasma-switch__track_checked_false-border-width',\n    trackBorderColorOn: '--plasma-switch__track_checked_true-border-color',\n    trackBorderColorOnHover: '--plasma-switch__track_checked_true_hovered_true-border-color',\n    trackBorderColorOff: '--plasma-switch__track_checked_false-border-color',\n    trackBorderColorOffHover: '--plasma-switch__track_checked_false_hovered_true-border-color',\n\n    trackBorderRadius: '--plasma-switch__track-border-radius',\n    // NOTE: could be intersection with checked\n    trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n    trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n    trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n    trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n    trackFocusColor: '--plasma-switch__track-focus-color',\n\n    thumbSize: '--plasma-switch__thumb-size',\n    thumbOffsetOn: '--plasma-switch__thumb_checked_true-offset',\n    thumbOffsetOff: '--plasma-switch__thumb_checked_false-offset',\n    thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n    thumbPressScale: '--plasma-switch__thumb-scale',\n\n    thumbBackgroundColorOn: '--plasma-switch__thumb_checked_true-bg-color',\n    thumbBackgroundColorOff: '--plasma-switch__thumb_checked_false-bg-color',\n    thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n    thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n\n    labelOffsetPrivate: '--plasma_private-switch__label-offset',\n};\n\nexport const classes = {\n    beforeSwitchLabelPosition: 'switch-label-position-before',\n    afterSwitchLabelPosition: 'switch-label-position-after',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","descriptionFontFamily","descriptionFontStyle","descriptionFontSize","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","labelColor","labelOffset","descriptionColor","descriptionOffset","descriptionMaxLines","disabledOpacity","verticalGap","trackWidth","trackHeight","trackBorderWidthOn","trackBorderWidthOff","trackBorderColorOn","trackBorderColorOnHover","trackBorderColorOff","trackBorderColorOffHover","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffsetOn","thumbOffsetOff","thumbBorderRadius","thumbPressScale","thumbBackgroundColorOn","thumbBackgroundColorOff","thumbBoxShadow","thumbBoxShadowOn","labelOffsetPrivate","classes","beforeSwitchLabelPosition","afterSwitchLabelPosition"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhE;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7D;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,uBAAuB,EAAE,+DAA+D;AACxFC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,wBAAwB,EAAE,gEAAgE;AAE1FC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,aAAa,EAAE,4CAA4C;AAC3DC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAgD;AAElEC,EAAAA,kBAAkB,EAAE,uCAAA;AACxB,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,wBAAwB,EAAE,6BAAA;AAC9B;;;;"}

package/es/index.css

@@ -246,12 +246,12 @@
 
 .base_15j754u_bnochw__b189000a{opacity:var(--plasma-switch-disabled-opacity);}.base_15j754u_bnochw__b189000a[disabled]{cursor:not-allowed;}
 
-.Switch_styles_1pe5u24_b1fcyfkl__3626c46a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-switch-vertical-gap);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_1pe5u24_b1fcyfkl__3626c46a:focus{outline:0 none;}
-.Switch_styles_1pe5u24_s10fscgc__3626c46a{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Switch_styles_1pe5u24_s10fscgc__3626c46a.Switch_styles_1pe5u24_switchLabelPositionBefore__3626c46a{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_1pe5u24_s10fscgc__3626c46a.Switch_styles_1pe5u24_switchLabelPositionAfter__3626c46a{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
-.Switch_styles_1pe5u24_sdjnckq__3626c46a{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;line-clamp:var(--plasma-switch__description-max-lines);-webkit-line-clamp:var(--plasma-switch__description-max-lines);-webkit-box-orient:vertical;white-space:wrap;}
-.Switch_styles_1pe5u24_ssthlx1__3626c46a{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_1pe5u24_ssthlx1__3626c46a:focus{outline:0 none;}
-.Switch_styles_1pe5u24_s1ilr5eq__3626c46a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.Switch_styles_1pe5u24_s1ilr5eq__3626c46a.Switch_styles_1pe5u24_switchLabelEllipsis__3626c46a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Switch_styles_1pe5u24_s2cs3kf__3626c46a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_1pe5u24_s2cs3kf__3626c46a::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_1pe5u24_ssthlx1__3626c46a:checked ~ .Switch_styles_1pe5u24_s2cs3kf__3626c46a::after{right:0;left:auto;}
+.Switch_styles_qjefea_b1fcyfkl__60191d72{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-switch-vertical-gap);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_qjefea_b1fcyfkl__60191d72:focus{outline:0 none;}
+.Switch_styles_qjefea_s10fscgc__60191d72{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Switch_styles_qjefea_s10fscgc__60191d72.Switch_styles_qjefea_switchLabelPositionBefore__60191d72{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_qjefea_s10fscgc__60191d72.Switch_styles_qjefea_switchLabelPositionAfter__60191d72{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
+.Switch_styles_qjefea_sdjnckq__60191d72{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;line-clamp:var(--plasma-switch__description-max-lines);-webkit-line-clamp:var(--plasma-switch__description-max-lines);-webkit-box-orient:vertical;white-space:wrap;}
+.Switch_styles_qjefea_ssthlx1__60191d72{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_qjefea_ssthlx1__60191d72:focus{outline:0 none;}
+.Switch_styles_qjefea_s1ilr5eq__60191d72{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Switch_styles_qjefea_s2cs3kf__60191d72{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_qjefea_s2cs3kf__60191d72::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_qjefea_ssthlx1__60191d72:checked ~ .Switch_styles_qjefea_s2cs3kf__60191d72::after{right:0;left:auto;}
 
 .base_1sq08yf_bxoicu2__bb7a4868{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.336.0-canary.2224.17630468274.0",
+  "version": "0.336.0-canary.2227.17672582071.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "82b826aaedfd9ec598f80a64db1d70e8434beb64"
+  "gitHead": "9b86cd538f5bb8f66d2bacd1e8b4ac5008a77a37"
 }

package/styled-components/cjs/components/Switch/Switch.js

@@ -147,7 +147,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var switchRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
-        var size = props.size, toggleSize = props.toggleSize, view = props.view, focused = props.focused, outlined = props.outlined, disabled = props.disabled, labelPosition = props.labelPosition, label = props.label, description = props.description, _props_labelEllipses = props.labelEllipses, labelEllipses = _props_labelEllipses === void 0 ? true : _props_labelEllipses, id = props.id, style = props.style, className = props.className, // singleLine,
+        var size = props.size, toggleSize = props.toggleSize, view = props.view, focused = props.focused, outlined = props.outlined, disabled = props.disabled, labelPosition = props.labelPosition, label = props.label, description = props.description, id = props.id, style = props.style, className = props.className, // singleLine,
         checked = props.checked, pressed = props.pressed, defaultChecked = props.defaultChecked, rest = _object_without_properties(props, [
             "size",
             "toggleSize",
@@ -158,7 +158,6 @@ var switchRoot = function(Root) {
             "labelPosition",
             "label",
             "description",
-            "labelEllipses",
             "id",
             "style",
             "className",
@@ -188,8 +187,7 @@ var switchRoot = function(Root) {
             defaultChecked: defaultChecked,
             disabled: disabled
         })), /*#__PURE__*/ _react.default.createElement(_Switchstyles.StyledLabel, {
-            tabIndex: -1,
-            className: labelEllipses ? _Switchtokens.classes.labelEllipsis : ''
+            tabIndex: -1
         }, label), /*#__PURE__*/ _react.default.createElement(_Switchstyles.StyledTrigger, {
             "aria-hidden": true
         })), description && /*#__PURE__*/ _react.default.createElement(_Switchstyles.StyledDescription, null, description));

package/styled-components/cjs/components/Switch/Switch.styles.js

@@ -78,7 +78,7 @@ var base = (0, _styledcomponents.css)([
 ], _Switchtokens.tokens.verticalGap);
 var StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "Switch.styles__StyledContent",
-    componentId: "sc-66f1aa77-0"
+    componentId: "sc-c4704e70-0"
 })([
     "width:100%;position:relative;display:flex;align-items:center;&.",
     "{justify-content:space-between;",
@@ -90,7 +90,7 @@ var StyledContent = _styledcomponents.default.div.withConfig({
 ], _Switchtokens.classes.beforeSwitchLabelPosition, _Switchtokens.tokens.labelOffsetPrivate, _Switchtokens.tokens.labelOffset, _Switchtokens.classes.afterSwitchLabelPosition, _Switchtokens.tokens.labelOffsetPrivate, _Switchtokens.tokens.labelOffset);
 var StyledDescription = _styledcomponents.default.div.withConfig({
     displayName: "Switch.styles__StyledDescription",
-    componentId: "sc-66f1aa77-1"
+    componentId: "sc-c4704e70-1"
 })([
     "position:relative;",
     " display:-webkit-box;line-clamp:var(",
@@ -99,21 +99,20 @@ var StyledDescription = _styledcomponents.default.div.withConfig({
 ], (0, _mixins.applyEllipsis)(), _Switchtokens.tokens.descriptionMaxLines, _Switchtokens.tokens.descriptionMaxLines);
 var StyledInput = _styledcomponents.default.input.withConfig({
     displayName: "Switch.styles__StyledInput",
-    componentId: "sc-66f1aa77-2"
+    componentId: "sc-c4704e70-2"
 })([
     "position:absolute;right:0;margin:0;opacity:0;&:focus{outline:0 none;}"
 ]);
 var StyledLabel = _styledcomponents.default.span.withConfig({
     displayName: "Switch.styles__StyledLabel",
-    componentId: "sc-66f1aa77-3"
+    componentId: "sc-c4704e70-3"
 })([
-    "user-select:none;&.",
-    "{",
-    "}"
-], _Switchtokens.classes.labelEllipsis, (0, _mixins.applyEllipsis)());
+    "user-select:none;",
+    ""
+], (0, _mixins.applyEllipsis)());
 var StyledTrigger = _styledcomponents.default.div.withConfig({
     displayName: "Switch.styles__StyledTrigger",
-    componentId: "sc-66f1aa77-4"
+    componentId: "sc-c4704e70-4"
 })([
     "position:relative;display:flex;align-items:center;transition:background-color 0.15s ease-in-out 0.1s;::after{content:'';position:absolute;right:auto;left:0;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}",
     ":checked ~ &::after{right:0;left:auto;}"

package/styled-components/cjs/components/Switch/Switch.tokens.js

@@ -64,6 +64,5 @@ var tokens = {
 };
 var classes = {
     beforeSwitchLabelPosition: 'switch-label-position-before',
-    afterSwitchLabelPosition: 'switch-label-position-after',
-    labelEllipsis: 'switch-label-ellipsis'
+    afterSwitchLabelPosition: 'switch-label-position-after'
 };

package/styled-components/cjs/examples/components/Range/Range.config.js

@@ -46,6 +46,52 @@ var config = {
             ], _Range.rangeTokens.background, _Range.rangeTokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _Range.rangeTokens.dividerColor, _Range.rangeTokens.labelColor, _Range.rangeTokens.leftHelperColor, _Range.rangeTokens.leftHelperColorError, _Range.rangeTokens.leftHelperColorSuccess, _Range.rangeTokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorHover, _Range.rangeTokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorHover, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorHover, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _Range.rangeTokens.indicatorColor, _Range.rangeTokens.focusColor, _Range.rangeTokens.textFieldPlaceholderColorFocus)
         },
         size: {
+            xl: (0, _styledcomponents.css)([
+                "",
+                ":1rem;",
+                ":0 0.375rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0 0 0 1.125rem;",
+                ":0;",
+                ":0.75rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":4rem;",
+                ":1rem;",
+                ":1.3125rem 1.125rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0.25rem 0 0 0;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":-0.0625rem 0.5rem -0.0625rem 0;",
+                ":-0.0625rem 0 -0.0625rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.5rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.5rem auto auto -0.75rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.625rem auto auto;"
+            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight),
             l: (0, _styledcomponents.css)([
                 "",
                 ":0.875rem;",

package/styled-components/es/components/Switch/Switch.js

@@ -88,7 +88,7 @@ import { StyledContent, StyledDescription, StyledInput, StyledLabel, StyledTrigg
 import { classes } from "./Switch.tokens";
 export var switchRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, ref) {
-        var size = props.size, toggleSize = props.toggleSize, view = props.view, focused = props.focused, outlined = props.outlined, disabled = props.disabled, labelPosition = props.labelPosition, label = props.label, description = props.description, _props_labelEllipses = props.labelEllipses, labelEllipses = _props_labelEllipses === void 0 ? true : _props_labelEllipses, id = props.id, style = props.style, className = props.className, // singleLine,
+        var size = props.size, toggleSize = props.toggleSize, view = props.view, focused = props.focused, outlined = props.outlined, disabled = props.disabled, labelPosition = props.labelPosition, label = props.label, description = props.description, id = props.id, style = props.style, className = props.className, // singleLine,
         checked = props.checked, pressed = props.pressed, defaultChecked = props.defaultChecked, rest = _object_without_properties(props, [
             "size",
             "toggleSize",
@@ -99,7 +99,6 @@ export var switchRoot = function(Root) {
             "labelPosition",
             "label",
             "description",
-            "labelEllipses",
             "id",
             "style",
             "className",
@@ -129,8 +128,7 @@ export var switchRoot = function(Root) {
             defaultChecked: defaultChecked,
             disabled: disabled
         })), /*#__PURE__*/ React.createElement(StyledLabel, {
-            tabIndex: -1,
-            className: labelEllipses ? classes.labelEllipsis : ''
+            tabIndex: -1
         }, label), /*#__PURE__*/ React.createElement(StyledTrigger, {
             "aria-hidden": true
         })), description && /*#__PURE__*/ React.createElement(StyledDescription, null, description));

package/styled-components/es/components/Switch/Switch.styles.js

@@ -8,7 +8,7 @@ export var base = css([
 ], tokens.verticalGap);
 export var StyledContent = styled.div.withConfig({
     displayName: "Switch.styles__StyledContent",
-    componentId: "sc-66f1aa77-0"
+    componentId: "sc-c4704e70-0"
 })([
     "width:100%;position:relative;display:flex;align-items:center;&.",
     "{justify-content:space-between;",
@@ -20,7 +20,7 @@ export var StyledContent = styled.div.withConfig({
 ], classes.beforeSwitchLabelPosition, tokens.labelOffsetPrivate, tokens.labelOffset, classes.afterSwitchLabelPosition, tokens.labelOffsetPrivate, tokens.labelOffset);
 export var StyledDescription = styled.div.withConfig({
     displayName: "Switch.styles__StyledDescription",
-    componentId: "sc-66f1aa77-1"
+    componentId: "sc-c4704e70-1"
 })([
     "position:relative;",
     " display:-webkit-box;line-clamp:var(",
@@ -29,21 +29,20 @@ export var StyledDescription = styled.div.withConfig({
 ], applyEllipsis(), tokens.descriptionMaxLines, tokens.descriptionMaxLines);
 export var StyledInput = styled.input.withConfig({
     displayName: "Switch.styles__StyledInput",
-    componentId: "sc-66f1aa77-2"
+    componentId: "sc-c4704e70-2"
 })([
     "position:absolute;right:0;margin:0;opacity:0;&:focus{outline:0 none;}"
 ]);
 export var StyledLabel = styled.span.withConfig({
     displayName: "Switch.styles__StyledLabel",
-    componentId: "sc-66f1aa77-3"
+    componentId: "sc-c4704e70-3"
 })([
-    "user-select:none;&.",
-    "{",
-    "}"
-], classes.labelEllipsis, applyEllipsis());
+    "user-select:none;",
+    ""
+], applyEllipsis());
 export var StyledTrigger = styled.div.withConfig({
     displayName: "Switch.styles__StyledTrigger",
-    componentId: "sc-66f1aa77-4"
+    componentId: "sc-c4704e70-4"
 })([
     "position:relative;display:flex;align-items:center;transition:background-color 0.15s ease-in-out 0.1s;::after{content:'';position:absolute;right:auto;left:0;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}",
     ":checked ~ &::after{right:0;left:auto;}"

package/styled-components/es/components/Switch/Switch.tokens.js

@@ -46,6 +46,5 @@ export var tokens = {
 };
 export var classes = {
     beforeSwitchLabelPosition: 'switch-label-position-before',
-    afterSwitchLabelPosition: 'switch-label-position-after',
-    labelEllipsis: 'switch-label-ellipsis'
+    afterSwitchLabelPosition: 'switch-label-position-after'
 };

package/styled-components/es/examples/components/Range/Range.config.js

@@ -36,6 +36,52 @@ export var config = {
             ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
         },
         size: {
+            xl: css([
+                "",
+                ":1rem;",
+                ":0 0.375rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0 0 0 1.125rem;",
+                ":0;",
+                ":0.75rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":4rem;",
+                ":1rem;",
+                ":1.3125rem 1.125rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0.25rem 0 0 0;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":-0.0625rem 0.5rem -0.0625rem 0;",
+                ":-0.0625rem 0 -0.0625rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.5rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.5rem auto auto -0.75rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.625rem auto auto;"
+            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
             l: css([
                 "",
                 ":0.875rem;",

package/types/components/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,gBAAgB,EAAE,WAAW,CAAC,yFA6DnE,CAAC;AAEP,eAAO,MAAM,YAAY;;;;mBA/DQ,SAAS,CAAC,gBAAgB,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;CA0FxE,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,gBAAgB,EAAE,WAAW,CAAC,yFA0DnE,CAAC;AAEP,eAAO,MAAM,YAAY;;;;mBA5DQ,SAAS,CAAC,gBAAgB,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;CAuFxE,CAAC"}

package/types/components/Switch/Switch.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAYhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAkBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,WAAW,8KASvB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAmBzB,CAAC"}
+{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAYhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAkBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,WAAW,8KASvB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAKvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAmBzB,CAAC"}

package/types/components/Switch/Switch.tokens.d.ts

@@ -47,6 +47,5 @@ export declare const tokens: {
 export declare const classes: {
     beforeSwitchLabelPosition: string;
     afterSwitchLabelPosition: string;
-    labelEllipsis: string;
 };
 //# sourceMappingURL=Switch.tokens.d.ts.map

package/types/components/Switch/Switch.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;IAyBf,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChE,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}
+{"version":3,"file":"Switch.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;IAyBf,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChE,CAAC;AAEF,eAAO,MAAM,OAAO;;;CAGnB,CAAC"}

package/types/components/Switch/Switch.types.d.ts

@@ -5,11 +5,6 @@ export interface SwitchPropsPropsBase {
      * Метка-подпись к элементу
      */
     label?: ReactNode;
-    /**
-     * Перенос строки label
-     * @default true
-     */
-    labelEllipses?: boolean;
     /**
      * Дополнительное описание
      */

package/types/components/Switch/Switch.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAEnC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,qBAAqB;CAAG"}
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAEnC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,qBAAqB;CAAG"}

package/types/examples/components/Range/Range.config.d.ts

@@ -8,6 +8,7 @@ export declare const config: {
             default: import("@linaria/core").LinariaClassName;
         };
         size: {
+            xl: import("@linaria/core").LinariaClassName;
             l: import("@linaria/core").LinariaClassName;
             m: import("@linaria/core").LinariaClassName;
             s: import("@linaria/core").LinariaClassName;

package/types/examples/components/Range/Range.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Range.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAmRlB,CAAC"}
+{"version":3,"file":"Range.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAwUlB,CAAC"}

package/types/examples/components/Range/Range.d.ts

@@ -3,6 +3,7 @@ export declare const Range: import("react").FunctionComponent<import("../../../e
         default: import("@linaria/core").LinariaClassName;
     };
     size: {
+        xl: import("@linaria/core").LinariaClassName;
         l: import("@linaria/core").LinariaClassName;
         m: import("@linaria/core").LinariaClassName;
         s: import("@linaria/core").LinariaClassName;

package/types/examples/components/Range/Range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yIAA0B,CAAC"}
+{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yIAA0B,CAAC"}