@salutejs/plasma-new-hope 0.320.1-canary.1910.14381785345.0 → 0.320.1-canary.1911.14381848774.0

package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx

@@ -25,7 +25,7 @@ const meta: Meta<typeof Radiobox> = {
             },
         },
         size: {
-            options: ['m', 's'],
+            options: ['l', 'm', 's'],
             control: {
                 type: 'radio',
             },

package/es/components/Checkbox/Checkbox.js

@@ -6,12 +6,12 @@ import { base as base$2 } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
 import { base as base$4 } from './variations/_focused/base.js';
-import { Indeterminate, DoneThin, Done } from './IconsSvg.js';
+import { Indeterminate, Done } from './IconsSvg.js';
 import { StyledInput, StyledContentWrapper, StyledTriggerWrapper, StyledTrigger, StyledContent, StyledLabel, StyledDescription, base } from './Checkbox.styles.js';
 import { classes } from './Checkbox.tokens.js';
 
-var _DoneThin, _Done, _Indeterminate;
-var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "appearance", "style", "className", "singleLine", "aria-label"];
+var _Indeterminate, _Done;
+var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
 var checkboxRoot = function checkboxRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
@@ -22,7 +22,6 @@ var checkboxRoot = function checkboxRoot(Root) {
       label = props.label,
       description = props.description,
       indeterminate = props.indeterminate,
-      appearance = props.appearance,
       style = props.style,
       className = props.className,
       _props$singleLine = props.singleLine,
@@ -48,12 +47,6 @@ var checkboxRoot = function checkboxRoot(Root) {
     var hasContent = label || description;
     var singleLineClass = singleLine ? classes.singleLine : undefined;
     var onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;
-    var getIcon = function getIcon() {
-      if (appearance === 'outline') {
-        return _DoneThin || (_DoneThin = /*#__PURE__*/React.createElement(DoneThin, null));
-      }
-      return _Done || (_Done = /*#__PURE__*/React.createElement(Done, null));
-    };
     return /*#__PURE__*/React.createElement(Root, {
       view: view,
       size: size,
@@ -75,7 +68,7 @@ var checkboxRoot = function checkboxRoot(Root) {
       className: singleLineClass
     }, /*#__PURE__*/React.createElement(StyledTriggerWrapper, null, /*#__PURE__*/React.createElement(StyledTrigger, {
       className: classes.checkboxTrigger
-    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : getIcon())), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
+    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null)))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/React.createElement(StyledLabel, {
       className: singleLineClass,

package/es/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate, DoneThin } from './IconsSvg';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledTrigger,\n    base,\n    StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n    forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            indeterminate,\n            appearance,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const forkRef = useForkRef(inputRef, ref);\n\n        useEffect(() => {\n            if (inputRef.current) {\n                inputRef.current.indeterminate = Boolean(indeterminate);\n            }\n        }, [inputRef, indeterminate]);\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const checkboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        const getIcon = () => {\n            if (appearance === 'outline') {\n                return <DoneThin />;\n            }\n\n            return <Done />;\n        };\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={checkboxId}\n                    ref={forkRef}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.checkboxTrigger}>\n                            {indeterminate ? <Indeterminate /> : getIcon()}\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={singleLineClass}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqDescriptionId}\n                                >\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const checkboxConfig = {\n    name: 'Checkbox',\n    tag: 'div',\n    layout: checkboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","appearance","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","getIcon","_DoneThin","React","createElement","DoneThin","_Done","Done","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","_Indeterminate","Indeterminate","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledTrigger,\n    base,\n    StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n    forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            indeterminate,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const forkRef = useForkRef(inputRef, ref);\n\n        useEffect(() => {\n            if (inputRef.current) {\n                inputRef.current.indeterminate = Boolean(indeterminate);\n            }\n        }, [inputRef, indeterminate]);\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const checkboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={checkboxId}\n                    ref={forkRef}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.checkboxTrigger}>\n                            {indeterminate ? <Indeterminate /> : <Done />}\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={singleLineClass}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqDescriptionId}\n                                >\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const checkboxConfig = {\n    name: 'Checkbox',\n    tag: 'div',\n    layout: checkboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","_Indeterminate","Indeterminate","_Done","Done","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}

package/es/components/Checkbox/IconsSvg.js

@@ -18,24 +18,6 @@ var Done = function Done() {
     d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
   })));
 };
-var DoneThin = function DoneThin() {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'inline-flex'
-    }
-  }, /*#__PURE__*/React.createElement("svg", {
-    width: "10",
-    height: "8",
-    viewBox: "0 0 10 8",
-    fill: "none",
-    style: {
-      width: "var(".concat(tokens.triggerSize, ")")
-    }
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M0.5 4L3.5 7L9.5 1",
-    stroke: "var(".concat(tokens.iconColor, ")")
-  })));
-};
 var Indeterminate = function Indeterminate() {
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -56,5 +38,5 @@ var Indeterminate = function Indeterminate() {
   })));
 };
 
