@salutejs/plasma-new-hope 0.197.1-canary.1569.11973386056.0 → 0.198.0-canary.1588.11975454374.0

package/es/components/Typography/Old/TypographyOld.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyOld.js","sources":["../../../../src/components/Typography/Old/TypographyOld.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../mixins/applySpacing';\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../tokens';\nimport type { FontProps } from '../Typography.types';\nimport { cx } from '../../../utils';\n\nexport type TypographyOldProps = Omit<FontProps, 'bold'>;\n\nexport const typographyOldRoot = (Root: RootProps<HTMLDivElement, TypographyOldProps>) =>\n    forwardRef<HTMLDivElement, TypographyOldProps>((props, ref) => {\n        const { size, children, breakWord, color, className, style, ...rest } = props;\n\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withBreakWord, className)}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyOldRoot","Root","forwardRef","props","ref","size","children","breakWord","color","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;IAUaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBACjFC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IAAQC,IAAI,GAA4DF,KAAK,CAArEE,IAAI;MAAEC,QAAQ,GAAkDH,KAAK,CAA/DG,QAAQ;MAAEC,SAAS,GAAuCJ,KAAK,CAArDI,SAAS;MAAEC,KAAK,GAAgCL,KAAK,CAA1CK,KAAK;MAAEC,SAAS,GAAqBN,KAAK,CAAnCM,SAAS;MAAEC,KAAK,GAAcP,KAAK,CAAxBO,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;IAE7E,IAAMC,aAAa,GAAGP,SAAS,GAAGQ,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;AAEvE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,QAAA,CAAA;AACDf,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;AACTK,MAAAA,SAAS,EAAEY,EAAE,CAACP,aAAa,EAAEL,SAAS,CAAE;MACxCC,KAAK,EAAAY,cAAA,CAAAA,cAAA,CAAA;AAAId,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKE,KAAK,CAAA,EAAKa,YAAY,CAACZ,IAAI,CAAC,CAAA;KAC3CA,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"TypographyOld.js","sources":["../../../../src/components/Typography/Old/TypographyOld.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../mixins/applySpacing';\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../tokens';\nimport type { FontProps } from '../Typography.types';\nimport { cx } from '../../../utils';\n\nexport type TypographyOldProps = Omit<FontProps, 'bold'>;\n\nexport const typographyOldRoot = (Root: RootProps<HTMLDivElement, TypographyOldProps>) =>\n    forwardRef<HTMLDivElement, TypographyOldProps>((props, ref) => {\n        const { size, children, breakWord, noWrap, color, className, style, ...rest } = props;\n\n        const withNoWrap = noWrap ? classes.typoWithNoWrap : undefined;\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withNoWrap, withBreakWord, className)}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyOldRoot","Root","forwardRef","props","ref","size","children","breakWord","noWrap","color","className","style","rest","_objectWithoutProperties","_excluded","withNoWrap","classes","typoWithNoWrap","undefined","withBreakWord","typoWithBreakWord","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;IAUaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBACjFC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IAAQC,IAAI,GAAoEF,KAAK,CAA7EE,IAAI;MAAEC,QAAQ,GAA0DH,KAAK,CAAvEG,QAAQ;MAAEC,SAAS,GAA+CJ,KAAK,CAA7DI,SAAS;MAAEC,MAAM,GAAuCL,KAAK,CAAlDK,MAAM;MAAEC,KAAK,GAAgCN,KAAK,CAA1CM,KAAK;MAAEC,SAAS,GAAqBP,KAAK,CAAnCO,SAAS;MAAEC,KAAK,GAAcR,KAAK,CAAxBQ,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKV,KAAK,EAAAW,SAAA,CAAA,CAAA;IAErF,IAAMC,UAAU,GAAGP,MAAM,GAAGQ,OAAO,CAACC,cAAc,GAAGC,SAAS,CAAA;IAC9D,IAAMC,aAAa,GAAGZ,SAAS,GAAGS,OAAO,CAACI,iBAAiB,GAAGF,SAAS,CAAA;AAEvE,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACrB,IAAI,EAAAsB,QAAA,CAAA;AACDlB,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;MACTM,SAAS,EAAEc,EAAE,CAACT,UAAU,EAAEI,aAAa,EAAET,SAAS,CAAE;MACpDC,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAA;AAAIhB,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKE,KAAK,CAAA,EAAKe,YAAY,CAACd,IAAI,CAAC,CAAA;KAC3CA,EAAAA,IAAI,CAEPN,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA;;;;"}

package/es/components/Typography/Old/TypographyOld.styles.js

@@ -1,4 +1,4 @@
-import './TypographyOld.styles_17w0rtq.css';
+import './TypographyOld.styles_168abbx.css';
 var base = "b9p5ato";
 
 export { base };

