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

package/emotion/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/emotion/cjs/components/Typography/Typography.styles.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _react = /*#__PURE__*/require("@emotion/react");
 var _mixins = /*#__PURE__*/require("../../mixins");
 var _tokens = /*#__PURE__*/require("./tokens");
-var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");&.", /*#__PURE__*/String(_tokens.classes.typoBold), "{font-weight:var(", _tokens.tokens.typoFontWeightBold, ");}", /*#__PURE__*/String(_mixins.applyHyphensNormal), ";&.", /*#__PURE__*/String(_tokens.classes.typoWithBreakWord), "{", /*#__PURE__*/String(_mixins.applyHyphens), ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy50eXBvQm9sZCl9IHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9KTtcbiAgICB9XG5cbiAgICAke1N0cmluZyhhcHBseUh5cGhlbnNOb3JtYWwpfTtcblxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZCl9IHtcbiAgICAgICAgJHtTdHJpbmcoYXBwbHlIeXBoZW5zKX07XG4gICAgfVxuYDtcbiJdfQ== */"));
+var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");&.", _tokens.classes.typoBold, "{font-weight:var(", _tokens.tokens.typoFontWeightBold, ");}&.", _tokens.classes.typoWithNoWrap, "{white-space:nowrap;}", _mixins.applyHyphensNormal, ";&.", _tokens.classes.typoWithBreakWord, "{", _mixins.applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9Cb2xkfSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAke2FwcGx5SHlwaGVuc05vcm1hbH07XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZH0ge1xuICAgICAgICAke2FwcGx5SHlwaGVuc307XG4gICAgfVxuYDtcbiJdfQ== */"));

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

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

package/emotion/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/emotion/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/emotion/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/emotion/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/emotion/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/emotion/cjs/examples/plasma_b2c/components/Portal/Portal.stories.tsx

@@ -5,7 +5,7 @@ import styled from '@emotion/styled';
 
 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/emotion/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx

@@ -5,7 +5,7 @@ import styled from '@emotion/styled';
 
 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/emotion/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/emotion/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/emotion/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/emotion/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/emotion/cjs/examples/plasma_web/components/Portal/Portal.stories.tsx

@@ -5,7 +5,7 @@ import styled from '@emotion/styled';
 
 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/emotion/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx

@@ -5,7 +5,7 @@ import styled from '@emotion/styled';
 
 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/emotion/cjs/examples/typography/components/Body/Body.config.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'm'
+  },
+  variations: {
+    size: {
+      l: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body-l-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body-l-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body-l-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body-l-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-body-l-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body-l-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body-l-line-height);;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9Cb2R5L0JvZHkuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy90eXBvZ3JhcGh5L2NvbXBvbmVudHMvQm9keS9Cb2R5LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbC1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LW0tbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4eHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      m: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body-m-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body-m-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body-m-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body-m-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-body-m-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body-m-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body-m-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9Cb2R5L0JvZHkuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL0JvZHkvQm9keS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
+      s: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body-s-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body-s-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body-s-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body-s-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-body-s-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9Cb2R5L0JvZHkuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL0JvZHkvQm9keS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
+      xs: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body-xs-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body-xs-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body-xs-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body-xs-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-body-xs-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body-xs-line-height);;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9Cb2R5L0JvZHkuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDbUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL0JvZHkvQm9keS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
+      xxs: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body-xxs-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body-xxs-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body-xxs-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body-xxs-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-body-xxs-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body-xxs-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body-xxs-line-height);;label:plasma-new-hope__xxs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9Cb2R5L0JvZHkuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL0JvZHkvQm9keS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXh4cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14eHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    }
+  }
+};

package/emotion/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/emotion/cjs/examples/typography/components/Dspl/Dspl.config.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'm'
+  },
+  variations: {
+    size: {
+      l: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-dspl-l-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-dspl-l-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-dspl-l-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-dspl-l-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-dspl-l-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-dspl-l-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-dspl-l-line-height);;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9Ec3BsL0RzcGwuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy90eXBvZ3JhcGh5L2NvbXBvbmVudHMvRHNwbC9Ec3BsLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLWwtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbC1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLW0tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1tLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLW0tYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1tLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLW0tbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1zLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
+      m: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-dspl-m-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-dspl-m-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-dspl-m-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-dspl-m-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-dspl-m-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-dspl-m-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-dspl-m-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9Ec3BsL0RzcGwuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL0RzcGwvRHNwbC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1sLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      s: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-dspl-s-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-dspl-s-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-dspl-s-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-dspl-s-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-dspl-s-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-dspl-s-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-dspl-s-line-height);;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9Ec3BsL0RzcGwuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL0RzcGwvRHNwbC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1sLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZHNwbC1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1kc3BsLXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRzcGwtcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    }
+  }
+};

