@salutejs/plasma-new-hope 0.197.0-canary.1572.11972038908.0 → 0.197.0-canary.1588.11972699441.0

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.0-canary.1572.11972038908.0",
+  "version": "0.197.0-canary.1588.11972699441.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -129,5 +129,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b4fe330b4803b1184c7921810244d307c6f59ec8"
+  "gitHead": "52a41c4c63e00f5a030bee026767af7c4c5dcff6"
 }

package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -72,7 +72,7 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
       _useState8 = _slicedToArray(_useState7, 2),
       outOfRangeKey = _useState8[0],
       setOutOfRangeKey = _useState8[1];
-    var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, type)),
+    var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, type)),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1];

package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -73,7 +73,7 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
       _useState8 = _slicedToArray(_useState7, 2),
       outOfRangeKey = _useState8[0],
       setOutOfRangeKey = _useState8[1];
-    var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, type, true)),
+    var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, type, true)),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1];

package/styled-components/cjs/components/Calendar/store/reducer.js

@@ -36,8 +36,8 @@ var sizeMap = exports.sizeMap = {
     "double": [3, 1]
   }
 };
-var getInitialState = exports.getInitialState = function getInitialState(value, min, calendarState, isDouble) {
-  var initDate = value || min || new Date();
+var getInitialState = exports.getInitialState = function getInitialState(value, calendarState, isDouble) {
+  var initDate = value || new Date();
   var date = (0, _utils.getDateFromValue)(initDate);
   var resSize = isDouble ? sizeMap[calendarState]["double"] : sizeMap[calendarState].single;
   return {

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/typograpy/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/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/styled-components/cjs/examples/typograpy/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/styled-components/cjs/examples/typograpy/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/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/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/cjs/examples/typograpy/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/styled-components/cjs/examples/typograpy/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/cjs/examples/typograpy/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/styled-components/cjs/examples/typograpy/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/styled-components/cjs/examples/typograpy/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/cjs/examples/typograpy/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/cjs/examples/typograpy/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/Calendar/CalendarBase/CalendarBase.js

@@ -63,7 +63,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       _useState8 = _slicedToArray(_useState7, 2),
       outOfRangeKey = _useState8[0],
       setOutOfRangeKey = _useState8[1];
-    var _useReducer = useReducer(reducer, getInitialState(value, min, type)),
+    var _useReducer = useReducer(reducer, getInitialState(value, type)),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1];

package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -64,7 +64,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       _useState8 = _slicedToArray(_useState7, 2),
       outOfRangeKey = _useState8[0],
       setOutOfRangeKey = _useState8[1];
-    var _useReducer = useReducer(reducer, getInitialState(value, min, type, true)),
+    var _useReducer = useReducer(reducer, getInitialState(value, type, true)),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1];

package/styled-components/es/components/Calendar/store/reducer.js

@@ -30,8 +30,8 @@ export var sizeMap = {
     "double": [3, 1]
   }
 };
-export var getInitialState = function getInitialState(value, min, calendarState, isDouble) {
-  var initDate = value || min || new Date();
+export var getInitialState = function getInitialState(value, calendarState, isDouble) {
+  var initDate = value || new Date();
   var date = getDateFromValue(initDate);
   var resSize = isDouble ? sizeMap[calendarState]["double"] : sizeMap[calendarState].single;
   return {

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);