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

package/emotion/es/examples/typography/components/Old/Display/Display.config.js

@@ -0,0 +1,14 @@
+import { css } from '@emotion/react';
+import { tokens } from '../../../../../components/Typography/tokens';
+export var config = {
+  defaults: {
+    size: 'display1'
+  },
+  variations: {
+    size: {
+      display1: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-display1-font-family);", tokens.typoFontSize, ":var(--plasma-typo-display1-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-display1-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-display1-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-display1-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-display1-line-height);;label:plasma-new-hope__display1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRGlzcGxheS9EaXNwbGF5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVeUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL09sZC9EaXNwbGF5L0Rpc3BsYXkuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHkvdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnZGlzcGxheTEnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBkaXNwbGF5MTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgZGlzcGxheTI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkyLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkyLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRpc3BsYXkzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5My1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5My1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
+      display2: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-display2-font-family);", tokens.typoFontSize, ":var(--plasma-typo-display2-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-display2-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-display2-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-display2-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-display2-line-height);;label:plasma-new-hope__display2;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRGlzcGxheS9EaXNwbGF5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnlCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRGlzcGxheS9EaXNwbGF5LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2Rpc3BsYXkxJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgZGlzcGxheTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRpc3BsYXkyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBkaXNwbGF5MzogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5My1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      display3: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-display3-font-family);", tokens.typoFontSize, ":var(--plasma-typo-display3-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-display3-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-display3-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-display3-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-display3-line-height);;label:plasma-new-hope__display3;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRGlzcGxheS9EaXNwbGF5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnlCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRGlzcGxheS9EaXNwbGF5LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2Rpc3BsYXkxJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgZGlzcGxheTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRpc3BsYXkyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBkaXNwbGF5MzogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5My1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    }
+  }
+};

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

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

package/emotion/es/examples/typography/components/Old/Footnote/Footnote.config.js

@@ -0,0 +1,13 @@
+import { css } from '@emotion/react';
+import { tokens } from '../../../../../components/Typography/tokens';
+export var config = {
+  defaults: {
+    size: 'footnote1'
+  },
+  variations: {
+    size: {
+      footnote1: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-footnote1-font-family);", tokens.typoFontSize, ":var(--plasma-typo-footnote1-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-footnote1-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-footnote1-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-footnote1-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-footnote1-line-height);;label:plasma-new-hope__footnote1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRm9vdG5vdGUvRm9vdG5vdGUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUwQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy90eXBvZ3JhcGh5L2NvbXBvbmVudHMvT2xkL0Zvb3Rub3RlL0Zvb3Rub3RlLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2Zvb3Rub3RlMScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGZvb3Rub3RlMTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZm9vdG5vdGUxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1mb290bm90ZTEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZm9vdG5vdGUxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZm9vdG5vdGUxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1mb290bm90ZTEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWZvb3Rub3RlMS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgZm9vdG5vdGUyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1mb290bm90ZTItZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWZvb3Rub3RlMi1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1mb290bm90ZTItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1mb290bm90ZTItZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWZvb3Rub3RlMi1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZm9vdG5vdGUyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
+      footnote2: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-footnote2-font-family);", tokens.typoFontSize, ":var(--plasma-typo-footnote2-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-footnote2-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-footnote2-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-footnote2-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-footnote2-line-height);;label:plasma-new-hope__footnote2;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRm9vdG5vdGUvRm9vdG5vdGUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL09sZC9Gb290bm90ZS9Gb290bm90ZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdmb290bm90ZTEnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBmb290bm90ZTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWZvb3Rub3RlMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tZm9vdG5vdGUxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWZvb3Rub3RlMS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWZvb3Rub3RlMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tZm9vdG5vdGUxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1mb290bm90ZTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGZvb3Rub3RlMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZm9vdG5vdGUyLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1mb290bm90ZTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZm9vdG5vdGUyLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZm9vdG5vdGUyLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1mb290bm90ZTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWZvb3Rub3RlMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    }
+  }
+};

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

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

package/emotion/es/examples/typography/components/Old/Headline/Headline.config.js