package/emotion/{es/examples/typograpy → cjs/examples/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/typography/components/Heading/Heading.config.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'h2'
+  },
+  variations: {
+    size: {
+      h1: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-h1-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-h1-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-h1-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-h1-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-h1-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-h1-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-h1-line-height);;label:plasma-new-hope__h1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9IZWFkaW5nL0hlYWRpbmcuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy90eXBvZ3JhcGh5L2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2gyJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgaDE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWgxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWgxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGgyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oMi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8taDItYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taDItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWgyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoMzogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWgzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWgzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWgzLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWgzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgaDQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGg1OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDUtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDUtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8taDUtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taDUtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg1LWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
+      h2: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-h2-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-h2-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-h2-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-h2-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-h2-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-h2-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-h2-line-height);;label:plasma-new-hope__h2;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9IZWFkaW5nL0hlYWRpbmcuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CbUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL0hlYWRpbmcvSGVhZGluZy5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdoMicsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGgxOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDEtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8taDEtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taDEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWgxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDItZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWgyLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWgyLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDItZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWgyLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWgyLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgaDM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWgzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWgzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGg0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taDQtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoNTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDUtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg1LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg1LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDUtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWg1LWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWg1LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      h3: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-h3-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-h3-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-h3-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-h3-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-h3-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-h3-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-h3-line-height);;label:plasma-new-hope__h3;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9IZWFkaW5nL0hlYWRpbmcuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCbUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL0hlYWRpbmcvSGVhZGluZy5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdoMicsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGgxOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDEtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8taDEtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taDEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWgxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDItZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWgyLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWgyLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDItZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWgyLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWgyLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgaDM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWgzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWgzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGg0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taDQtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoNTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDUtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg1LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg1LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDUtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWg1LWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWg1LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      h4: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-h4-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-h4-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-h4-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-h4-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-h4-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-h4-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-h4-line-height);;label:plasma-new-hope__h4;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9IZWFkaW5nL0hlYWRpbmcuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDbUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL0hlYWRpbmcvSGVhZGluZy5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdoMicsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGgxOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDEtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8taDEtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taDEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWgxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDItZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWgyLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWgyLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDItZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWgyLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWgyLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgaDM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWgzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWgzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGg0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taDQtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoNTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDUtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg1LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg1LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDUtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWg1LWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWg1LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      h5: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-h5-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-h5-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-h5-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-h5-font-weight);", _tokens.tokens.typoFontWeightBold, ":var(--plasma-typo-h5-bold-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-h5-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-h5-line-height);;label:plasma-new-hope__h5;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9IZWFkaW5nL0hlYWRpbmcuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDbUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL0hlYWRpbmcvSGVhZGluZy5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdoMicsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGgxOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDEtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8taDEtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taDEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWgxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDItZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWgyLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWgyLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDItZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWgyLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWgyLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgaDM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWgzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWgzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oMy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGg0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taDQtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoNTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDUtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg1LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg1LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDUtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLWg1LWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWg1LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    }
+  }
+};

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

package/emotion/cjs/examples/typography/components/Old/Body/Body.config.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'body1'
+  },
+  variations: {
+    size: {
+      body1: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body1-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body1-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body1-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body1-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body1-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body1-line-height);;label:plasma-new-hope__body1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQm9keS9Cb2R5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVc0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL09sZC9Cb2R5L0JvZHkuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHkvdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnYm9keTEnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBib2R5MTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgYm9keTI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkyLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkyLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGJvZHkzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5My1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5My1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
+      body2: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body2-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body2-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body2-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body2-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body2-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body2-line-height);;label:plasma-new-hope__body2;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQm9keS9Cb2R5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnNCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQm9keS9Cb2R5LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2JvZHkxJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgYm9keTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGJvZHkyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBib2R5MzogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5My1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      body3: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body3-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body3-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body3-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body3-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body3-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body3-line-height);;label:plasma-new-hope__body3;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQm9keS9Cb2R5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnNCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQm9keS9Cb2R5LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2JvZHkxJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgYm9keTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGJvZHkyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBib2R5MzogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5My1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    }
+  }
+};

package/{styled-components/cjs/examples/typograpy → emotion/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/emotion/cjs/examples/typography/components/Old/Button/Button.config.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'button1'
+  },
+  variations: {
+    size: {
+      button1: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-button1-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-button1-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-button1-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-button1-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-button1-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-button1-line-height);;label:plasma-new-hope__button1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQnV0dG9uL0J1dHRvbi5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQnV0dG9uL0J1dHRvbi5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdidXR0b24xJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgYnV0dG9uMTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1idXR0b24xLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgYnV0dG9uMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1idXR0b24yLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      button2: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-button2-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-button2-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-button2-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-button2-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-button2-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-button2-line-height);;label:plasma-new-hope__button2;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQnV0dG9uL0J1dHRvbi5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy90eXBvZ3JhcGh5L2NvbXBvbmVudHMvT2xkL0J1dHRvbi9CdXR0b24uY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHkvdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnYnV0dG9uMScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGJ1dHRvbjE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGJ1dHRvbjI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjItZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjItZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjItbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

package/emotion/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,
     },
 };