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

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

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

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

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

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

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

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

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

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

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

package/styled-components/{es/examples/typograpy → cjs/examples/typography}/components/Old/Headline/Headline.stories.tsx

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

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

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

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

@@ -12,7 +12,17 @@ const meta: Meta<typeof Subtitle> = {
     title: 'typography/Old/Subtitle',
     decorators: [WithTheme],
     component: Subtitle,
-    argTypes: argTypesFromConfig(mergeConfig(subtitleConfig, config)),
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(subtitleConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+    args: {
+        noWrap: false,
+    },
 };
 
 export default meta;

package/styled-components/{es/examples/typograpy → cjs/examples/typography}/components/Old/Underline/Underline.stories.tsx

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

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

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

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

@@ -15,7 +15,7 @@ import { classes } from './Editable.tokens';
 import { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
-export var editableRoot = function editableRoot(typograpyVariants) {
+export var editableRoot = function editableRoot(typographyVariants) {
   return function (Root) {
     return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
       var _prevValueRef$current;

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

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { classes, tokens } from '../../tokens';
 import { applyHyphens, applyHyphensNormal } from '../../../../mixins';
-export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");margin:0;", ";&.", "{", ";}"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, /*#__PURE__*/String(applyHyphensNormal), /*#__PURE__*/String(classes.typoWithBreakWord), /*#__PURE__*/String(applyHyphens));
+export var base = /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, classes.typoWithNoWrap, applyHyphensNormal, classes.typoWithBreakWord, applyHyphens);

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

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["size", "children", "color", "style"];
+var _excluded = ["size", "children", "color", "noWrap", "className", "style"];
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -11,17 +11,23 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { forwardRef } from 'react';
 import { applySpacing } from '../../../../mixins/applySpacing';
 import { base as sizeCSS } from '../../variations/_size/base';
+import { classes } from '../../tokens';
+import { cx } from '../../../../utils';
 import { base } from './Subtitle.styles';
 export var subtitleRoot = function subtitleRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     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 ? classes.typoWithNoWrap : undefined;
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       ref: ref,
+      className: cx(withNoWrap, className),
       style: _objectSpread(_objectSpread({
         color: color
       }, style), applySpacing(rest))

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

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
-import { tokens } from '../../tokens';
+import { classes, tokens } from '../../tokens';
 import { applyHyphens } from '../../../../mixins';
-export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");", ";"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, /*#__PURE__*/String(applyHyphens));
+export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{white-space:nowrap;}", ";"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, classes.typoWithNoWrap, applyHyphens);

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

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "color", "className", "style"];
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17,15 +17,17 @@ export var typographyOldRoot = function typographyOldRoot(Root) {
     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 ? classes.typoWithNoWrap : undefined;
     var withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       ref: ref,
-      className: cx(withBreakWord, className),
+      className: cx(withNoWrap, withBreakWord, className),
       style: _objectSpread(_objectSpread({
         color: color
       }, style), applySpacing(rest))

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

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

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

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { classes, tokens } from '../../tokens';
 import { applyHyphens, applyHyphensNormal } from '../../../../mixins';
-export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");text-transform:uppercase;", ";&.", "{", ";}"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, /*#__PURE__*/String(applyHyphensNormal), /*#__PURE__*/String(classes.typoWithBreakWord), /*#__PURE__*/String(applyHyphens));
+export var base = /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, classes.typoWithNoWrap, applyHyphensNormal, classes.typoWithBreakWord, applyHyphens);

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

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["size", "children", "breakWord", "bold", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "color", "className", "style"];
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -18,18 +18,20 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
       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: _objectSpread(_objectSpread({
           color: color
         }, style), applySpacing(rest)),

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

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { applyHyphens, applyHyphensNormal } from '../../mixins';
 import { classes, tokens } from './tokens';
-export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");font-weight:var(", ");&.", "{font-weight:var(", ");}", ";&.", "{", ";}"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, /*#__PURE__*/String(classes.typoBold), tokens.typoFontWeightBold, /*#__PURE__*/String(applyHyphensNormal), /*#__PURE__*/String(classes.typoWithBreakWord), /*#__PURE__*/String(applyHyphens));
+export var base = /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight, tokens.typoFontWeight, classes.typoBold, tokens.typoFontWeightBold, classes.typoWithNoWrap, applyHyphensNormal, classes.typoWithBreakWord, applyHyphens);

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

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

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

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

package/styled-components/es/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/es/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/es/examples/plasma_b2c/components/Editable/Editable.js

@@ -1,9 +1,9 @@
 import { editableConfig } from '../../../../components/Editable';
 import { component, mergeConfig } from '../../../../engines';
-import { Body } from '../../../typograpy/components/Body/Body';
-import { Dspl } from '../../../typograpy/components/Dspl/Dspl';
-import { Heading } from '../../../typograpy/components/Heading/Heading';
-import { Text } from '../../../typograpy/components/Text/Text';
+import { Body } from '../../../typography/components/Body/Body';
+import { Dspl } from '../../../typography/components/Dspl/Dspl';
+import { Heading } from '../../../typography/components/Heading/Heading';
+import { Text } from '../../../typography/components/Text/Text';
 import { config } from './Editable.config';
 export var typographyVariants = {
   Body: Body,

package/styled-components/es/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/es/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/es/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/es/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/es/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/es/examples/plasma_web/components/Editable/Editable.js

@@ -1,9 +1,9 @@
 import { editableConfig } from '../../../../components/Editable';
 import { component, mergeConfig } from '../../../../engines';
-import { Body } from '../../../typograpy/components/Body/Body';
-import { Dspl } from '../../../typograpy/components/Dspl/Dspl';
-import { Heading } from '../../../typograpy/components/Heading/Heading';
-import { Text } from '../../../typograpy/components/Text/Text';
+import { Body } from '../../../typography/components/Body/Body';
+import { Dspl } from '../../../typography/components/Dspl/Dspl';
+import { Heading } from '../../../typography/components/Heading/Heading';
+import { Text } from '../../../typography/components/Text/Text';
 import { config } from './Editable.config';
 export var typographyVariants = {
   Body: Body,

package/styled-components/es/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/es/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/es/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/es/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/es/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/es/examples/typograpy → styled-components/es/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,
     },

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

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

package/styled-components/es/examples/{typograpy → typography}/components/Old/Button/Button.stories.tsx

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

package/styled-components/es/examples/{typograpy → typography}/components/Old/Caption/Caption.stories.tsx

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

package/styled-components/es/examples/{typograpy → typography}/components/Old/Display/Display.stories.tsx

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