@salutejs/plasma-new-hope 0.317.0-canary.1886.14214080050.0 → 0.317.0-canary.1888.14214679698.0

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

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

package/emotion/es/examples/typography/components/Old/Body/Body.js

@@ -0,0 +1,5 @@
+import { oldBodyConfig } from '../../../../../components/Typography';
+import { component, mergeConfig } from '../../../../../engines';
+import { config } from './Body.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(oldBodyConfig, config);
+export var OldBody = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/typography/components/Old/Body/Body.stories.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { mergeConfig } from '../../../../../engines';
+import { oldBodyConfig } from '../../../../../components/Typography';
+
+import { OldBody } from './Body';
+import { config } from './Body.config';
+
+const meta: Meta<typeof OldBody> = {
+    title: 'Data Display/Typography/Old/Body',
+    decorators: [WithTheme],
+    component: OldBody,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(oldBodyConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+    args: {
+        noWrap: false,
+        breakWord: true,
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<typeof OldBody> = {
+    render: (props) => {
+        return (
+            <OldBody {...props}>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
+                distinctio modi quo, provident quod.
+            </OldBody>
+        );
+    },
+};

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

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

package/emotion/es/examples/typography/components/Old/Button/Button.js

@@ -0,0 +1,5 @@
+import { buttonTypographyConfig } from '../../../../../components/Typography';
+import { component, mergeConfig } from '../../../../../engines';
+import { config } from './Button.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(buttonTypographyConfig, config);
+export var Button = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/typography/components/Old/Button/Button.stories.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { mergeConfig } from '../../../../../engines';
+import { buttonTypographyConfig } from '../../../../../components/Typography';
+
+import { Button } from './Button';
+import { config } from './Button.config';
+
+const meta: Meta<typeof Button> = {
+    title: 'Data Display/Typography/Old/Button',
+    decorators: [WithTheme],
+    component: Button,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(buttonTypographyConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+    args: {
+        noWrap: false,
+        breakWord: true,
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<typeof Button> = {
+    render: (props) => {
+        return (
+            <Button {...props}>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
+                distinctio modi quo, provident quod.
+            </Button>
+        );
+    },
+};

package/emotion/es/examples/typography/components/Old/Caption/Caption.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-caption-font-family);", tokens.typoFontSize, ":var(--plasma-typo-caption-font-size);", tokens.typoFontStyle, ":var(--plasma-typo-caption-font-style);", tokens.typoFontWeight, ":var(--plasma-typo-caption-font-weight);", tokens.typoFontLetterSpacing, ":var(--plasma-typo-caption-letter-spacing);", tokens.typoFontLineHeight, ":var(--plasma-typo-caption-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQ2FwdGlvbi9DYXB0aW9uLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL09sZC9DYXB0aW9uL0NhcHRpb24uY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHkvdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWNhcHRpb24tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWNhcHRpb24tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tY2FwdGlvbi1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWNhcHRpb24tZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWNhcHRpb24tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWNhcHRpb24tbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

package/emotion/es/examples/typography/components/Old/Caption/Caption.js

@@ -0,0 +1,5 @@
+import { captionConfig } from '../../../../../components/Typography';
+import { component, mergeConfig } from '../../../../../engines';
+import { config } from './Caption.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(captionConfig, config);
+export var Caption = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/typography/components/Old/Caption/Caption.stories.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { mergeConfig } from '../../../../../engines';
+import { captionConfig } from '../../../../../components/Typography';
+
+import { Caption } from './Caption';
+import { config } from './Caption.config';
+
+const meta: Meta<typeof Caption> = {
+    title: 'Data Display/Typography/Old/Caption',
+    decorators: [WithTheme],
+    component: Caption,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(captionConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+    args: {
+        noWrap: false,
+        breakWord: true,
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<typeof Caption> = {
+    render: (props) => {
+        return (
+            <Caption {...props}>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
+                distinctio modi quo, provident quod.
+            </Caption>
+        );
+    },
+};

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/emotion/es/examples/typography/components/Old/Display/Display.js

@@ -0,0 +1,5 @@
+import { displayConfig } from '../../../../../components/Typography';
+import { component, mergeConfig } from '../../../../../engines';
+import { config } from './Display.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(displayConfig, config);
+export var Display = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/typography/components/Old/Display/Display.stories.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { mergeConfig } from '../../../../../engines';
+import { displayConfig } from '../../../../../components/Typography';
+
+import { Display } from './Display';
+import { config } from './Display.config';
+
+const meta: Meta<typeof Display> = {
+    title: 'Data Display/Typography/Old/Display',
+    decorators: [WithTheme],
+    component: Display,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(displayConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+    args: {
+        noWrap: false,
+        breakWord: true,
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<typeof Display> = {
+    render: (props) => {
+        return (
+            <Display {...props}>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
+                distinctio modi quo, provident quod.
+            </Display>
+        );
+    },
+};

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/emotion/es/examples/typography/components/Old/Footnote/Footnote.js

@@ -0,0 +1,5 @@
+import { footnoteConfig } from '../../../../../components/Typography';
+import { component, mergeConfig } from '../../../../../engines';
+import { config } from './Footnote.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(footnoteConfig, config);
+export var Footnote = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/typography/components/Old/Footnote/Footnote.stories.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { mergeConfig } from '../../../../../engines';
+import { footnoteConfig } from '../../../../../components/Typography';
+
+import { Footnote } from './Footnote';
+import { config } from './Footnote.config';
+
+const meta: Meta<typeof Footnote> = {
+    title: 'Data Display/Typography/Old/Footnote',
+    decorators: [WithTheme],
+    component: Footnote,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(footnoteConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+    args: {
+        noWrap: false,
+        breakWord: true,
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<typeof Footnote> = {
+    render: (props) => {
+        return (
+            <Footnote {...props}>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
+                distinctio modi quo, provident quod.
+            </Footnote>
+        );
+    },
+};

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/es/examples/typography/components/Old/Headline/Headline.js

@@ -0,0 +1,5 @@
+import { headlineConfig } from '../../../../../components/Typography';
+import { component, mergeConfig } from '../../../../../engines';
+import { config } from './Headline.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(headlineConfig, config);
+export var Headline = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/typography/components/Old/Headline/Headline.stories.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { mergeConfig } from '../../../../../engines';
+import { headlineConfig } from '../../../../../components/Typography';
+
+import { Headline } from './Headline';
+import { config } from './Headline.config';
+
+const meta: Meta<typeof Headline> = {
+    title: 'Data Display/Typography/Old/Headline',
+    decorators: [WithTheme],
+    component: Headline,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(headlineConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+    args: {
+        noWrap: false,
+        breakWord: true,
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<typeof Headline> = {
+    render: (props) => {
+        return (
+            <Headline {...props}>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
+                distinctio modi quo, provident quod.
+            </Headline>
+        );
+    },
+};

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/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.js

@@ -0,0 +1,5 @@
+import { paragraphConfig } from '../../../../../components/Typography';
+import { component, mergeConfig } from '../../../../../engines';
+import { config } from './Paragraph.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(paragraphConfig, config);
+export var Paragraph = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { mergeConfig } from '../../../../../engines';
+import { paragraphConfig } from '../../../../../components/Typography';
+
+import { Paragraph } from './Paragraph';
+import { config } from './Paragraph.config';
+
+const meta: Meta<typeof Paragraph> = {
+    title: 'Data Display/Typography/Old/Paragraph',
+    decorators: [WithTheme],
+    component: Paragraph,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(paragraphConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+    args: {
+        noWrap: false,
+        breakWord: true,
+        resetMargin: false,
+        m: 2,
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<typeof Paragraph> = {
+    render: (props) => {
+        return (
+            <Paragraph {...props}>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
+                distinctio modi quo, provident quod.
+            </Paragraph>
+        );
+    },
+};

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/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.js

@@ -0,0 +1,5 @@
+import { subtitleConfig } from '../../../../../components/Typography';
+import { component, mergeConfig } from '../../../../../engines';
+import { config } from './Subtitle.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(subtitleConfig, config);
+export var Subtitle = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { mergeConfig } from '../../../../../engines';
+import { subtitleConfig } from '../../../../../components/Typography';
+
+import { Subtitle } from './Subtitle';
+import { config } from './Subtitle.config';
+
+const meta: Meta<typeof Subtitle> = {
+    title: 'Data Display/Typography/Old/Subtitle',
+    decorators: [WithTheme],
+    component: Subtitle,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(subtitleConfig, config)),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+    args: {
+        noWrap: false,
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<typeof Subtitle> = {
+    render: (props) => {
+        return (
+            <Subtitle {...props}>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
+                distinctio modi quo, provident quod.
+            </Subtitle>
+        );
+    },
+};