-export { Done, DoneThin, Indeterminate };
+export { Done, Indeterminate };
 //# sourceMappingURL=IconsSvg.js.map

package/es/components/Checkbox/IconsSvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconsSvg.js","sources":["../../../src/components/Checkbox/IconsSvg.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tokens } from './Checkbox.tokens';\n\nexport const Done = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path\n                fill={`var(${tokens.iconColor})`}\n                d=\"m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z\"\n            />\n        </svg>\n    </div>\n);\n\nexport const DoneThin = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path d=\"M0.5 4L3.5 7L9.5 1\" stroke={`var(${tokens.iconColor})`} />\n        </svg>\n    </div>\n);\n\nexport const Indeterminate = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path strokeLinecap=\"round\" strokeWidth=\"2\" stroke={`var(${tokens.iconColor})`} d=\"m5.09449,9.0315l8,0\" />\n        </svg>\n    </div>\n);\n"],"names":["Done","React","createElement","style","display","width","viewBox","fill","concat","tokens","triggerSize","iconColor","d","DoneThin","height","stroke","Indeterminate","strokeLinecap","strokeWidth"],"mappings":";;;AAIaA,IAAAA,IAAI,GAAG,SAAPA,IAAIA,GAAA;EAAA,oBACbC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAAG,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAI,KAAA;GAC3FT,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIK,IAAAA,IAAI,SAAAC,MAAA,CAASC,MAAM,CAACE,SAAS,EAAI,GAAA,CAAA;AACjCC,IAAAA,CAAC,EAAC,uRAAA;GACL,CACA,CACJ,CAAC,CAAA;AAAA,EACT;AAEYC,IAAAA,QAAQ,GAAG,SAAXA,QAAQA,GAAA;EAAA,oBACjBZ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,IAAI;AAACS,IAAAA,MAAM,EAAC,GAAG;AAACR,IAAAA,OAAO,EAAC,UAAU;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAAG,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAI,KAAA;GACnGT,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMU,IAAAA,CAAC,EAAC,oBAAoB;AAACG,IAAAA,MAAM,EAAAP,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACE,SAAS,EAAA,GAAA,CAAA;GAAM,CACjE,CACJ,CAAC,CAAA;AAAA,EACT;AAEYK,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,GAAA;EAAA,oBACtBf,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAAG,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAI,KAAA;GAC3FT,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMe,IAAAA,aAAa,EAAC,OAAO;AAACC,IAAAA,WAAW,EAAC,GAAG;AAACH,IAAAA,MAAM,SAAAP,MAAA,CAASC,MAAM,CAACE,SAAS,EAAI,GAAA,CAAA;AAACC,IAAAA,CAAC,EAAC,qBAAA;GAAuB,CACxG,CACJ,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"IconsSvg.js","sources":["../../../src/components/Checkbox/IconsSvg.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tokens } from './Checkbox.tokens';\n\nexport const Done = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path\n                fill={`var(${tokens.iconColor})`}\n                d=\"m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z\"\n            />\n        </svg>\n    </div>\n);\n\nexport const Indeterminate = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path strokeLinecap=\"round\" strokeWidth=\"2\" stroke={`var(${tokens.iconColor})`} d=\"m5.09449,9.0315l8,0\" />\n        </svg>\n    </div>\n);\n"],"names":["Done","React","createElement","style","display","width","viewBox","fill","concat","tokens","triggerSize","iconColor","d","Indeterminate","strokeLinecap","strokeWidth","stroke"],"mappings":";;;AAIaA,IAAAA,IAAI,GAAG,SAAPA,IAAIA,GAAA;EAAA,oBACbC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAAG,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAI,KAAA;GAC3FT,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIK,IAAAA,IAAI,SAAAC,MAAA,CAASC,MAAM,CAACE,SAAS,EAAI,GAAA,CAAA;AACjCC,IAAAA,CAAC,EAAC,uRAAA;GACL,CACA,CACJ,CAAC,CAAA;AAAA,EACT;AAEYC,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,GAAA;EAAA,oBACtBZ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAAG,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAI,KAAA;GAC3FT,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMY,IAAAA,aAAa,EAAC,OAAO;AAACC,IAAAA,WAAW,EAAC,GAAG;AAACC,IAAAA,MAAM,SAAAR,MAAA,CAASC,MAAM,CAACE,SAAS,EAAI,GAAA,CAAA;AAACC,IAAAA,CAAC,EAAC,qBAAA;GAAuB,CACxG,CACJ,CAAC,CAAA;AAAA;;;;"}