@@ -0,0 +1,15 @@
+import { css } from '@emotion/react';
+import { tokens } from '../../../../../components/Typography/tokens';
+export var config = {
+  defaults: {
+    size: 'headline1'
+  },
+  variations: {
+    size: {
+      headline1: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-headline1-font-family);", tokens.typoFontSize, ":var(--plasma-typo-headline1-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-headline1-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-headline1-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-headline1-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-headline1-line-height);;label:plasma-new-hope__headline1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvSGVhZGxpbmUvSGVhZGxpbmUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUwQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy90eXBvZ3JhcGh5L2NvbXBvbmVudHMvT2xkL0hlYWRsaW5lL0hlYWRsaW5lLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2hlYWRsaW5lMScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGhlYWRsaW5lMTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgaGVhZGxpbmUyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTItZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMi1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTItZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMi1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoZWFkbGluZTM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGhlYWRsaW5lNDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmU0LWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmU0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmU0LWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTQtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lNC1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      headline2: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-headline2-font-family);", tokens.typoFontSize, ":var(--plasma-typo-headline2-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-headline2-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-headline2-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-headline2-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-headline2-line-height);;label:plasma-new-hope__headline2;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvSGVhZGxpbmUvSGVhZGxpbmUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL09sZC9IZWFkbGluZS9IZWFkbGluZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdoZWFkbGluZTEnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBoZWFkbGluZTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGhlYWRsaW5lMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUyLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUyLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUyLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgaGVhZGxpbmUzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoZWFkbGluZTQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmU0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lNC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lNC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmU0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTQtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      headline3: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-headline3-font-family);", tokens.typoFontSize, ":var(--plasma-typo-headline3-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-headline3-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-headline3-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-headline3-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-headline3-line-height);;label:plasma-new-hope__headline3;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvSGVhZGxpbmUvSGVhZGxpbmUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL09sZC9IZWFkbGluZS9IZWFkbGluZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdoZWFkbGluZTEnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBoZWFkbGluZTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGhlYWRsaW5lMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUyLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUyLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUyLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgaGVhZGxpbmUzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoZWFkbGluZTQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmU0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lNC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lNC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmU0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTQtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      headline4: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-headline4-font-family);", tokens.typoFontSize, ":var(--plasma-typo-headline4-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-headline4-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-headline4-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-headline4-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-headline4-line-height);;label:plasma-new-hope__headline4;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvSGVhZGxpbmUvSGVhZGxpbmUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL09sZC9IZWFkbGluZS9IZWFkbGluZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdoZWFkbGluZTEnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBoZWFkbGluZTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGhlYWRsaW5lMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUyLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUyLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUyLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgaGVhZGxpbmUzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lMy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmUzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBoZWFkbGluZTQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmU0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lNC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWhlYWRsaW5lNC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8taGVhZGxpbmU0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oZWFkbGluZTQtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

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

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

package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.config.js