package/es/components/Typography/Old/TypographyOld.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyOld.styles.js","sources":["../../../../src/components/Typography/Old/TypographyOld.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../tokens';\nimport { applyHyphens, applyHyphensNormal } from '../../../mixins';\n\nexport const base = css`\n    font-family: var(${tokens.typoFontFamily});\n    font-size: var(${tokens.typoFontSize});\n    font-style: var(${tokens.typoFontStyle});\n    letter-spacing: var(${tokens.typoFontLetterSpacing});\n    line-height: var(${tokens.typoFontLineHeight});\n    font-weight: var(${tokens.typoFontWeight});\n\n    ${String(applyHyphensNormal)};\n\n    &.${String(classes.typoWithBreakWord)} {\n        ${String(applyHyphens)};\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAahB;;;;"}
+{"version":3,"file":"TypographyOld.styles.js","sources":["../../../../src/components/Typography/Old/TypographyOld.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../tokens';\nimport { applyHyphens, applyHyphensNormal } from '../../../mixins';\n\nexport const base = css`\n    font-family: var(${tokens.typoFontFamily});\n    font-size: var(${tokens.typoFontSize});\n    font-style: var(${tokens.typoFontStyle});\n    letter-spacing: var(${tokens.typoFontLetterSpacing});\n    line-height: var(${tokens.typoFontLineHeight});\n    font-weight: var(${tokens.typoFontWeight});\n\n    &.${classes.typoWithNoWrap} {\n        white-space: nowrap;\n    }\n\n    ${applyHyphensNormal};\n\n    &.${classes.typoWithBreakWord} {\n        ${applyHyphens};\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAiBhB;;;;"}

package/{cjs/components/Typography/Old/TypographyOld.styles_17w0rtq.css → es/components/Typography/Old/TypographyOld.styles_168abbx.css}

@@ -1 +1 @@
-.b9p5ato{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b9p5ato.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.b9p5ato{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b9p5ato.with-no-wrap{white-space:nowrap;}.b9p5ato.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}

package/es/components/Typography/Old/Underline/Underline.css

@@ -1 +1 @@
-.Underline_styles_vsz834_b1uxesuf__4f8f4d9b{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Underline_styles_vsz834_b1uxesuf__4f8f4d9b.Underline_styles_vsz834_withBreakWord__4f8f4d9b{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Underline_styles_1x2vb5e_b1uxesuf__34404c4e{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Underline_styles_1x2vb5e_b1uxesuf__34404c4e.Underline_styles_1x2vb5e_withNoWrap__34404c4e{white-space:nowrap;}.Underline_styles_1x2vb5e_b1uxesuf__34404c4e.Underline_styles_1x2vb5e_withBreakWord__34404c4e{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}

package/es/components/Typography/Old/Underline/Underline.styles.js

@@ -1,4 +1,4 @@
-import './Underline.styles_vsz834.css';
+import './Underline.styles_1x2vb5e.css';
 var base = "b1uxesuf";
 
 export { base };

package/es/components/Typography/Old/Underline/Underline.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Underline.styles.js","sources":["../../../../../src/components/Typography/Old/Underline/Underline.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../tokens';\nimport { applyHyphens, applyHyphensNormal } from '../../../../mixins';\n\nexport const base = css`\n    font-family: var(${tokens.typoFontFamily});\n    font-size: var(${tokens.typoFontSize});\n    font-style: var(${tokens.typoFontStyle});\n    letter-spacing: var(${tokens.typoFontLetterSpacing});\n    line-height: var(${tokens.typoFontLineHeight});\n    font-weight: var(${tokens.typoFontWeight});\n\n    text-transform: uppercase;\n\n    ${String(applyHyphensNormal)};\n\n    &.${String(classes.typoWithBreakWord)} {\n        ${String(applyHyphens)};\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAehB;;;;"}
+{"version":3,"file":"Underline.styles.js","sources":["../../../../../src/components/Typography/Old/Underline/Underline.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../tokens';\nimport { applyHyphens, applyHyphensNormal } from '../../../../mixins';\n\nexport const base = css`\n    font-family: var(${tokens.typoFontFamily});\n    font-size: var(${tokens.typoFontSize});\n    font-style: var(${tokens.typoFontStyle});\n    letter-spacing: var(${tokens.typoFontLetterSpacing});\n    line-height: var(${tokens.typoFontLineHeight});\n    font-weight: var(${tokens.typoFontWeight});\n\n    text-transform: uppercase;\n\n    &.${classes.typoWithNoWrap} {\n        white-space: nowrap;\n    }\n\n    ${applyHyphensNormal};\n\n    &.${classes.typoWithBreakWord} {\n        ${applyHyphens};\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAmBhB;;;;"}

package/{cjs/components/Typography/Old/Underline/Underline.styles_vsz834.css → es/components/Typography/Old/Underline/Underline.styles_1x2vb5e.css}

@@ -1 +1 @@
-.b1uxesuf{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1uxesuf.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.b1uxesuf{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1uxesuf.with-no-wrap{white-space:nowrap;}.b1uxesuf.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}

package/es/components/Typography/Typography.js

@@ -4,25 +4,27 @@ import { applySpacing } from '../../mixins/applySpacing.js';
 import { cx } from '../../utils/index.js';
 import { classes } from './tokens.js';
 
-var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
 var typographyRootCompose = function typographyRootCompose(defaultArgs) {
   return function (Root) {
     return /*#__PURE__*/forwardRef(function (props, ref) {
       var size = props.size,
         children = props.children,
         breakWord = props.breakWord,
+        noWrap = props.noWrap,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
         color = props.color,
         className = props.className,
         style = props.style,
         rest = _objectWithoutProperties(props, _excluded);
+      var withNoWrap = noWrap ? classes.typoWithNoWrap : undefined;
       var withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;
       var typographyBold = bold ? classes.typoBold : undefined;
       return /*#__PURE__*/React.createElement(Root, _extends({
         size: size,
         ref: ref,
-        className: cx(withBreakWord, typographyBold, className),
+        className: cx(withNoWrap, withBreakWord, typographyBold, className),
         style: _objectSpread2(_objectSpread2({
           color: color
         }, style), applySpacing(rest)),

package/es/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n    Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n    forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n        const { size, children, breakWord, bold = defaultArgs?.defaultBold, color, className, style, ...rest } = props;\n\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n        const typographyBold = bold ? classes.typoBold : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withBreakWord, typographyBold, className)}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                bold={bold}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","_props$bold","bold","defaultBold","color","className","style","rest","_objectWithoutProperties","_excluded","withBreakWord","classes","typoWithBreakWord","undefined","typographyBold","typoBold","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IAAQC,IAAI,GAA6FF,KAAK,CAAtGE,IAAI;QAAEC,QAAQ,GAAmFH,KAAK,CAAhGG,QAAQ;QAAEC,SAAS,GAAwEJ,KAAK,CAAtFI,SAAS;QAAAC,WAAA,GAAwEL,KAAK,CAA3EM,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGR,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,WAAW,GAAAF,WAAA;QAAEG,KAAK,GAAgCR,KAAK,CAA1CQ,KAAK;QAAEC,SAAS,GAAqBT,KAAK,CAAnCS,SAAS;QAAEC,KAAK,GAAcV,KAAK,CAAxBU,KAAK;AAAKC,QAAAA,IAAI,GAAAC,wBAAA,CAAKZ,KAAK,EAAAa,SAAA,CAAA,CAAA;MAE9G,IAAMC,aAAa,GAAGV,SAAS,GAAGW,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;MACvE,IAAMC,cAAc,GAAGZ,IAAI,GAAGS,OAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;AAE1D,MAAA,oBACIG,KAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,QAAA,CAAA;AACDpB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTQ,SAAS,EAAEc,EAAE,CAACT,aAAa,EAAEI,cAAc,EAAET,SAAS,CAAE;QACxDC,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAA;AAAIhB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKe,EAAAA,YAAY,CAACd,IAAI,CAAC,CAAG;AAClDL,QAAAA,IAAI,EAAEA,IAAAA;OACFK,EAAAA,IAAI,CAEPR,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../mixins/applySpacing';\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { classes } from './tokens';\nimport { FontProps } from './Typography.types';\n\nexport const typographyRootCompose = (defaultArgs?: { defaultBold?: boolean }) => (\n    Root: RootProps<HTMLDivElement, FontProps>,\n) =>\n    forwardRef<HTMLDivElement, FontProps>((props, ref) => {\n        const {\n            size,\n            children,\n            breakWord,\n            noWrap,\n            bold = defaultArgs?.defaultBold,\n            color,\n            className,\n            style,\n            ...rest\n        } = props;\n\n        const withNoWrap = noWrap ? classes.typoWithNoWrap : undefined;\n        const withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;\n        const typographyBold = bold ? classes.typoBold : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withNoWrap, withBreakWord, typographyBold, className)}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                bold={bold}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n"],"names":["typographyRootCompose","defaultArgs","Root","forwardRef","props","ref","size","children","breakWord","noWrap","_props$bold","bold","defaultBold","color","className","style","rest","_objectWithoutProperties","_excluded","withNoWrap","classes","typoWithNoWrap","undefined","withBreakWord","typoWithBreakWord","typographyBold","typoBold","React","createElement","_extends","cx","_objectSpread","applySpacing"],"mappings":";;;;;;;IASaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,WAAuC,EAAA;AAAA,EAAA,OAAK,UAC9EC,IAA0C,EAAA;AAAA,IAAA,oBAE1CC,UAAU,CAA4B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAClD,MAAA,IACIC,IAAI,GASJF,KAAK,CATLE,IAAI;QACJC,QAAQ,GAQRH,KAAK,CARLG,QAAQ;QACRC,SAAS,GAOTJ,KAAK,CAPLI,SAAS;QACTC,MAAM,GAMNL,KAAK,CANLK,MAAM;QAAAC,WAAA,GAMNN,KAAK,CALLO,IAAI;QAAJA,IAAI,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGT,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEW,WAAW,GAAAF,WAAA;QAC/BG,KAAK,GAILT,KAAK,CAJLS,KAAK;QACLC,SAAS,GAGTV,KAAK,CAHLU,SAAS;QACTC,KAAK,GAELX,KAAK,CAFLW,KAAK;AACFC,QAAAA,IAAI,GAAAC,wBAAA,CACPb,KAAK,EAAAc,SAAA,CAAA,CAAA;MAET,IAAMC,UAAU,GAAGV,MAAM,GAAGW,OAAO,CAACC,cAAc,GAAGC,SAAS,CAAA;MAC9D,IAAMC,aAAa,GAAGf,SAAS,GAAGY,OAAO,CAACI,iBAAiB,GAAGF,SAAS,CAAA;MACvE,IAAMG,cAAc,GAAGd,IAAI,GAAGS,OAAO,CAACM,QAAQ,GAAGJ,SAAS,CAAA;AAE1D,MAAA,oBACIK,KAAA,CAAAC,aAAA,CAAC1B,IAAI,EAAA2B,QAAA,CAAA;AACDvB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,GAAG,EAAEA,GAAI;QACTS,SAAS,EAAEgB,EAAE,CAACX,UAAU,EAAEI,aAAa,EAAEE,cAAc,EAAEX,SAAS,CAAE;QACpEC,KAAK,EAAAgB,cAAA,CAAAA,cAAA,CAAA;AAAIlB,UAAAA,KAAK,EAALA,KAAAA;AAAK,SAAA,EAAKE,KAAK,CAAKiB,EAAAA,YAAY,CAAChB,IAAI,CAAC,CAAG;AAClDL,QAAAA,IAAI,EAAEA,IAAAA;OACFK,EAAAA,IAAI,CAEPT,EAAAA,QACC,CAAC,CAAA;AAEf,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

package/es/components/Typography/Typography.styles.js

@@ -1,4 +1,4 @@
-import './Typography.styles_6mr47g.css';
+import './Typography.styles_fa07dt.css';
 var base = "b1ru04lg";
 
 export { base };

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.styles.js","sources":["../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyHyphens, applyHyphensNormal } from '../../mixins';\n\nimport { classes, tokens } from './tokens';\n\nexport const base = css`\n    font-family: var(${tokens.typoFontFamily});\n    font-size: var(${tokens.typoFontSize});\n    font-style: var(${tokens.typoFontStyle});\n    letter-spacing: var(${tokens.typoFontLetterSpacing});\n    line-height: var(${tokens.typoFontLineHeight});\n    font-weight: var(${tokens.typoFontWeight});\n\n    &.${String(classes.typoBold)} {\n        font-weight: var(${tokens.typoFontWeightBold});\n    }\n\n    ${String(applyHyphensNormal)};\n\n    &.${String(classes.typoWithBreakWord)} {\n        ${String(applyHyphens)};\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAiBhB;;;;"}
+{"version":3,"file":"Typography.styles.js","sources":["../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { applyHyphens, applyHyphensNormal } from '../../mixins';\n\nimport { classes, tokens } from './tokens';\n\nexport const base = css`\n    font-family: var(${tokens.typoFontFamily});\n    font-size: var(${tokens.typoFontSize});\n    font-style: var(${tokens.typoFontStyle});\n    letter-spacing: var(${tokens.typoFontLetterSpacing});\n    line-height: var(${tokens.typoFontLineHeight});\n    font-weight: var(${tokens.typoFontWeight});\n\n    &.${classes.typoBold} {\n        font-weight: var(${tokens.typoFontWeightBold});\n    }\n\n    &.${classes.typoWithNoWrap} {\n        white-space: nowrap;\n    }\n\n    ${applyHyphensNormal};\n\n    &.${classes.typoWithBreakWord} {\n        ${applyHyphens};\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAqBhB;;;;"}

package/es/components/Typography/{Typography.styles_6mr47g.css → Typography.styles_fa07dt.css}

@@ -1 +1 @@
-.b1ru04lg{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1ru04lg.typography-bold{font-weight:var(--typo-font-weight-bold);}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.b1ru04lg{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.b1ru04lg.typography-bold{font-weight:var(--typo-font-weight-bold);}.b1ru04lg.with-no-wrap{white-space:nowrap;}.b1ru04lg.with-break-word{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}

package/es/components/Typography/tokens.js

@@ -1,4 +1,5 @@
 var classes = {
+  typoWithNoWrap: 'with-no-wrap',
   typoWithBreakWord: 'with-break-word',
   typoBold: 'typography-bold'
 };

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\n    typoWithBreakWord: 'with-break-word',\n    typoBold: 'typography-bold',\n};\n\nexport const tokens = {\n    typoFontFamily: '--typo-font-family',\n    typoFontSize: '--typo-font-size',\n    typoFontStyle: '--typo-font-style',\n    typoFontWeight: '--typo-font-weight',\n    typoFontWeightBold: '--typo-font-weight-bold',\n    typoFontLetterSpacing: '--typo-font-letter-spacing',\n    typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithBreakWord","typoBold","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontLetterSpacing","typoFontLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,YAAY,EAAE,kBAAkB;AAChCC,EAAAA,aAAa,EAAE,mBAAmB;AAClCC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,kBAAkB,EAAE,yBAAyB;AAC7CC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../src/components/Typography/tokens.ts"],"sourcesContent":["export const classes = {\n    typoWithNoWrap: 'with-no-wrap',\n    typoWithBreakWord: 'with-break-word',\n    typoBold: 'typography-bold',\n};\n\nexport const tokens = {\n    typoFontFamily: '--typo-font-family',\n    typoFontSize: '--typo-font-size',\n    typoFontStyle: '--typo-font-style',\n    typoFontWeight: '--typo-font-weight',\n    typoFontWeightBold: '--typo-font-weight-bold',\n    typoFontLetterSpacing: '--typo-font-letter-spacing',\n    typoFontLineHeight: '--typo-font-line-height',\n};\n"],"names":["classes","typoWithNoWrap","typoWithBreakWord","typoBold","tokens","typoFontFamily","typoFontSize","typoFontStyle","typoFontWeight","typoFontWeightBold","typoFontLetterSpacing","typoFontLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,cAAc;AAC9BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,QAAQ,EAAE,iBAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,YAAY,EAAE,kBAAkB;AAChCC,EAAAA,aAAa,EAAE,mBAAmB;AAClCC,EAAAA,cAAc,EAAE,oBAAoB;AACpCC,EAAAA,kBAAkB,EAAE,yBAAyB;AAC7CC,EAAAA,qBAAqB,EAAE,4BAA4B;AACnDC,EAAAA,kBAAkB,EAAE,yBAAA;AACxB;;;;"}

package/es/index.css

@@ -322,15 +322,15 @@
 .CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
 .CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 
-.Typography_styles_6mr47g_b1ru04lg__ff3be7fe{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_6mr47g_b1ru04lg__ff3be7fe.Typography_styles_6mr47g_typographyBold__ff3be7fe{font-weight:var(--typo-font-weight-bold);}.Typography_styles_6mr47g_b1ru04lg__ff3be7fe.Typography_styles_6mr47g_withBreakWord__ff3be7fe{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Typography_styles_fa07dt_b1ru04lg__867729cb{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_typographyBold__867729cb{font-weight:var(--typo-font-weight-bold);}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withNoWrap__867729cb{white-space:nowrap;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withBreakWord__867729cb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
 
-.TypographyOld_styles_17w0rtq_b9p5ato__18359621{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.TypographyOld_styles_17w0rtq_b9p5ato__18359621.TypographyOld_styles_17w0rtq_withBreakWord__18359621{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.TypographyOld_styles_168abbx_b9p5ato__094dcd73{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withNoWrap__094dcd73{white-space:nowrap;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withBreakWord__094dcd73{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
 
-.Paragraph_styles_179bahu_bgybk92__d9a8cadb{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Paragraph_styles_179bahu_bgybk92__d9a8cadb.Paragraph_styles_179bahu_withBreakWord__d9a8cadb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f.Paragraph_styles_f6q9s8_withNoWrap__e9eeb09f{white-space:nowrap;}.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f.Paragraph_styles_f6q9s8_withBreakWord__e9eeb09f{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
 
-.Underline_styles_vsz834_b1uxesuf__4f8f4d9b{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Underline_styles_vsz834_b1uxesuf__4f8f4d9b.Underline_styles_vsz834_withBreakWord__4f8f4d9b{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Underline_styles_1x2vb5e_b1uxesuf__34404c4e{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);text-transform:uppercase;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Underline_styles_1x2vb5e_b1uxesuf__34404c4e.Underline_styles_1x2vb5e_withNoWrap__34404c4e{white-space:nowrap;}.Underline_styles_1x2vb5e_b1uxesuf__34404c4e.Underline_styles_1x2vb5e_withBreakWord__34404c4e{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
 
-.Subtitle_styles_1plleej_b810c19__d9c54bce{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Subtitle_styles_g6d0r2_b810c19__dce1fd86{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}.Subtitle_styles_g6d0r2_b810c19__dce1fd86.Subtitle_styles_g6d0r2_withNoWrap__dce1fd86{white-space:nowrap;}
 
 
 .Popup_styles_gq4luz_s1cjo3us__bb610b96{width:0;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.197.1-canary.1569.11973386056.0",
+  "version": "0.198.0-canary.1588.11975454374.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -129,5 +129,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b343371b714512c0504fbc242ae1742cf06eee50"
+  "gitHead": "0772da1d6df20a8b9b664db5f9427952bf207188"
 }

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

@@ -24,7 +24,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var editableRoot = exports.editableRoot = function editableRoot(typograpyVariants) {
+var editableRoot = exports.editableRoot = function editableRoot(typographyVariants) {
   return function (Root) {
     return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
       var _prevValueRef$current;

package/styled-components/cjs/components/Typography/Old/Paragraph/Paragraph.styles.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _tokens = /*#__PURE__*/require("../../tokens");
 var _mixins = /*#__PURE__*/require("../../../../mixins");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");margin:0;", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, /*#__PURE__*/String(_mixins.applyHyphensNormal), /*#__PURE__*/String(_tokens.classes.typoWithBreakWord), /*#__PURE__*/String(_mixins.applyHyphens));
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");margin:0;&.", "{white-space:nowrap;}", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, _tokens.classes.typoWithNoWrap, _mixins.applyHyphensNormal, _tokens.classes.typoWithBreakWord, _mixins.applyHyphens);

package/styled-components/cjs/components/Typography/Old/Subtitle/Subtitle.js

@@ -8,8 +8,10 @@ exports.subtitleRoot = exports.subtitleConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _applySpacing = /*#__PURE__*/require("../../../../mixins/applySpacing");
 var _base = /*#__PURE__*/require("../../variations/_size/base");
+var _tokens = /*#__PURE__*/require("../../tokens");
+var _utils = /*#__PURE__*/require("../../../../utils");
 var _Subtitle = /*#__PURE__*/require("./Subtitle.styles");
-var _excluded = ["size", "children", "color", "style"];
+var _excluded = ["size", "children", "color", "noWrap", "className", "style"];
 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() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -25,11 +27,15 @@ var subtitleRoot = exports.subtitleRoot = function subtitleRoot(Root) {
     var size = props.size,
       children = props.children,
       color = props.color,
+      noWrap = props.noWrap,
+      className = props.className,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
+    var withNoWrap = noWrap ? _tokens.classes.typoWithNoWrap : undefined;
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       size: size,
       ref: ref,
+      className: (0, _utils.cx)(withNoWrap, className),
       style: _objectSpread(_objectSpread({
         color: color
       }, style), (0, _applySpacing.applySpacing)(rest))

package/styled-components/cjs/components/Typography/Old/Subtitle/Subtitle.styles.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _tokens = /*#__PURE__*/require("../../tokens");
 var _mixins = /*#__PURE__*/require("../../../../mixins");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");", ";"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, /*#__PURE__*/String(_mixins.applyHyphens));
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{white-space:nowrap;}", ";"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, _tokens.classes.typoWithNoWrap, _mixins.applyHyphens);

package/styled-components/cjs/components/Typography/Old/TypographyOld.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _applySpacing = /*#__PURE__*/require("../../../mixins/applySpacing");
 var _tokens = /*#__PURE__*/require("../tokens");
 var _utils = /*#__PURE__*/require("../../../utils");
-var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "color", "className", "style"];
 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() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -25,15 +25,17 @@ var typographyOldRoot = exports.typographyOldRoot = function typographyOldRoot(R
     var size = props.size,
       children = props.children,
       breakWord = props.breakWord,
+      noWrap = props.noWrap,
       color = props.color,
       className = props.className,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
+    var withNoWrap = noWrap ? _tokens.classes.typoWithNoWrap : undefined;
     var withBreakWord = breakWord ? _tokens.classes.typoWithBreakWord : undefined;
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       size: size,
       ref: ref,
-      className: (0, _utils.cx)(withBreakWord, className),
+      className: (0, _utils.cx)(withNoWrap, withBreakWord, className),
       style: _objectSpread(_objectSpread({
         color: color
       }, style), (0, _applySpacing.applySpacing)(rest))

package/styled-components/cjs/components/Typography/Old/TypographyOld.styles.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _tokens = /*#__PURE__*/require("../tokens");
 var _mixins = /*#__PURE__*/require("../../../mixins");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, /*#__PURE__*/String(_mixins.applyHyphensNormal), /*#__PURE__*/String(_tokens.classes.typoWithBreakWord), /*#__PURE__*/String(_mixins.applyHyphens));
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{white-space:nowrap;}", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, _tokens.classes.typoWithNoWrap, _mixins.applyHyphensNormal, _tokens.classes.typoWithBreakWord, _mixins.applyHyphens);

package/styled-components/cjs/components/Typography/Old/Underline/Underline.styles.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _tokens = /*#__PURE__*/require("../../tokens");
 var _mixins = /*#__PURE__*/require("../../../../mixins");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");text-transform:uppercase;", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, /*#__PURE__*/String(_mixins.applyHyphensNormal), /*#__PURE__*/String(_tokens.classes.typoWithBreakWord), /*#__PURE__*/String(_mixins.applyHyphens));
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");text-transform:uppercase;&.", "{white-space:nowrap;}", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, _tokens.classes.typoWithNoWrap, _mixins.applyHyphensNormal, _tokens.classes.typoWithBreakWord, _mixins.applyHyphens);

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

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _applySpacing = /*#__PURE__*/require("../../mixins/applySpacing");
 var _utils = /*#__PURE__*/require("../../utils");
 var _tokens = /*#__PURE__*/require("./tokens");
-var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
 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() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -26,18 +26,20 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
       var size = props.size,
         children = props.children,
         breakWord = props.breakWord,
+        noWrap = props.noWrap,
         _props$bold = props.bold,
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
         color = props.color,
         className = props.className,
         style = props.style,
         rest = _objectWithoutProperties(props, _excluded);
+      var withNoWrap = noWrap ? _tokens.classes.typoWithNoWrap : undefined;
       var withBreakWord = breakWord ? _tokens.classes.typoWithBreakWord : undefined;
       var typographyBold = bold ? _tokens.classes.typoBold : undefined;
       return /*#__PURE__*/_react["default"].createElement(Root, _extends({
         size: size,
         ref: ref,
-        className: (0, _utils.cx)(withBreakWord, typographyBold, className),
+        className: (0, _utils.cx)(withNoWrap, withBreakWord, typographyBold, className),
         style: _objectSpread(_objectSpread({
           color: color
         }, style), (0, _applySpacing.applySpacing)(rest)),

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

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _mixins = /*#__PURE__*/require("../../mixins");
 var _tokens = /*#__PURE__*/require("./tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{font-weight:var(", ");}", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, /*#__PURE__*/String(_tokens.classes.typoBold), _tokens.tokens.typoFontWeightBold, /*#__PURE__*/String(_mixins.applyHyphensNormal), /*#__PURE__*/String(_tokens.classes.typoWithBreakWord), /*#__PURE__*/String(_mixins.applyHyphens));
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{font-weight:var(", ");}&.", "{white-space:nowrap;}", ";&.", "{", ";}"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight, _tokens.tokens.typoFontWeight, _tokens.classes.typoBold, _tokens.tokens.typoFontWeightBold, _tokens.classes.typoWithNoWrap, _mixins.applyHyphensNormal, _tokens.classes.typoWithBreakWord, _mixins.applyHyphens);

package/styled-components/cjs/components/Typography/Typography.template-doc.mdx

@@ -19,6 +19,10 @@ title: Typography
 По умолчанию в типографике слова переносятся по слогам.
 Чтобы отключить данный функционал, необходимо установить свойство `breakWord` в значении `false`.
 
+## Пробелы
+По умолчанию в типографике если текст превышает ширину элемента, то слова будут переноситься по пробелам.
+Чтобы запретить перенос по пробелам, необходимо установить свойство `noWrap` в значении `true`.
+
 ## Состав
 
 ### Hero unit

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
+  typoWithNoWrap: 'with-no-wrap',
   typoWithBreakWord: 'with-break-word',
   typoBold: 'typography-bold'
 };

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

@@ -3,7 +3,7 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 
-import { Heading } from '../../../typograpy/components/Heading/Heading';
+import { Heading } from '../../../typography/components/Heading/Heading';
 import { WithTheme } from '../../../_helpers';
 import { Tabs } from '../Tabs/Tabs';
 import { TabItem } from '../Tabs/TabItem';

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

@@ -5,7 +5,7 @@ import type { StoryObj, Meta } from '@storybook/react';
 
 import { Button } from '../Button/Button';
 import { WithTheme } from '../../../_helpers';
-import { Heading } from '../../../typograpy/components/Heading/Heading';
+import { Heading } from '../../../typography/components/Heading/Heading';
 import { IconDone } from '../../../../components/_Icon';
 import { SSRProvider } from '../../../../components/SSRProvider';
 import { PopupProvider } from '../Popup/Popup';

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.typographyVariants = exports.Editable = void 0;
 var _Editable = /*#__PURE__*/require("../../../../components/Editable");
 var _engines = /*#__PURE__*/require("../../../../engines");
-var _Body = /*#__PURE__*/require("../../../typograpy/components/Body/Body");
-var _Dspl = /*#__PURE__*/require("../../../typograpy/components/Dspl/Dspl");
-var _Heading = /*#__PURE__*/require("../../../typograpy/components/Heading/Heading");
-var _Text = /*#__PURE__*/require("../../../typograpy/components/Text/Text");
+var _Body = /*#__PURE__*/require("../../../typography/components/Body/Body");
+var _Dspl = /*#__PURE__*/require("../../../typography/components/Dspl/Dspl");
+var _Heading = /*#__PURE__*/require("../../../typography/components/Heading/Heading");
+var _Text = /*#__PURE__*/require("../../../typography/components/Text/Text");
 var _Editable2 = /*#__PURE__*/require("./Editable.config");
 var typographyVariants = exports.typographyVariants = {
   Body: _Body.Body,

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

@@ -5,7 +5,7 @@ import type { StoryObj, Meta } from '@storybook/react';
 
 import { Button } from '../Button/Button';
 import { WithTheme } from '../../../_helpers';
-import { Heading } from '../../../typograpy/components/Heading/Heading';
+import { Heading } from '../../../typography/components/Heading/Heading';
 import { IconDone } from '../../../../components/_Icon';
 import { ClosePlacementType } from '../../../../components/Panel';
 import { SSRProvider } from '../../../../components/SSRProvider';

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

@@ -5,7 +5,7 @@ import styled from 'styled-components';
 
 import { Button } from '../Button/Button';
 import { WithTheme } from '../../../_helpers';
-import { Body } from '../../../typograpy/components/Body/Body';
+import { Body } from '../../../typography/components/Body/Body';
 import { Portal } from '../../../../components/Portal';
 
 const meta: Meta<typeof Portal> = {

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

@@ -5,7 +5,7 @@ import styled from 'styled-components';
 
 import { Button } from '../Button/Button';
 import { WithTheme } from '../../../_helpers';
-import { Body } from '../../../typograpy/components/Body/Body';
+import { Body } from '../../../typography/components/Body/Body';
 
 import { Sheet } from './Sheet';
 

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

@@ -3,7 +3,7 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 
-import { Heading } from '../../../typograpy/components/Heading/Heading';
+import { Heading } from '../../../typography/components/Heading/Heading';
 import { WithTheme } from '../../../_helpers';
 import { Tabs } from '../Tabs/Tabs';
 import { TabItem } from '../Tabs/TabItem';

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

@@ -5,7 +5,7 @@ import type { StoryObj, Meta } from '@storybook/react';
 
 import { Button } from '../Button/Button';
 import { WithTheme } from '../../../_helpers';
-import { Heading } from '../../../typograpy/components/Heading/Heading';
+import { Heading } from '../../../typography/components/Heading/Heading';
 import { IconDone } from '../../../../components/_Icon';
 import { SSRProvider } from '../../../../components/SSRProvider';
 import { PopupProvider } from '../Popup/Popup';

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.typographyVariants = exports.Editable = void 0;
 var _Editable = /*#__PURE__*/require("../../../../components/Editable");
 var _engines = /*#__PURE__*/require("../../../../engines");
-var _Body = /*#__PURE__*/require("../../../typograpy/components/Body/Body");
-var _Dspl = /*#__PURE__*/require("../../../typograpy/components/Dspl/Dspl");
-var _Heading = /*#__PURE__*/require("../../../typograpy/components/Heading/Heading");
-var _Text = /*#__PURE__*/require("../../../typograpy/components/Text/Text");
+var _Body = /*#__PURE__*/require("../../../typography/components/Body/Body");
+var _Dspl = /*#__PURE__*/require("../../../typography/components/Dspl/Dspl");
+var _Heading = /*#__PURE__*/require("../../../typography/components/Heading/Heading");
+var _Text = /*#__PURE__*/require("../../../typography/components/Text/Text");
 var _Editable2 = /*#__PURE__*/require("./Editable.config");
 var typographyVariants = exports.typographyVariants = {
   Body: _Body.Body,

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

@@ -5,7 +5,7 @@ import type { StoryObj, Meta } from '@storybook/react';
 
 import { Button } from '../Button/Button';
 import { WithTheme } from '../../../_helpers';
-import { Heading } from '../../../typograpy/components/Heading/Heading';
+import { Heading } from '../../../typography/components/Heading/Heading';
 import { IconDone } from '../../../../components/_Icon';
 import { ClosePlacementType } from '../../../../components/Panel';
 import { SSRProvider } from '../../../../components/SSRProvider';

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

@@ -5,7 +5,7 @@ import styled from 'styled-components';
 
 import { Button } from '../Button/Button';
 import { WithTheme } from '../../../_helpers';
-import { Body } from '../../../typograpy/components/Body/Body';
+import { Body } from '../../../typography/components/Body/Body';
 import { Portal } from '../../../../components/Portal';
 
 const meta: Meta<typeof Portal> = {

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

@@ -5,7 +5,7 @@ import styled from 'styled-components';
 
 import { Button } from '../Button/Button';
 import { WithTheme } from '../../../_helpers';
-import { Body } from '../../../typograpy/components/Body/Body';
+import { Body } from '../../../typography/components/Body/Body';
 
 import { Sheet } from './Sheet';
 

package/styled-components/cjs/examples/{typograpy → typography}/components/Body/Body.stories.tsx

@@ -12,8 +12,16 @@ const meta: Meta<typeof Body> = {
     title: 'typography/Body',
     decorators: [WithTheme],
     component: Body,
-    argTypes: argTypesFromConfig(mergeConfig(bodyConfig, config)),
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(bodyConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
     args: {
+        noWrap: false,
         breakWord: true,
         bold: false,
     },

package/styled-components/cjs/examples/{typograpy → typography}/components/Dspl/Dspl.stories.tsx

@@ -12,8 +12,16 @@ const meta: Meta<typeof Dspl> = {
     title: 'typography/Dspl',
     decorators: [WithTheme],
     component: Dspl,
-    argTypes: argTypesFromConfig(mergeConfig(dsplConfig, config)),
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(dsplConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
     args: {
+        noWrap: false,
         breakWord: true,
         bold: false,
     },

package/{emotion/cjs/examples/typograpy → styled-components/cjs/examples/typography}/components/Heading/Heading.stories.tsx

@@ -12,8 +12,16 @@ const meta: Meta<typeof Heading> = {
     title: 'typography/Heading',
     decorators: [WithTheme],
     component: Heading,
-    argTypes: argTypesFromConfig(mergeConfig(dsplConfig, config)),
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(dsplConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
     args: {
+        noWrap: false,
         breakWord: true,
         bold: false,
     },