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

package/styled-components/es/examples/typography/components/Old/Button/Button.js

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

package/styled-components/es/examples/typography/components/Old/Button/Button.stories.tsx

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

package/styled-components/es/examples/typography/components/Old/Caption/Caption.config.js

@@ -1,12 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../../components/Typography/tokens';
-export var config = {
-  defaults: {
-    size: 'm'
-  },
-  variations: {
-    size: {
-      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)
-    }
-  }
-};

package/styled-components/es/examples/typography/components/Old/Caption/Caption.js

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

package/styled-components/es/examples/typography/components/Old/Caption/Caption.stories.tsx

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

package/styled-components/es/examples/typography/components/Old/Display/Display.config.js

@@ -1,14 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../../components/Typography/tokens';
-export var config = {
-  defaults: {
-    size: 'display1'
-  },
-  variations: {
-    size: {
-      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),
-      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),
-      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)
-    }
-  }
-};

package/styled-components/es/examples/typography/components/Old/Display/Display.js

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

package/styled-components/es/examples/typography/components/Old/Display/Display.stories.tsx

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

package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.config.js

@@ -1,13 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../../components/Typography/tokens';
-export var config = {
-  defaults: {
-    size: 'footnote1'
-  },
-  variations: {
-    size: {
-      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),
-      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)
-    }
-  }
-};

package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.js

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

package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.stories.tsx

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

package/styled-components/es/examples/typography/components/Old/Headline/Headline.config.js

@@ -1,15 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../../components/Typography/tokens';
-export var config = {
-  defaults: {
-    size: 'headline1'
-  },
-  variations: {
-    size: {
-      headline1: /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
-      headline2: /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
-      headline3: /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
-      headline4: /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
-    }
-  }
-};

package/styled-components/es/examples/typography/components/Old/Headline/Headline.js

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

package/styled-components/es/examples/typography/components/Old/Headline/Headline.stories.tsx

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

package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.config.js

@@ -1,13 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../../components/Typography/tokens';
-export var config = {
-  defaults: {
-    size: 'paragraph1'
-  },
-  variations: {
-    size: {
-      paragraph1: /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight),
-      paragraph2: /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
-    }
-  }
-};

package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.js

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

package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx

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

package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.config.js

@@ -1,12 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../../components/Typography/tokens';
-export var config = {
-  defaults: {
-    size: 'm'
-  },
-  variations: {
-    size: {
-      m: /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
-    }
-  }
-};

package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.js

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

package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx

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

package/styled-components/es/examples/typography/components/Old/Underline/Underline.config.js

@@ -1,12 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../../components/Typography/tokens';
-export var config = {
-  defaults: {
-    size: 'm'
-  },
-  variations: {
-    size: {
-      m: /*#__PURE__*/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.typoFontFamily, tokens.typoFontSize, tokens.typoFontStyle, tokens.typoFontWeight, tokens.typoFontLetterSpacing, tokens.typoFontLineHeight)
-    }
-  }
-};

package/styled-components/es/examples/typography/components/Old/Underline/Underline.js

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

package/styled-components/es/examples/typography/components/Old/Underline/Underline.stories.tsx

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