package/es/components/Radiobox/Radiobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { InputHTMLAttributes } from '../../types';\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledContent,\n    StyledTrigger,\n    StyledTriggerWrapper,\n} from '../Checkbox/Checkbox.styles';\nimport { BaseboxProps } from '../Checkbox/Checkbox.types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { StyledEllipse, base } from './Radiobox.styles';\nimport { classes } from './Radiobox.tokens';\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> &\n    Omit<BaseboxProps, 'indeterminate' | 'appearance'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n    forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const radioboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={radioboxId}\n                    ref={ref}\n                    type=\"radio\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={radioboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.radioboxTrigger}>\n                            <StyledEllipse />\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const radioboxConfig = {\n    name: 'Radiobox',\n    tag: 'div',\n    layout: radioboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","radioboxTrigger","_StyledEllipse","StyledEllipse","StyledContent","StyledLabel","cx","StyledDescription","radioboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { InputHTMLAttributes } from '../../types';\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledContent,\n    StyledTrigger,\n    StyledTriggerWrapper,\n} from '../Checkbox/Checkbox.styles';\nimport { BaseboxProps } from '../Checkbox/Checkbox.types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { StyledEllipse, base } from './Radiobox.styles';\nimport { classes } from './Radiobox.tokens';\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n    forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const radioboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={radioboxId}\n                    ref={ref}\n                    type=\"radio\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={radioboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.radioboxTrigger}>\n                            <StyledEllipse />\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const radioboxConfig = {\n    name: 'Radiobox',\n    tag: 'div',\n    layout: radioboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","radioboxTrigger","_StyledEllipse","StyledEllipse","StyledContent","StyledLabel","cx","StyledDescription","radioboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.320.1-canary.1910.14381785345.0",
+  "version": "0.320.1-canary.1911.14381848774.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -81,7 +81,7 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-sb-utils": "0.195.0",
-    "@salutejs/plasma-themes": "0.31.1-canary.1910.14381785345.0",
+    "@salutejs/plasma-themes": "0.31.1-canary.1911.14381848774.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
     "@storybook/manager-api": "8.6.12",
@@ -135,5 +135,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "e024b4b51db52ffb2918918abb7bf65b146509ae"
+  "gitHead": "53e10fa24429b91b4d56a9b5dc944ed0fdecdb14"
 }

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

@@ -15,8 +15,8 @@ var _base4 = /*#__PURE__*/require("./variations/_focused/base");
 var _IconsSvg = /*#__PURE__*/require("./IconsSvg");
 var _Checkbox = /*#__PURE__*/require("./Checkbox.styles");
 var _Checkbox2 = /*#__PURE__*/require("./Checkbox.tokens");
-var _DoneThin, _Done, _Indeterminate;
-var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "appearance", "style", "className", "singleLine", "aria-label"];
+var _Indeterminate, _Done;
+var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -32,7 +32,6 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
       label = props.label,
       description = props.description,
       indeterminate = props.indeterminate,
-      appearance = props.appearance,
       style = props.style,
       className = props.className,
       _props$singleLine = props.singleLine,
@@ -58,12 +57,6 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
     var hasContent = label || description;
     var singleLineClass = singleLine ? _Checkbox2.classes.singleLine : undefined;
     var onlyDescriptionClass = !label && description ? _Checkbox2.classes.onlyDescription : undefined;
-    var getIcon = function getIcon() {
-      if (appearance === 'outline') {
-        return _DoneThin || (_DoneThin = /*#__PURE__*/_react["default"].createElement(_IconsSvg.DoneThin, null));
-      }
-      return _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null));
-    };
     return /*#__PURE__*/_react["default"].createElement(Root, {
       view: view,
       size: size,
@@ -85,7 +78,7 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
       className: singleLineClass
     }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTriggerWrapper, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
       className: _Checkbox2.classes.checkboxTrigger
-    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : getIcon())), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
+    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null)))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
       className: singleLineClass,

package/styled-components/cjs/components/Checkbox/IconsSvg.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Indeterminate = exports.DoneThin = exports.Done = void 0;
+exports.Indeterminate = exports.Done = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
 var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -24,24 +24,6 @@ var Done = exports.Done = function Done() {
     d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
   })));
 };
