@salutejs/plasma-new-hope 0.317.0-canary.1880.14214278787.0 → 0.317.0-canary.1880.14216408760.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.
Files changed (145) hide show
  1. package/cjs/engines/linaria.js +4 -2
  2. package/cjs/engines/linaria.js.map +1 -1
  3. package/emotion/cjs/components/Typography/Typography.template-doc.mdx +16 -0
  4. package/emotion/cjs/examples/typography/components/Body/Body.stories.tsx +4 -1
  5. package/emotion/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
  6. package/emotion/cjs/examples/typography/components/Heading/Heading.stories.tsx +4 -1
  7. package/emotion/cjs/examples/typography/components/Text/Text.stories.tsx +4 -1
  8. package/emotion/es/components/Typography/Typography.template-doc.mdx +16 -0
  9. package/emotion/es/examples/typography/components/Body/Body.stories.tsx +4 -1
  10. package/emotion/es/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
  11. package/emotion/es/examples/typography/components/Heading/Heading.stories.tsx +4 -1
  12. package/emotion/es/examples/typography/components/Text/Text.stories.tsx +4 -1
  13. package/es/engines/linaria.js +4 -2
  14. package/es/engines/linaria.js.map +1 -1
  15. package/package.json +2 -2
  16. package/styled-components/cjs/components/Typography/Typography.template-doc.mdx +16 -0
  17. package/styled-components/cjs/examples/typography/components/Body/Body.stories.tsx +4 -1
  18. package/styled-components/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
  19. package/styled-components/cjs/examples/typography/components/Heading/Heading.stories.tsx +4 -1
  20. package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx +4 -1
  21. package/styled-components/es/components/Typography/Typography.template-doc.mdx +16 -0
  22. package/styled-components/es/examples/typography/components/Body/Body.stories.tsx +4 -1
  23. package/styled-components/es/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
  24. package/styled-components/es/examples/typography/components/Heading/Heading.stories.tsx +4 -1
  25. package/styled-components/es/examples/typography/components/Text/Text.stories.tsx +4 -1
  26. package/types/components/Typography/Body/Body.d.ts +2 -2
  27. package/types/components/Typography/Body/Body.d.ts.map +1 -1
  28. package/types/components/Typography/Dspl/Dspl.d.ts +2 -2
  29. package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
  30. package/types/components/Typography/Heading/Heading.d.ts +2 -2
  31. package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
  32. package/types/components/Typography/Text/Text.d.ts +2 -2
  33. package/types/components/Typography/Text/Text.d.ts.map +1 -1
  34. package/types/components/Typography/Typography.d.ts +1 -1
  35. package/types/components/Typography/Typography.d.ts.map +1 -1
  36. package/types/components/Typography/Typography.types.d.ts +2 -1
  37. package/types/components/Typography/Typography.types.d.ts.map +1 -1
  38. package/emotion/cjs/examples/typography/components/Old/Body/Body.config.js +0 -20
  39. package/emotion/cjs/examples/typography/components/Old/Body/Body.js +0 -11
  40. package/emotion/cjs/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
  41. package/emotion/cjs/examples/typography/components/Old/Button/Button.config.js +0 -19
  42. package/emotion/cjs/examples/typography/components/Old/Button/Button.js +0 -11
  43. package/emotion/cjs/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
  44. package/emotion/cjs/examples/typography/components/Old/Caption/Caption.config.js +0 -18
  45. package/emotion/cjs/examples/typography/components/Old/Caption/Caption.js +0 -11
  46. package/emotion/cjs/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
  47. package/emotion/cjs/examples/typography/components/Old/Display/Display.config.js +0 -20
  48. package/emotion/cjs/examples/typography/components/Old/Display/Display.js +0 -11
  49. package/emotion/cjs/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
  50. package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.config.js +0 -19
  51. package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.js +0 -11
  52. package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
  53. package/emotion/cjs/examples/typography/components/Old/Headline/Headline.config.js +0 -21
  54. package/emotion/cjs/examples/typography/components/Old/Headline/Headline.js +0 -11
  55. package/emotion/cjs/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
  56. package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -19
  57. package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.js +0 -11
  58. package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
  59. package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -18
  60. package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.js +0 -11
  61. package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
  62. package/emotion/cjs/examples/typography/components/Old/Underline/Underline.config.js +0 -18
  63. package/emotion/cjs/examples/typography/components/Old/Underline/Underline.js +0 -11
  64. package/emotion/cjs/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
  65. package/emotion/es/examples/typography/components/Old/Body/Body.config.js +0 -14
  66. package/emotion/es/examples/typography/components/Old/Body/Body.js +0 -5
  67. package/emotion/es/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
  68. package/emotion/es/examples/typography/components/Old/Button/Button.config.js +0 -13
  69. package/emotion/es/examples/typography/components/Old/Button/Button.js +0 -5
  70. package/emotion/es/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
  71. package/emotion/es/examples/typography/components/Old/Caption/Caption.config.js +0 -12
  72. package/emotion/es/examples/typography/components/Old/Caption/Caption.js +0 -5
  73. package/emotion/es/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
  74. package/emotion/es/examples/typography/components/Old/Display/Display.config.js +0 -14
  75. package/emotion/es/examples/typography/components/Old/Display/Display.js +0 -5
  76. package/emotion/es/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
  77. package/emotion/es/examples/typography/components/Old/Footnote/Footnote.config.js +0 -13
  78. package/emotion/es/examples/typography/components/Old/Footnote/Footnote.js +0 -5
  79. package/emotion/es/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
  80. package/emotion/es/examples/typography/components/Old/Headline/Headline.config.js +0 -15
  81. package/emotion/es/examples/typography/components/Old/Headline/Headline.js +0 -5
  82. package/emotion/es/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
  83. package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -13
  84. package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.js +0 -5
  85. package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
  86. package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -12
  87. package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.js +0 -5
  88. package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
  89. package/emotion/es/examples/typography/components/Old/Underline/Underline.config.js +0 -12
  90. package/emotion/es/examples/typography/components/Old/Underline/Underline.js +0 -5
  91. package/emotion/es/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
  92. package/styled-components/cjs/examples/typography/components/Old/Body/Body.config.js +0 -20
  93. package/styled-components/cjs/examples/typography/components/Old/Body/Body.js +0 -11
  94. package/styled-components/cjs/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
  95. package/styled-components/cjs/examples/typography/components/Old/Button/Button.config.js +0 -19
  96. package/styled-components/cjs/examples/typography/components/Old/Button/Button.js +0 -11
  97. package/styled-components/cjs/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
  98. package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.config.js +0 -18
  99. package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.js +0 -11
  100. package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
  101. package/styled-components/cjs/examples/typography/components/Old/Display/Display.config.js +0 -20
  102. package/styled-components/cjs/examples/typography/components/Old/Display/Display.js +0 -11
  103. package/styled-components/cjs/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
  104. package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.config.js +0 -19
  105. package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.js +0 -11
  106. package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
  107. package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.config.js +0 -21
  108. package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.js +0 -11
  109. package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
  110. package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -19
  111. package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.js +0 -11
  112. package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
  113. package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -18
  114. package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.js +0 -11
  115. package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
  116. package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.config.js +0 -18
  117. package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.js +0 -11
  118. package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
  119. package/styled-components/es/examples/typography/components/Old/Body/Body.config.js +0 -14
  120. package/styled-components/es/examples/typography/components/Old/Body/Body.js +0 -5
  121. package/styled-components/es/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
  122. package/styled-components/es/examples/typography/components/Old/Button/Button.config.js +0 -13
  123. package/styled-components/es/examples/typography/components/Old/Button/Button.js +0 -5
  124. package/styled-components/es/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
  125. package/styled-components/es/examples/typography/components/Old/Caption/Caption.config.js +0 -12
  126. package/styled-components/es/examples/typography/components/Old/Caption/Caption.js +0 -5
  127. package/styled-components/es/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
  128. package/styled-components/es/examples/typography/components/Old/Display/Display.config.js +0 -14
  129. package/styled-components/es/examples/typography/components/Old/Display/Display.js +0 -5
  130. package/styled-components/es/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
  131. package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.config.js +0 -13
  132. package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.js +0 -5
  133. package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
  134. package/styled-components/es/examples/typography/components/Old/Headline/Headline.config.js +0 -15
  135. package/styled-components/es/examples/typography/components/Old/Headline/Headline.js +0 -5
  136. package/styled-components/es/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
  137. package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -13
  138. package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.js +0 -5
  139. package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
  140. package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -12
  141. package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.js +0 -5
  142. package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
  143. package/styled-components/es/examples/typography/components/Old/Underline/Underline.config.js +0 -12
  144. package/styled-components/es/examples/typography/components/Old/Underline/Underline.js +0 -5
  145. package/styled-components/es/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Footnote = void 0;
