@salutejs/plasma-new-hope 0.316.0-dev.0 → 0.317.0-canary.1886.14214080050.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Button/Button.js +0 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Chip/Chip.js +0 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +0 -1
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextField/TextField.js +0 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/Typography/Body/Body.css +1 -1
- package/cjs/components/Typography/Typography.js +4 -4
- package/cjs/components/Typography/Typography.js.map +1 -1
- package/cjs/components/Typography/Typography.styles.js +1 -1
- package/cjs/components/Typography/Typography.styles.js.map +1 -1
- package/cjs/components/Typography/{Typography.styles_fa07dt.css → Typography.styles_c0qunc.css} +1 -1
- package/cjs/components/Typography/tokens.js +3 -1
- package/cjs/components/Typography/tokens.js.map +1 -1
- package/cjs/engines/linaria.js +4 -2
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/index.css +1 -1
- package/emotion/cjs/components/Button/Button.js +0 -1
- package/emotion/cjs/components/Chip/Chip.js +0 -1
- package/emotion/cjs/components/TextArea/TextArea.js +1 -2
- package/emotion/cjs/components/TextField/TextField.js +1 -3
- package/emotion/cjs/components/Typography/Typography.js +4 -4
- package/emotion/cjs/components/Typography/Typography.styles.js +1 -1
- package/emotion/cjs/components/Typography/Typography.template-doc.mdx +42 -9
- package/emotion/cjs/components/Typography/tokens.js +3 -1
- package/emotion/cjs/examples/typography/components/Body/Body.config.js +5 -5
- package/emotion/cjs/examples/typography/components/Body/Body.stories.tsx +17 -1
- package/emotion/cjs/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/emotion/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +17 -1
- package/emotion/cjs/examples/typography/components/Heading/Heading.config.js +5 -5
- package/emotion/cjs/examples/typography/components/Heading/Heading.stories.tsx +17 -1
- package/emotion/cjs/examples/typography/components/Text/Text.config.js +4 -4
- package/emotion/cjs/examples/typography/components/Text/Text.stories.tsx +17 -1
- package/emotion/es/components/Button/Button.js +0 -1
- package/emotion/es/components/Chip/Chip.js +0 -1
- package/emotion/es/components/TextArea/TextArea.js +1 -2
- package/emotion/es/components/TextField/TextField.js +1 -3
- package/emotion/es/components/Typography/Typography.js +4 -4
- package/emotion/es/components/Typography/Typography.styles.js +1 -1
- package/emotion/es/components/Typography/Typography.template-doc.mdx +42 -9
- package/emotion/es/components/Typography/tokens.js +3 -1
- package/emotion/es/examples/typography/components/Body/Body.config.js +5 -5
- package/emotion/es/examples/typography/components/Body/Body.stories.tsx +17 -1
- package/emotion/es/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/emotion/es/examples/typography/components/Dspl/Dspl.stories.tsx +17 -1
- package/emotion/es/examples/typography/components/Heading/Heading.config.js +5 -5
- package/emotion/es/examples/typography/components/Heading/Heading.stories.tsx +17 -1
- package/emotion/es/examples/typography/components/Text/Text.config.js +4 -4
- package/emotion/es/examples/typography/components/Text/Text.stories.tsx +17 -1
- package/es/components/Button/Button.js +0 -1
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/Chip/Chip.js +0 -1
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/TextArea/TextArea.js +0 -1
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextField/TextField.js +0 -2
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/Typography/Body/Body.css +1 -1
- package/es/components/Typography/Typography.js +4 -4
- package/es/components/Typography/Typography.js.map +1 -1
- package/es/components/Typography/Typography.styles.js +1 -1
- package/es/components/Typography/Typography.styles.js.map +1 -1
- package/es/components/Typography/{Typography.styles_fa07dt.css → Typography.styles_c0qunc.css} +1 -1
- package/es/components/Typography/tokens.js +3 -1
- package/es/components/Typography/tokens.js.map +1 -1
- package/es/engines/linaria.js +4 -2
- package/es/engines/linaria.js.map +1 -1
- package/es/index.css +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.js +0 -1
- package/styled-components/cjs/components/Chip/Chip.js +0 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +0 -1
- package/styled-components/cjs/components/TextField/TextField.js +0 -2
- package/styled-components/cjs/components/Typography/Typography.js +4 -4
- package/styled-components/cjs/components/Typography/Typography.styles.js +1 -1
- package/styled-components/cjs/components/Typography/Typography.template-doc.mdx +42 -9
- package/styled-components/cjs/components/Typography/tokens.js +3 -1
- package/styled-components/cjs/examples/typography/components/Body/Body.config.js +5 -5
- package/styled-components/cjs/examples/typography/components/Body/Body.stories.tsx +17 -1
- package/styled-components/cjs/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/styled-components/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +17 -1
- package/styled-components/cjs/examples/typography/components/Heading/Heading.config.js +5 -5
- package/styled-components/cjs/examples/typography/components/Heading/Heading.stories.tsx +17 -1
- package/styled-components/cjs/examples/typography/components/Text/Text.config.js +4 -4
- package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx +17 -1
- package/styled-components/es/components/Button/Button.js +0 -1
- package/styled-components/es/components/Chip/Chip.js +0 -1
- package/styled-components/es/components/TextArea/TextArea.js +0 -1
- package/styled-components/es/components/TextField/TextField.js +0 -2
- package/styled-components/es/components/Typography/Typography.js +4 -4
- package/styled-components/es/components/Typography/Typography.styles.js +1 -1
- package/styled-components/es/components/Typography/Typography.template-doc.mdx +42 -9
- package/styled-components/es/components/Typography/tokens.js +3 -1
- package/styled-components/es/examples/typography/components/Body/Body.config.js +5 -5
- package/styled-components/es/examples/typography/components/Body/Body.stories.tsx +17 -1
- package/styled-components/es/examples/typography/components/Dspl/Dspl.config.js +3 -3
- package/styled-components/es/examples/typography/components/Dspl/Dspl.stories.tsx +17 -1
- package/styled-components/es/examples/typography/components/Heading/Heading.config.js +5 -5
- package/styled-components/es/examples/typography/components/Heading/Heading.stories.tsx +17 -1
- package/styled-components/es/examples/typography/components/Text/Text.config.js +4 -4
- package/styled-components/es/examples/typography/components/Text/Text.stories.tsx +17 -1
- package/types/components/Button/Button.d.ts.map +1 -1
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/Typography/Body/Body.d.ts +2 -10
- package/types/components/Typography/Body/Body.d.ts.map +1 -1
- package/types/components/Typography/Dspl/Dspl.d.ts +2 -10
- package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
- package/types/components/Typography/Heading/Heading.d.ts +2 -10
- package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
- package/types/components/Typography/Text/Text.d.ts +2 -10
- package/types/components/Typography/Text/Text.d.ts.map +1 -1
- package/types/components/Typography/Typography.d.ts +1 -5
- package/types/components/Typography/Typography.d.ts.map +1 -1
- package/types/components/Typography/Typography.styles.d.ts.map +1 -1
- package/types/components/Typography/Typography.types.d.ts +23 -5
- package/types/components/Typography/Typography.types.d.ts.map +1 -1
- package/types/components/Typography/tokens.d.ts +2 -0
- package/types/components/Typography/tokens.d.ts.map +1 -1
- package/emotion/cjs/examples/typography/components/Old/Body/Body.config.js +0 -20
- package/emotion/cjs/examples/typography/components/Old/Body/Body.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Button/Button.config.js +0 -19
- package/emotion/cjs/examples/typography/components/Old/Button/Button.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Caption/Caption.config.js +0 -18
- package/emotion/cjs/examples/typography/components/Old/Caption/Caption.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Display/Display.config.js +0 -20
- package/emotion/cjs/examples/typography/components/Old/Display/Display.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.config.js +0 -19
- package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Headline/Headline.config.js +0 -21
- package/emotion/cjs/examples/typography/components/Old/Headline/Headline.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -19
- package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -18
- package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/emotion/cjs/examples/typography/components/Old/Underline/Underline.config.js +0 -18
- package/emotion/cjs/examples/typography/components/Old/Underline/Underline.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Body/Body.config.js +0 -14
- package/emotion/es/examples/typography/components/Old/Body/Body.js +0 -5
- package/emotion/es/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Button/Button.config.js +0 -13
- package/emotion/es/examples/typography/components/Old/Button/Button.js +0 -5
- package/emotion/es/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Caption/Caption.config.js +0 -12
- package/emotion/es/examples/typography/components/Old/Caption/Caption.js +0 -5
- package/emotion/es/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Display/Display.config.js +0 -14
- package/emotion/es/examples/typography/components/Old/Display/Display.js +0 -5
- package/emotion/es/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Footnote/Footnote.config.js +0 -13
- package/emotion/es/examples/typography/components/Old/Footnote/Footnote.js +0 -5
- package/emotion/es/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Headline/Headline.config.js +0 -15
- package/emotion/es/examples/typography/components/Old/Headline/Headline.js +0 -5
- package/emotion/es/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -13
- package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.js +0 -5
- package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -12
- package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.js +0 -5
- package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/emotion/es/examples/typography/components/Old/Underline/Underline.config.js +0 -12
- package/emotion/es/examples/typography/components/Old/Underline/Underline.js +0 -5
- package/emotion/es/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Body/Body.config.js +0 -20
- package/styled-components/cjs/examples/typography/components/Old/Body/Body.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Button/Button.config.js +0 -19
- package/styled-components/cjs/examples/typography/components/Old/Button/Button.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.config.js +0 -18
- package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Display/Display.config.js +0 -20
- package/styled-components/cjs/examples/typography/components/Old/Display/Display.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.config.js +0 -19
- package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.config.js +0 -21
- package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -19
- package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -18
- package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.config.js +0 -18
- package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Body/Body.config.js +0 -14
- package/styled-components/es/examples/typography/components/Old/Body/Body.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Button/Button.config.js +0 -13
- package/styled-components/es/examples/typography/components/Old/Button/Button.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Caption/Caption.config.js +0 -12
- package/styled-components/es/examples/typography/components/Old/Caption/Caption.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Display/Display.config.js +0 -14
- package/styled-components/es/examples/typography/components/Old/Display/Display.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.config.js +0 -13
- package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Headline/Headline.config.js +0 -15
- package/styled-components/es/examples/typography/components/Old/Headline/Headline.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -13
- package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -12
- package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/styled-components/es/examples/typography/components/Old/Underline/Underline.config.js +0 -12
- package/styled-components/es/examples/typography/components/Old/Underline/Underline.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { underlineConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { Underline } from './Underline';
|
9
|
-
import { config } from './Underline.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof Underline> = {
|
12
|
-
title: 'Data Display/Typography/Old/Underline',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: Underline,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(underlineConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof Underline> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<Underline {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</Underline>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { tokens } from '../../../../../components/Typography/tokens';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
size: 'body1'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
size: {
|
9
|
-
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= */")),
|
10
|
-
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 */")),
|
11
|
-
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 */"))
|
12
|
-
}
|
13
|
-
}
|
14
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { oldBodyConfig } from '../../../../../components/Typography';
|
2
|
-
import { component, mergeConfig } from '../../../../../engines';
|
3
|
-
import { config } from './Body.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(oldBodyConfig, config);
|
5
|
-
export var OldBody = /*#__PURE__*/component(mergedConfig);
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { oldBodyConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { OldBody } from './Body';
|
9
|
-
import { config } from './Body.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof OldBody> = {
|
12
|
-
title: 'Data Display/Typography/Old/Body',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: OldBody,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(oldBodyConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof OldBody> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<OldBody {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</OldBody>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { tokens } from '../../../../../components/Typography/tokens';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
size: 'button1'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
size: {
|
9
|
-
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 */")),
|
10
|
-
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== */"))
|
11
|
-
}
|
12
|
-
}
|
13
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { buttonTypographyConfig } from '../../../../../components/Typography';
|
2
|
-
import { component, mergeConfig } from '../../../../../engines';
|
3
|
-
import { config } from './Button.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(buttonTypographyConfig, config);
|
5
|
-
export var Button = /*#__PURE__*/component(mergedConfig);
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { buttonTypographyConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { Button } from './Button';
|
9
|
-
import { config } from './Button.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof Button> = {
|
12
|
-
title: 'Data Display/Typography/Old/Button',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: Button,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(buttonTypographyConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof Button> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<Button {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</Button>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { tokens } from '../../../../../components/Typography/tokens';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
size: 'm'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
size: {
|
9
|
-
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== */"))
|
10
|
-
}
|
11
|
-
}
|
12
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { captionConfig } from '../../../../../components/Typography';
|
2
|
-
import { component, mergeConfig } from '../../../../../engines';
|
3
|
-
import { config } from './Caption.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(captionConfig, config);
|
5
|
-
export var Caption = /*#__PURE__*/component(mergedConfig);
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { captionConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { Caption } from './Caption';
|
9
|
-
import { config } from './Caption.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof Caption> = {
|
12
|
-
title: 'Data Display/Typography/Old/Caption',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: Caption,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(captionConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof Caption> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<Caption {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</Caption>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { tokens } from '../../../../../components/Typography/tokens';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
size: 'display1'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
size: {
|
9
|
-
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= */")),
|
10
|
-
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 */")),
|
11
|
-
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 */"))
|
12
|
-
}
|
13
|
-
}
|
14
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { displayConfig } from '../../../../../components/Typography';
|
2
|
-
import { component, mergeConfig } from '../../../../../engines';
|
3
|
-
import { config } from './Display.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(displayConfig, config);
|
5
|
-
export var Display = /*#__PURE__*/component(mergedConfig);
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { displayConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { Display } from './Display';
|
9
|
-
import { config } from './Display.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof Display> = {
|
12
|
-
title: 'Data Display/Typography/Old/Display',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: Display,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(displayConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof Display> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<Display {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</Display>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { tokens } from '../../../../../components/Typography/tokens';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
size: 'footnote1'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
size: {
|
9
|
-
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= */")),
|
10
|
-
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 */"))
|
11
|
-
}
|
12
|
-
}
|
13
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { footnoteConfig } from '../../../../../components/Typography';
|
2
|
-
import { component, mergeConfig } from '../../../../../engines';
|
3
|
-
import { config } from './Footnote.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(footnoteConfig, config);
|
5
|
-
export var Footnote = /*#__PURE__*/component(mergedConfig);
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { footnoteConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { Footnote } from './Footnote';
|
9
|
-
import { config } from './Footnote.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof Footnote> = {
|
12
|
-
title: 'Data Display/Typography/Old/Footnote',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: Footnote,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(footnoteConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof Footnote> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<Footnote {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</Footnote>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { tokens } from '../../../../../components/Typography/tokens';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
size: 'headline1'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
size: {
|
9
|
-
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 */")),
|
10
|
-
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== */")),
|
11
|
-
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== */")),
|
12
|
-
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== */"))
|
13
|
-
}
|
14
|
-
}
|
15
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { headlineConfig } from '../../../../../components/Typography';
|
2
|
-
import { component, mergeConfig } from '../../../../../engines';
|
3
|
-
import { config } from './Headline.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(headlineConfig, config);
|
5
|
-
export var Headline = /*#__PURE__*/component(mergedConfig);
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { headlineConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { Headline } from './Headline';
|
9
|
-
import { config } from './Headline.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof Headline> = {
|
12
|
-
title: 'Data Display/Typography/Old/Headline',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: Headline,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(headlineConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof Headline> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<Headline {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</Headline>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { tokens } from '../../../../../components/Typography/tokens';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
size: 'paragraph1'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
size: {
|
9
|
-
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 */")),
|
10
|
-
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== */"))
|
11
|
-
}
|
12
|
-
}
|
13
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { paragraphConfig } from '../../../../../components/Typography';
|
2
|
-
import { component, mergeConfig } from '../../../../../engines';
|
3
|
-
import { config } from './Paragraph.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(paragraphConfig, config);
|
5
|
-
export var Paragraph = /*#__PURE__*/component(mergedConfig);
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { paragraphConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { Paragraph } from './Paragraph';
|
9
|
-
import { config } from './Paragraph.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof Paragraph> = {
|
12
|
-
title: 'Data Display/Typography/Old/Paragraph',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: Paragraph,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(paragraphConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
resetMargin: false,
|
27
|
-
m: 2,
|
28
|
-
},
|
29
|
-
};
|
30
|
-
|
31
|
-
export default meta;
|
32
|
-
|
33
|
-
export const Default: StoryObj<typeof Paragraph> = {
|
34
|
-
render: (props) => {
|
35
|
-
return (
|
36
|
-
<Paragraph {...props}>
|
37
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
38
|
-
distinctio modi quo, provident quod.
|
39
|
-
</Paragraph>
|
40
|
-
);
|
41
|
-
},
|
42
|
-
};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { tokens } from '../../../../../components/Typography/tokens';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
size: 'm'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
size: {
|
9
|
-
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= */"))
|
10
|
-
}
|
11
|
-
}
|
12
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { subtitleConfig } from '../../../../../components/Typography';
|
2
|
-
import { component, mergeConfig } from '../../../../../engines';
|
3
|
-
import { config } from './Subtitle.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(subtitleConfig, config);
|
5
|
-
export var Subtitle = /*#__PURE__*/component(mergedConfig);
|