@@ -0,0 +1,13 @@
+import { css } from '@emotion/react';
+import { tokens } from '../../../../../components/Typography/tokens';
+export var config = {
+  defaults: {
+    size: 'paragraph1'
+  },
+  variations: {
+    size: {
+      paragraph1: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-paragraph1-font-family);", tokens.typoFontSize, ":var(--plasma-typo-paragraph1-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-paragraph1-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-paragraph1-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-paragraph1-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-paragraph1-line-height);;label:plasma-new-hope__paragraph1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvUGFyYWdyYXBoL1BhcmFncmFwaC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTJCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvUGFyYWdyYXBoL1BhcmFncmFwaC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdwYXJhZ3JhcGgxJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgcGFyYWdyYXBoMTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1wYXJhZ3JhcGgxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgcGFyYWdyYXBoMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMi1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1wYXJhZ3JhcGgyLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMi1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      paragraph2: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-paragraph2-font-family);", tokens.typoFontSize, ":var(--plasma-typo-paragraph2-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-paragraph2-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-paragraph2-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-paragraph2-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-paragraph2-line-height);;label:plasma-new-hope__paragraph2;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvUGFyYWdyYXBoL1BhcmFncmFwaC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IyQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy90eXBvZ3JhcGh5L2NvbXBvbmVudHMvT2xkL1BhcmFncmFwaC9QYXJhZ3JhcGguY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHkvdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAncGFyYWdyYXBoMScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHBhcmFncmFwaDE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLXBhcmFncmFwaDEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLXBhcmFncmFwaDEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXBhcmFncmFwaDEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLXBhcmFncmFwaDEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXBhcmFncmFwaDEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHBhcmFncmFwaDI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLXBhcmFncmFwaDItZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLXBhcmFncmFwaDItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tcGFyYWdyYXBoMi1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXBhcmFncmFwaDItZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLXBhcmFncmFwaDItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXBhcmFncmFwaDItbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

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

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

package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.config.js

@@ -0,0 +1,12 @@
+import { css } from '@emotion/react';
+import { tokens } from '../../../../../components/Typography/tokens';
+export var config = {
+  defaults: {
+    size: 'm'
+  },
+  variations: {
+    size: {
+      m: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-subtitle-font-family);", tokens.typoFontSize, ":var(--plasma-typo-subtitle-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-subtitle-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-subtitle-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-subtitle-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-subtitle-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvU3VidGl0bGUvU3VidGl0bGUuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy90eXBvZ3JhcGh5L2NvbXBvbmVudHMvT2xkL1N1YnRpdGxlL1N1YnRpdGxlLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1zdWJ0aXRsZS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tc3VidGl0bGUtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tc3VidGl0bGUtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1zdWJ0aXRsZS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tc3VidGl0bGUtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXN1YnRpdGxlLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    }
+  }
+};

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

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

package/emotion/es/examples/typography/components/Old/Underline/Underline.config.js

@@ -0,0 +1,12 @@
+import { css } from '@emotion/react';
+import { tokens } from '../../../../../components/Typography/tokens';
+export var config = {
+  defaults: {
+    size: 'm'
+  },
+  variations: {
+    size: {
+      m: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-underline-font-family);", tokens.typoFontSize, ":var(--plasma-typo-underline-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-underline-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-underline-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-underline-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-underline-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvVW5kZXJsaW5lL1VuZGVybGluZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvVW5kZXJsaW5lL1VuZGVybGluZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tdW5kZXJsaW5lLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby11bmRlcmxpbmUtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tdW5kZXJsaW5lLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdW5kZXJsaW5lLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby11bmRlcmxpbmUtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXVuZGVybGluZS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    }
+  }
+};

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

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

package/emotion/es/examples/typography/components/Text/Text.config.js

@@ -0,0 +1,15 @@
+import { css } from '@emotion/react';
+import { tokens } from '../../../../components/Typography/tokens';
+export var config = {
+  defaults: {
+    size: 'm'
+  },
+  variations: {
+    size: {
+      l: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-text-l-font-family);", tokens.typoFontSize, ":var(--plasma-typo-text-l-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-text-l-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-text-l-font-weight);", tokens.typoFontWeightBold, ":var(--plasma-typo-text-l-bold-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-text-l-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-text-l-line-height);;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9UZXh0L1RleHQuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy90eXBvZ3JhcGh5L2NvbXBvbmVudHMvVGV4dC9UZXh0LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBsOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbC1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbC1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LW0tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LW0tYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LW0tbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1zLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB4czogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
+      m: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-text-m-font-family);", tokens.typoFontSize, ":var(--plasma-typo-text-m-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-text-m-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-text-m-font-weight);", tokens.typoFontWeightBold, ":var(--plasma-typo-text-m-bold-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-text-m-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-text-m-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9UZXh0L1RleHQuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL1RleHQvVGV4dC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      s: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-text-s-font-family);", tokens.typoFontSize, ":var(--plasma-typo-text-s-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-text-s-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-text-s-font-weight);", tokens.typoFontWeightBold, ":var(--plasma-typo-text-s-bold-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-text-s-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-text-s-line-height);;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9UZXh0L1RleHQuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL1RleHQvVGV4dC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
+      xs: /*#__PURE__*/css(tokens.typoFontFamily, ":var(--plasma-typo-text-xs-font-family);", tokens.typoFontSize, ":var(--plasma-typo-text-xs-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-text-xs-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-text-xs-font-weight);", tokens.typoFontWeightBold, ":var(--plasma-typo-text-xs-bold-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-text-xs-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-text-xs-line-height);;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9UZXh0L1RleHQuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDbUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL1RleHQvVGV4dC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodEJvbGR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1sLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LWwtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLXRleHQtbS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC1tLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby10ZXh0LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQtcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgeHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0Qm9sZH06IHZhcigtLXBsYXNtYS10eXBvLXRleHQteHMtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tdGV4dC14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    }
+  }
+};

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

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

package/es/components/Editable/Editable.js

@@ -10,7 +10,7 @@ import { selectText } from './utils/selectText.js';
 import { keyCodes } from '../../utils/constants.js';
 
 var _excluded = ["textComponent", "value", "icon", "maxLength", "spellCheck", "placeholder", "name", "onChange", "onBlur", "onPaste"];
-var editableRoot = function editableRoot(typograpyVariants) {
+var editableRoot = function editableRoot(typographyVariants) {
   return function (Root) {
     return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
       var _prevValueRef$current;

package/es/components/Editable/Editable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editable.js","sources":["../../../src/components/Editable/Editable.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type {\n    ChangeEvent,\n    ClipboardEvent,\n    FocusEvent,\n    ClipboardEventHandler,\n    FocusEventHandler,\n    FormEventHandler,\n    KeyboardEventHandler,\n} from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { constants } from '../../utils';\n\nimport type { EditableProps, TypographyVariants } from './Editable.types';\nimport { clearSelection, selectText } from './utils';\nimport { classes } from './Editable.tokens';\nimport { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const editableRoot = (typograpyVariants: TypographyVariants) => (\n    Root: RootProps<HTMLSpanElement, Omit<EditableProps<typeof typograpyVariants>, 'textComponent'>>,\n) =>\n    forwardRef<HTMLInputElement, EditableProps<typeof typograpyVariants>>(\n        (\n            {\n                textComponent,\n                value,\n                icon,\n                maxLength,\n                spellCheck = 'false',\n                placeholder,\n                name,\n                onChange,\n                onBlur,\n                onPaste,\n                ...props\n            },\n            outerRef,\n        ) => {\n            const Component = textComponent;\n\n            const [isEditing, setIsEditing] = useState(false);\n\n            const inputRef = useRef<HTMLDivElement>(null);\n            const innerRef = useForkRef(inputRef, outerRef);\n\n            const prevValueRef = useRef(value || '');\n\n            const handlePaste: ClipboardEventHandler<HTMLDivElement> = (e) => {\n                if (!inputRef.current) {\n                    return;\n                }\n\n                e.preventDefault();\n\n                const text = e.clipboardData.getData('text/plain').replace(/[\\n\\r]/gi, '');\n\n                if (document.queryCommandSupported('insertText')) {\n                    document.execCommand('insertText', false, text);\n                } else {\n                    try {\n                        navigator.clipboard.writeText(text);\n                    } catch {\n                        inputRef.current.textContent = text;\n                    }\n                }\n\n                if (onPaste) {\n                    onPaste(e as ClipboardEvent<HTMLInputElement>);\n                }\n            };\n\n            const handleBlur: FocusEventHandler<HTMLDivElement> = (e) => {\n                setIsEditing(false);\n\n                clearSelection();\n\n                // NOTE: Remove <br> tag inserted by Safari\n                const editableElement = inputRef.current;\n                if (editableElement && editableElement.innerHTML === '<br>') {\n                    editableElement.innerHTML = '';\n                }\n\n                if (onBlur) {\n                    onBlur(e as FocusEvent<HTMLInputElement>);\n                }\n            };\n\n            const handleFocus: FocusEventHandler = () => {\n                setIsEditing(true);\n\n                inputRef.current && selectText(inputRef.current);\n            };\n\n            const handleEditClick = () => {\n                inputRef.current?.focus();\n            };\n\n            const handleKeyDown: KeyboardEventHandler = (e) => {\n                if ([constants.keyCodes.Enter, constants.keyCodes.Escape].includes(e.keyCode)) {\n                    inputRef.current?.blur();\n                }\n            };\n\n            const handleChange: FormEventHandler = (e) => {\n                if (!inputRef.current) {\n                    return;\n                }\n\n                const contentLength = inputRef.current.textContent?.length || 0;\n\n                if (!maxLength || contentLength <= maxLength) {\n                    prevValueRef.current = inputRef.current.textContent || '';\n\n                    onChange && onChange(e as ChangeEvent<HTMLInputElement>);\n                } else {\n                    inputRef.current.textContent = prevValueRef.current;\n                }\n            };\n\n            useEffect(() => {\n                if (!inputRef.current || typeof value === 'undefined' || value === inputRef.current.textContent) {\n                    return;\n                }\n\n                inputRef.current.textContent = value;\n            }, [value, textComponent]);\n\n            return (\n                <Root {...props}>\n                    <Component\n                        ref={innerRef}\n                        className={classes.editableTextBox}\n                        role=\"textbox\"\n                        spellCheck={spellCheck}\n                        contentEditable\n                        onPaste={handlePaste}\n                        onInput={handleChange}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onKeyDown={handleKeyDown}\n                        aria-label={placeholder}\n                    />\n                    {prevValueRef.current?.length === 0 && !isEditing && (\n                        <Component>\n                            <StyledPlacehpolder onClick={handleEditClick}>{placeholder}</StyledPlacehpolder>\n                        </Component>\n                    )}\n                    <StyledInput type=\"hidden\" value={prevValueRef.current} name={name} />\n                    <EditButton onClick={handleEditClick} isHidden={isEditing}>\n                        {icon}\n                    </EditButton>\n                </Root>\n            );\n        },\n    );\n\nexport const editableConfig = (typographyVariants: TypographyVariants) => ({\n    name: 'Editable',\n    tag: 'span',\n    layout: editableRoot(typographyVariants),\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n});\n"],"names":["editableRoot","typograpyVariants","Root","forwardRef","_ref","outerRef","_prevValueRef$current","textComponent","value","icon","maxLength","_ref$spellCheck","spellCheck","placeholder","name","onChange","onBlur","onPaste","props","_objectWithoutProperties","_excluded","Component","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","inputRef","useRef","innerRef","useForkRef","prevValueRef","handlePaste","e","current","preventDefault","text","clipboardData","getData","replace","document","queryCommandSupported","execCommand","navigator","clipboard","writeText","_unused","textContent","handleBlur","clearSelection","editableElement","innerHTML","handleFocus","selectText","handleEditClick","_inputRef$current","focus","handleKeyDown","constants","Enter","Escape","includes","keyCode","_inputRef$current2","blur","handleChange","_inputRef$current$tex","contentLength","length","useEffect","React","createElement","ref","className","classes","editableTextBox","role","contentEditable","onInput","onFocus","onKeyDown","StyledPlacehpolder","onClick","StyledInput","type","EditButton","isHidden","editableConfig","typographyVariants","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Editable.js","sources":["../../../src/components/Editable/Editable.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type {\n    ChangeEvent,\n    ClipboardEvent,\n    FocusEvent,\n    ClipboardEventHandler,\n    FocusEventHandler,\n    FormEventHandler,\n    KeyboardEventHandler,\n} from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { constants } from '../../utils';\n\nimport type { EditableProps, TypographyVariants } from './Editable.types';\nimport { clearSelection, selectText } from './utils';\nimport { classes } from './Editable.tokens';\nimport { base, EditButton, StyledInput, StyledPlacehpolder } from './Editable.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const editableRoot = (typographyVariants: TypographyVariants) => (\n    Root: RootProps<HTMLSpanElement, Omit<EditableProps<typeof typographyVariants>, 'textComponent'>>,\n) =>\n    forwardRef<HTMLInputElement, EditableProps<typeof typographyVariants>>(\n        (\n            {\n                textComponent,\n                value,\n                icon,\n                maxLength,\n                spellCheck = 'false',\n                placeholder,\n                name,\n                onChange,\n                onBlur,\n                onPaste,\n                ...props\n            },\n            outerRef,\n        ) => {\n            const Component = textComponent;\n\n            const [isEditing, setIsEditing] = useState(false);\n\n            const inputRef = useRef<HTMLDivElement>(null);\n            const innerRef = useForkRef(inputRef, outerRef);\n\n            const prevValueRef = useRef(value || '');\n\n            const handlePaste: ClipboardEventHandler<HTMLDivElement> = (e) => {\n                if (!inputRef.current) {\n                    return;\n                }\n\n                e.preventDefault();\n\n                const text = e.clipboardData.getData('text/plain').replace(/[\\n\\r]/gi, '');\n\n                if (document.queryCommandSupported('insertText')) {\n                    document.execCommand('insertText', false, text);\n                } else {\n                    try {\n                        navigator.clipboard.writeText(text);\n                    } catch {\n                        inputRef.current.textContent = text;\n                    }\n                }\n\n                if (onPaste) {\n                    onPaste(e as ClipboardEvent<HTMLInputElement>);\n                }\n            };\n\n            const handleBlur: FocusEventHandler<HTMLDivElement> = (e) => {\n                setIsEditing(false);\n\n                clearSelection();\n\n                // NOTE: Remove <br> tag inserted by Safari\n                const editableElement = inputRef.current;\n                if (editableElement && editableElement.innerHTML === '<br>') {\n                    editableElement.innerHTML = '';\n                }\n\n                if (onBlur) {\n                    onBlur(e as FocusEvent<HTMLInputElement>);\n                }\n            };\n\n            const handleFocus: FocusEventHandler = () => {\n                setIsEditing(true);\n\n                inputRef.current && selectText(inputRef.current);\n            };\n\n            const handleEditClick = () => {\n                inputRef.current?.focus();\n            };\n\n            const handleKeyDown: KeyboardEventHandler = (e) => {\n                if ([constants.keyCodes.Enter, constants.keyCodes.Escape].includes(e.keyCode)) {\n                    inputRef.current?.blur();\n                }\n            };\n\n            const handleChange: FormEventHandler = (e) => {\n                if (!inputRef.current) {\n                    return;\n                }\n\n                const contentLength = inputRef.current.textContent?.length || 0;\n\n                if (!maxLength || contentLength <= maxLength) {\n                    prevValueRef.current = inputRef.current.textContent || '';\n\n                    onChange && onChange(e as ChangeEvent<HTMLInputElement>);\n                } else {\n                    inputRef.current.textContent = prevValueRef.current;\n                }\n            };\n\n            useEffect(() => {\n                if (!inputRef.current || typeof value === 'undefined' || value === inputRef.current.textContent) {\n                    return;\n                }\n\n                inputRef.current.textContent = value;\n            }, [value, textComponent]);\n\n            return (\n                <Root {...props}>\n                    <Component\n                        ref={innerRef}\n                        className={classes.editableTextBox}\n                        role=\"textbox\"\n                        spellCheck={spellCheck}\n                        contentEditable\n                        onPaste={handlePaste}\n                        onInput={handleChange}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onKeyDown={handleKeyDown}\n                        aria-label={placeholder}\n                    />\n                    {prevValueRef.current?.length === 0 && !isEditing && (\n                        <Component>\n                            <StyledPlacehpolder onClick={handleEditClick}>{placeholder}</StyledPlacehpolder>\n                        </Component>\n                    )}\n                    <StyledInput type=\"hidden\" value={prevValueRef.current} name={name} />\n                    <EditButton onClick={handleEditClick} isHidden={isEditing}>\n                        {icon}\n                    </EditButton>\n                </Root>\n            );\n        },\n    );\n\nexport const editableConfig = (typographyVariants: TypographyVariants) => ({\n    name: 'Editable',\n    tag: 'span',\n    layout: editableRoot(typographyVariants),\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n});\n"],"names":["editableRoot","typographyVariants","Root","forwardRef","_ref","outerRef","_prevValueRef$current","textComponent","value","icon","maxLength","_ref$spellCheck","spellCheck","placeholder","name","onChange","onBlur","onPaste","props","_objectWithoutProperties","_excluded","Component","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","inputRef","useRef","innerRef","useForkRef","prevValueRef","handlePaste","e","current","preventDefault","text","clipboardData","getData","replace","document","queryCommandSupported","execCommand","navigator","clipboard","writeText","_unused","textContent","handleBlur","clearSelection","editableElement","innerHTML","handleFocus","selectText","handleEditClick","_inputRef$current","focus","handleKeyDown","constants","Enter","Escape","includes","keyCode","_inputRef$current2","blur","handleChange","_inputRef$current$tex","contentLength","length","useEffect","React","createElement","ref","className","classes","editableTextBox","role","contentEditable","onInput","onFocus","onKeyDown","StyledPlacehpolder","onClick","StyledInput","type","EditButton","isHidden","editableConfig","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Typography/Body/Body.css

@@ -1 +1 @@
-.Typography_styles_6mr47g_b1ru04lg__ff3be7fe{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_6mr47g_b1ru04lg__ff3be7fe.Typography_styles_6mr47g_typographyBold__ff3be7fe{font-weight:var(--typo-font-weight-bold);}.Typography_styles_6mr47g_b1ru04lg__ff3be7fe.Typography_styles_6mr47g_withBreakWord__ff3be7fe{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Typography_styles_fa07dt_b1ru04lg__867729cb{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_typographyBold__867729cb{font-weight:var(--typo-font-weight-bold);}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withNoWrap__867729cb{white-space:nowrap;}.Typography_styles_fa07dt_b1ru04lg__867729cb.Typography_styles_fa07dt_withBreakWord__867729cb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}

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

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

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

@@ -1 +1 @@
-.Paragraph_styles_179bahu_bgybk92__d9a8cadb{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Paragraph_styles_179bahu_bgybk92__d9a8cadb.Paragraph_styles_179bahu_withBreakWord__d9a8cadb{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);margin:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f.Paragraph_styles_f6q9s8_withNoWrap__e9eeb09f{white-space:nowrap;}.Paragraph_styles_f6q9s8_bgybk92__e9eeb09f.Paragraph_styles_f6q9s8_withBreakWord__e9eeb09f{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}

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

@@ -1,4 +1,4 @@
-import './Paragraph.styles_179bahu.css';
+import './Paragraph.styles_f6q9s8.css';
 var base = "bgybk92";
 
 export { base };

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

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

package/es/components/Typography/Old/Paragraph/{Paragraph.styles_179bahu.css → Paragraph.styles_f6q9s8.css}

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

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

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

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

@@ -2,19 +2,25 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
 import React, { forwardRef } from 'react';
 import { applySpacing } from '../../../../mixins/applySpacing.js';
 import { base as base$1 } from '../../variations/_size/base.js';
+import { classes } from '../../tokens.js';
+import { cx } from '../../../../utils/index.js';
 import { base } from './Subtitle.styles.js';
 
-var _excluded = ["size", "children", "color", "style"];
+var _excluded = ["size", "children", "color", "noWrap", "className", "style"];
 var subtitleRoot = function subtitleRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
       children = props.children,
       color = props.color,
+      noWrap = props.noWrap,
+      className = props.className,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
+    var withNoWrap = noWrap ? classes.typoWithNoWrap : undefined;
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       ref: ref,
+      className: cx(withNoWrap, className),
       style: _objectSpread2(_objectSpread2({
         color: color
       }, style), applySpacing(rest))

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

@@ -1 +1 @@
-{"version":3,"file":"Subtitle.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../../mixins/applySpacing';\nimport type { RootProps } from '../../../../engines';\nimport { base as sizeCSS } from '../../variations/_size/base';\nimport type { FontProps } from '../../Typography.types';\n\nimport { base } from './Subtitle.styles';\n\nexport type SubtitleProps = Omit<FontProps, 'bold' | 'breakWord'>;\n\nexport const subtitleRoot = (Root: RootProps<HTMLDivElement, SubtitleProps>) =>\n    forwardRef<HTMLDivElement, SubtitleProps>((props, ref) => {\n        const { size, children, color, style, ...rest } = props;\n\n        return (\n            <Root size={size} ref={ref} style={{ color, ...style, ...applySpacing(rest) }} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n\nexport const subtitleConfig = {\n    name: 'Subtitle',\n    tag: 'div',\n    layout: subtitleRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["subtitleRoot","Root","forwardRef","props","ref","size","children","color","style","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","_objectSpread","applySpacing","subtitleConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;IAWaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,UAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IAAQC,IAAI,GAAsCF,KAAK,CAA/CE,IAAI;MAAEC,QAAQ,GAA4BH,KAAK,CAAzCG,QAAQ;MAAEC,KAAK,GAAqBJ,KAAK,CAA/BI,KAAK;MAAEC,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEvD,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACZ,IAAI,EAAAa,QAAA,CAAA;AAACT,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,GAAG,EAAEA,GAAI;MAACI,KAAK,EAAAO,cAAA,CAAAA,cAAA,CAAA;AAAIR,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKC,KAAK,CAAA,EAAKQ,YAAY,CAACP,IAAI,CAAC,CAAA;KAAQA,EAAAA,IAAI,CAClFH,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpB,YAAY;AACpBqB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpB,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Subtitle.js","sources":["../../../../../src/components/Typography/Old/Subtitle/Subtitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { applySpacing } from '../../../../mixins/applySpacing';\nimport type { RootProps } from '../../../../engines';\nimport { base as sizeCSS } from '../../variations/_size/base';\nimport type { FontProps } from '../../Typography.types';\nimport { classes } from '../../tokens';\nimport { cx } from '../../../../utils';\n\nimport { base } from './Subtitle.styles';\n\nexport type SubtitleProps = Omit<FontProps, 'bold' | 'breakWord'>;\n\nexport const subtitleRoot = (Root: RootProps<HTMLDivElement, SubtitleProps>) =>\n    forwardRef<HTMLDivElement, SubtitleProps>((props, ref) => {\n        const { size, children, color, noWrap, className, style, ...rest } = props;\n\n        const withNoWrap = noWrap ? classes.typoWithNoWrap : undefined;\n\n        return (\n            <Root\n                size={size}\n                ref={ref}\n                className={cx(withNoWrap, className)}\n                style={{ color, ...style, ...applySpacing(rest) }}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n\nexport const subtitleConfig = {\n    name: 'Subtitle',\n    tag: 'div',\n    layout: subtitleRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["subtitleRoot","Root","forwardRef","props","ref","size","children","color","noWrap","className","style","rest","_objectWithoutProperties","_excluded","withNoWrap","classes","typoWithNoWrap","undefined","React","createElement","_extends","cx","_objectSpread","applySpacing","subtitleConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;IAaaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,UAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IAAQC,IAAI,GAAyDF,KAAK,CAAlEE,IAAI;MAAEC,QAAQ,GAA+CH,KAAK,CAA5DG,QAAQ;MAAEC,KAAK,GAAwCJ,KAAK,CAAlDI,KAAK;MAAEC,MAAM,GAAgCL,KAAK,CAA3CK,MAAM;MAAEC,SAAS,GAAqBN,KAAK,CAAnCM,SAAS;MAAEC,KAAK,GAAcP,KAAK,CAAxBO,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;IAE1E,IAAMC,UAAU,GAAGN,MAAM,GAAGO,OAAO,CAACC,cAAc,GAAGC,SAAS,CAAA;AAE9D,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAClB,IAAI,EAAAmB,QAAA,CAAA;AACDf,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,GAAG,EAAEA,GAAI;AACTK,MAAAA,SAAS,EAAEY,EAAE,CAACP,UAAU,EAAEL,SAAS,CAAE;MACrCC,KAAK,EAAAY,cAAA,CAAAA,cAAA,CAAA;AAAIf,QAAAA,KAAK,EAALA,KAAAA;AAAK,OAAA,EAAKG,KAAK,CAAA,EAAKa,YAAY,CAACZ,IAAI,CAAC,CAAA;KAC3CA,EAAAA,IAAI,CAEPL,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMkB,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE3B,YAAY;AACpB4B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRxB,IAAAA,IAAI,EAAE;AACFyB,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN3B,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

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

@@ -1,4 +1,4 @@
-import './Subtitle.styles_1plleej.css';
+import './Subtitle.styles_g6d0r2.css';
 var base = "b810c19";
 
 export { base };

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

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

package/{cjs/components/Typography/Old/Subtitle/Subtitle.styles_1plleej.css → es/components/Typography/Old/Subtitle/Subtitle.styles_g6d0r2.css}

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

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

@@ -4,21 +4,23 @@ import { applySpacing } from '../../../mixins/applySpacing.js';
 import { classes } from '../tokens.js';
 import { cx } from '../../../utils/index.js';
 
-var _excluded = ["size", "children", "breakWord", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "color", "className", "style"];
 var typographyOldRoot = function typographyOldRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
       children = props.children,
       breakWord = props.breakWord,
+      noWrap = props.noWrap,
       color = props.color,
       className = props.className,
       style = props.style,
       rest = _objectWithoutProperties(props, _excluded);
+    var withNoWrap = noWrap ? classes.typoWithNoWrap : undefined;
     var withBreakWord = breakWord ? classes.typoWithBreakWord : undefined;
     return /*#__PURE__*/React.createElement(Root, _extends({
       size: size,
       ref: ref,
-      className: cx(withBreakWord, className),
+      className: cx(withNoWrap, withBreakWord, className),
       style: _objectSpread2(_objectSpread2({
         color: color
       }, style), applySpacing(rest))