-var DoneThin = exports.DoneThin = function DoneThin() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'inline-flex'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    width: "10",
-    height: "8",
-    viewBox: "0 0 10 8",
-    fill: "none",
-    style: {
-      width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
-    }
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M0.5 4L3.5 7L9.5 1",
-    stroke: "var(".concat(_Checkbox.tokens.iconColor, ")")
-  })));
-};
 var Indeterminate = exports.Indeterminate = function Indeterminate() {
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js

@@ -16,7 +16,8 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.js

@@ -3,20 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CheckboxOutline = exports.CheckboxDefault = exports.Checkbox = void 0;
+exports.CheckboxOutline = exports.CheckboxDefalut = exports.Checkbox = void 0;
 var _Checkbox = /*#__PURE__*/require("../../../../components/Checkbox");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _createConditionalComponent = /*#__PURE__*/require("../../../../utils/createConditionalComponent");
 var _Checkbox2 = /*#__PURE__*/require("./Checkbox.config");
 var _CheckboxOutline = /*#__PURE__*/require("./Checkbox.outline.config");
 var mergedConfigDefault = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _Checkbox2.config);
-var CheckboxDefault = exports.CheckboxDefault = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
+var CheckboxDefalut = exports.CheckboxDefalut = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
 var mergedConfigOutline = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _CheckboxOutline.config);
 var CheckboxOutline = exports.CheckboxOutline = /*#__PURE__*/(0, _engines.component)(mergedConfigOutline);
-/**
- * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.
- */
-var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(CheckboxDefault, [{
+var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(CheckboxDefalut, [{
   conditions: {
     prop: 'appearance',
     value: 'outline'

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js

@@ -16,7 +16,8 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.0625rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx

@@ -24,7 +24,7 @@ const meta: Meta<typeof Checkbox> = {
             },
         },
         size: {
-            options: ['m', 's'],
+            options: ['l', 'm', 's'],
             control: {
                 type: 'radio',
             },

package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js

@@ -17,7 +17,8 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RadioboxOutline = exports.RadioboxDefault = exports.Radiobox = void 0;
+exports.RadioboxOutline = exports.RadioboxDefalut = exports.Radiobox = void 0;
 var _Radiobox = /*#__PURE__*/require("../../../../components/Radiobox");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _createConditionalComponent = /*#__PURE__*/require("../../../../utils/createConditionalComponent");
 var _Radiobox2 = /*#__PURE__*/require("./Radiobox.config");
 var _RadioboxOutline = /*#__PURE__*/require("./Radiobox.outline.config");
 var mergedConfigDefault = /*#__PURE__*/(0, _engines.mergeConfig)(_Radiobox.radioboxConfig, _Radiobox2.config);
-var RadioboxDefault = exports.RadioboxDefault = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
+var RadioboxDefalut = exports.RadioboxDefalut = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
 var mergedConfigOutline = /*#__PURE__*/(0, _engines.mergeConfig)(_Radiobox.radioboxConfig, _RadioboxOutline.config);
 var RadioboxOutline = exports.RadioboxOutline = /*#__PURE__*/(0, _engines.component)(mergedConfigOutline);
-var Radiobox = exports.Radiobox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(RadioboxDefault, [{
+var Radiobox = exports.Radiobox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(RadioboxDefalut, [{
   conditions: {
     prop: 'appearance',
     value: 'outline'

package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.outline.config.js

@@ -17,7 +17,8 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.0625rem;", ":0.5rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx

@@ -25,7 +25,7 @@ const meta: Meta<typeof Radiobox> = {
             },
         },
         size: {
-            options: ['m', 's'],
+            options: ['l', 'm', 's'],
             control: {
                 type: 'radio',
             },

package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js

@@ -16,7 +16,8 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CheckboxOutline = exports.CheckboxDefault = exports.Checkbox = void 0;
+exports.CheckboxOutline = exports.CheckboxDefalut = exports.Checkbox = void 0;
 var _Checkbox = /*#__PURE__*/require("../../../../components/Checkbox");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _createConditionalComponent = /*#__PURE__*/require("../../../../utils/createConditionalComponent");
 var _Checkbox2 = /*#__PURE__*/require("./Checkbox.config");
 var _CheckboxOutline = /*#__PURE__*/require("./Checkbox.outline.config");
 var mergedConfigDefault = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _Checkbox2.config);
-var CheckboxDefault = exports.CheckboxDefault = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
+var CheckboxDefalut = exports.CheckboxDefalut = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
 var mergedConfigOutline = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig, _CheckboxOutline.config);
 var CheckboxOutline = exports.CheckboxOutline = /*#__PURE__*/(0, _engines.component)(mergedConfigOutline);
-var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(CheckboxDefault, [{
+var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(CheckboxDefalut, [{
   conditions: {
     prop: 'appearance',
     value: 'outline'

package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js

@@ -16,7 +16,8 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.0625rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx

@@ -24,7 +24,7 @@ const meta: Meta<typeof Checkbox> = {
             },
         },
         size: {
-            options: ['m', 's'],
+            options: ['l', 'm', 's'],
             control: {
                 type: 'radio',
             },

package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js

@@ -17,7 +17,8 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.