7
- var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
8
- var _engines = /*#__PURE__*/require("../../../../../engines");
9
- var _Footnote = /*#__PURE__*/require("./Footnote.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.footnoteConfig, _Footnote.config);
11
- var Footnote = exports.Footnote = /*#__PURE__*/(0, _engines.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,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
9
- var config = exports.config = {
10
- defaults: {
11
- size: 'headline1'
12
- },
13
- variations: {
14
- size: {
15
- headline1: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-headline1-font-family);", ":var(--plasma-typo-headline1-font-size);", ":var(--plasma-typo-headline1-font-style);", ":var(--plasma-typo-headline1-font-weight);", ":var(--plasma-typo-headline1-letter-spacing);", ":var(--plasma-typo-headline1-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
16
- headline2: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-headline2-font-family);", ":var(--plasma-typo-headline2-font-size);", ":var(--plasma-typo-headline2-font-style);", ":var(--plasma-typo-headline2-font-weight);", ":var(--plasma-typo-headline2-letter-spacing);", ":var(--plasma-typo-headline2-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
17
- headline3: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-headline3-font-family);", ":var(--plasma-typo-headline3-font-size);", ":var(--plasma-typo-headline3-font-style);", ":var(--plasma-typo-headline3-font-weight);", ":var(--plasma-typo-headline3-letter-spacing);", ":var(--plasma-typo-headline3-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
18
- headline4: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-headline4-font-family);", ":var(--plasma-typo-headline4-font-size);", ":var(--plasma-typo-headline4-font-style);", ":var(--plasma-typo-headline4-font-weight);", ":var(--plasma-typo-headline4-letter-spacing);", ":var(--plasma-typo-headline4-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
19
- }
20
- }
21
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Headline = void 0;
7
- var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
8
- var _engines = /*#__PURE__*/require("../../../../../engines");
9
- var _Headline = /*#__PURE__*/require("./Headline.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.headlineConfig, _Headline.config);
11
- var Headline = exports.Headline = /*#__PURE__*/(0, _engines.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,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
9
- var config = exports.config = {
10
- defaults: {
11
- size: 'paragraph1'
12
- },
13
- variations: {
14
- size: {
15
- paragraph1: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-paragraph1-font-family);", ":var(--plasma-typo-paragraph1-font-size);", ":var(--plasma-typo-paragraph1-font-style);", ":var(--plasma-typo-paragraph1-font-weight);", ":var(--plasma-typo-paragraph1-letter-spacing);", ":var(--plasma-typo-paragraph1-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
16
- paragraph2: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-paragraph2-font-family);", ":var(--plasma-typo-paragraph2-font-size);", ":var(--plasma-typo-paragraph2-font-style);", ":var(--plasma-typo-paragraph2-font-weight);", ":var(--plasma-typo-paragraph2-letter-spacing);", ":var(--plasma-typo-paragraph2-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
17
- }
18
- }
19
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Paragraph = void 0;
7
- var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
8
- var _engines = /*#__PURE__*/require("../../../../../engines");
9
- var _Paragraph = /*#__PURE__*/require("./Paragraph.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.paragraphConfig, _Paragraph.config);
11
- var Paragraph = exports.Paragraph = /*#__PURE__*/(0, _engines.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,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
9
- var config = exports.config = {
10
- defaults: {
11
- size: 'm'
12
- },
13
- variations: {
14
- size: {
15
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-subtitle-font-family);", ":var(--plasma-typo-subtitle-font-size);", ":var(--plasma-typo-subtitle-font-style);", ":var(--plasma-typo-subtitle-font-weight);", ":var(--plasma-typo-subtitle-letter-spacing);", ":var(--plasma-typo-subtitle-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
16
- }
17
- }
18
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Subtitle = void 0;
7
- var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
8
- var _engines = /*#__PURE__*/require("../../../../../engines");
9
- var _Subtitle = /*#__PURE__*/require("./Subtitle.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.subtitleConfig, _Subtitle.config);
11
- var Subtitle = exports.Subtitle = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,39 +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 { subtitleConfig } from '../../../../../components/Typography';
7
-
8
- import { Subtitle } from './Subtitle';
9
- import { config } from './Subtitle.config';
10
-
11
- const meta: Meta<typeof Subtitle> = {
12
- title: 'Data Display/Typography/Old/Subtitle',
13
- decorators: [WithTheme],
14
- component: Subtitle,
15
- argTypes: {
16
- ...argTypesFromConfig(mergeConfig(subtitleConfig, config)),
17
- color: {
18
- control: {
19
- type: 'color',
20
- },
21
- },
22
- },
23
- args: {
24
- noWrap: false,
25
- },
26
- };
27
-
28
- export default meta;
29
-
30
- export const Default: StoryObj<typeof Subtitle> = {
31
- render: (props) => {
32
- return (
33
- <Subtitle {...props}>
34
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
35
- distinctio modi quo, provident quod.
36
- </Subtitle>
37
- );
38
- },
39
- };
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
9
- var config = exports.config = {
10
- defaults: {
11
- size: 'm'
12
- },
13
- variations: {
14
- size: {
15
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-underline-font-family);", ":var(--plasma-typo-underline-font-size);", ":var(--plasma-typo-underline-font-style);", ":var(--plasma-typo-underline-font-weight);", ":var(--plasma-typo-underline-letter-spacing);", ":var(--plasma-typo-underline-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
16
- }
17
- }
18
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Underline = void 0;
7
- var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
8
- var _engines = /*#__PURE__*/require("../../../../../engines");
9
- var _Underline = /*#__PURE__*/require("./Underline.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.underlineConfig, _Underline.config);
11
- var Underline = exports.Underline = /*#__PURE__*/(0, _engines.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 { 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 'styled-components';
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(["", ":var(--plasma-typo-body1-font-family);", ":var(--plasma-typo-body1-font-size);", ":var(--plasma-typo-body1-font-style);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-letter-spacing);", ":var(--plasma-typo-body1-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
10
- body2: /*#__PURE__*/css(["", ":var(--plasma-typo-body2-font-family);", ":var(--plasma-typo-body2-font-size);", ":var(--plasma-typo-body2-font-style);", ":var(--plasma-typo-body2-font-weight);", ":var(--plasma-typo-body2-letter-spacing);", ":var(--plasma-typo-body2-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
11
- body3: /*#__PURE__*/css(["", ":var(--plasma-typo-body3-font-family);", ":var(--plasma-typo-body3-font-size);", ":var(--plasma-typo-body3-font-style);", ":var(--plasma-typo-body3-font-weight);", ":var(--plasma-typo-body3-letter-spacing);", ":var(--plasma-typo-body3-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
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 'styled-components';
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(["", ":var(--plasma-typo-button1-font-family);", ":var(--plasma-typo-button1-font-size);", ":var(--plasma-typo-button1-font-style);", ":var(--plasma-typo-button1-font-weight);", ":var(--plasma-typo-button1-letter-spacing);", ":var(--plasma-typo-button1-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
10
- button2: /*#__PURE__*/css(["", ":var(--plasma-typo-button2-font-family);", ":var(--plasma-typo-button2-font-size);", ":var(--plasma-typo-button2-font-style);", ":var(--plasma-typo-button2-font-weight);", ":var(--plasma-typo-button2-letter-spacing);", ":var(--plasma-typo-button2-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
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 'styled-components';
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(["", ":var(--plasma-typo-caption-font-family);", ":var(--plasma-typo-caption-font-size);", ":var(--plasma-typo-caption-font-style);", ":var(--plasma-typo-caption-font-weight);", ":var(--plasma-typo-caption-letter-spacing);", ":var(--plasma-typo-caption-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
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 'styled-components';
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(["", ":var(--plasma-typo-display1-font-family);", ":var(--plasma-typo-display1-font-size);", ":var(--plasma-typo-display1-font-style);", ":var(--plasma-typo-display1-font-weight);", ":var(--plasma-typo-display1-letter-spacing);", ":var(--plasma-typo-display1-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
10
- display2: /*#__PURE__*/css(["", ":var(--plasma-typo-display2-font-family);", ":var(--plasma-typo-display2-font-size);", ":var(--plasma-typo-display2-font-style);", ":var(--plasma-typo-display2-font-weight);", ":var(--plasma-typo-display2-letter-spacing);", ":var(--plasma-typo-display2-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
11
- display3: /*#__PURE__*/css(["", ":var(--plasma-typo-display3-font-family);", ":var(--plasma-typo-display3-font-size);", ":var(--plasma-typo-display3-font-style);", ":var(--plasma-typo-display3-font-weight);", ":var(--plasma-typo-display3-letter-spacing);", ":var(--plasma-typo-display3-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
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 'styled-components';
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(["", ":var(--plasma-typo-footnote1-font-family);", ":var(--plasma-typo-footnote1-font-size);", ":var(--plasma-typo-footnote1-font-style);", ":var(--plasma-typo-footnote1-font-weight);", ":var(--plasma-typo-footnote1-letter-spacing);", ":var(--plasma-typo-footnote1-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
10
- footnote2: /*#__PURE__*/css(["", ":var(--plasma-typo-footnote2-font-family);", ":var(--plasma-typo-footnote2-font-size);", ":var(--plasma-typo-footnote2-font-style);", ":var(--plasma-typo-footnote2-font-weight);", ":var(--plasma-typo-footnote2-letter-spacing);", ":var(--plasma-typo-footnote2-line-height);"], tokens.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
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);