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

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'display1'
+  },
+  variations: {
+    size: {
+      display1: /*#__PURE__*/(0, _styledComponents.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.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      display2: /*#__PURE__*/(0, _styledComponents.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.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      display3: /*#__PURE__*/(0, _styledComponents.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.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
+    }
+  }
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Display = void 0;
+var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
+var _engines = /*#__PURE__*/require("../../../../../engines");
+var _Display = /*#__PURE__*/require("./Display.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.displayConfig, _Display.config);
+var Display = exports.Display = /*#__PURE__*/(0, _engines.component)(mergedConfig);

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'footnote1'
+  },
+  variations: {
+    size: {
+      footnote1: /*#__PURE__*/(0, _styledComponents.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.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      footnote2: /*#__PURE__*/(0, _styledComponents.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.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
+    }
+  }
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Footnote = void 0;
+var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
+var _engines = /*#__PURE__*/require("../../../../../engines");
+var _Footnote = /*#__PURE__*/require("./Footnote.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.footnoteConfig, _Footnote.config);
+var Footnote = exports.Footnote = /*#__PURE__*/(0, _engines.component)(mergedConfig);

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'headline1'
+  },
+  variations: {
+    size: {
+      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),
+      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),
+      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),
+      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)
+    }
+  }
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Headline = void 0;
+var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
+var _engines = /*#__PURE__*/require("../../../../../engines");
+var _Headline = /*#__PURE__*/require("./Headline.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.headlineConfig, _Headline.config);
+var Headline = exports.Headline = /*#__PURE__*/(0, _engines.component)(mergedConfig);

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'paragraph1'
+  },
+  variations: {
+    size: {
+      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),
+      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)
+    }
+  }
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Paragraph = void 0;
+var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
+var _engines = /*#__PURE__*/require("../../../../../engines");
+var _Paragraph = /*#__PURE__*/require("./Paragraph.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.paragraphConfig, _Paragraph.config);
+var Paragraph = exports.Paragraph = /*#__PURE__*/(0, _engines.component)(mergedConfig);

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'm'
+  },
+  variations: {
+    size: {
+      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)
+    }
+  }
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Subtitle = void 0;
+var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
+var _engines = /*#__PURE__*/require("../../../../../engines");
+var _Subtitle = /*#__PURE__*/require("./Subtitle.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.subtitleConfig, _Subtitle.config);
+var Subtitle = exports.Subtitle = /*#__PURE__*/(0, _engines.component)(mergedConfig);

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
+var config = exports.config = {
+  defaults: {
+    size: 'm'
+  },
+  variations: {
+    size: {
+      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)
+    }
+  }
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Underline = void 0;
+var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
+var _engines = /*#__PURE__*/require("../../../../../engines");
+var _Underline = /*#__PURE__*/require("./Underline.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.underlineConfig, _Underline.config);
+var Underline = exports.Underline = /*#__PURE__*/(0, _engines.component)(mergedConfig);

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
+import { mergeConfig } from '../../../../../engines';
+import { 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>
+        );
+    },
+};

package/styled-components/cjs/examples/typography/components/Text/Text.config.js

@@ -12,10 +12,10 @@ var config = exports.config = {
   },
   variations: {
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-medium-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-medium-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-medium-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-medium-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontWeightMedium, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _tokens.tokens.typoFontFamily, _tokens.tokens.typoFontSize, _tokens.tokens.typoFontStyle, _tokens.tokens.typoFontWeight, _tokens.tokens.typoFontWeightBold, _tokens.tokens.typoFontLetterSpacing, _tokens.tokens.typoFontLineHeight)
     }
   }
 };

package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx

@@ -9,7 +9,7 @@ import { Text } from './Text';
 import { config } from './Text.config';
 
 const meta: Meta<typeof Text> = {
-    title: 'typography/Text',
+    title: 'Data Display/Typography/Text',
     decorators: [WithTheme],
     component: Text,
     argTypes: {
@@ -19,27 +19,11 @@ const meta: Meta<typeof Text> = {
                 type: 'color',
             },
         },
-        as: {
-            control: 'text',
-        },
-        bold: {
-            control: {
-                type: 'boolean',
-            },
-            if: { arg: 'medium', truthy: false },
-        },
-        medium: {
-            control: {
-                type: 'boolean',
-            },
-            if: { arg: 'bold', truthy: false },
-        },
     },
     args: {
         noWrap: false,
         breakWord: true,
         bold: false,
-        medium: false,
     },
 };
 

package/styled-components/es/components/Table/Table.js

@@ -1,3 +1,5 @@
+var _excluded = ["data", "onChange", "columns", "view", "size", "borderVariant", "enableSelection", "selected", "filtered", "sorted", "maxHeight", "stickyHeader", "onCellUpdate"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -8,12 +10,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { forwardRef, useState, useMemo, useRef } from 'react';
 import { getCoreRowModel, useReactTable, getSortedRowModel, getFilteredRowModel } from '@tanstack/react-table';
 import { useForkRef } from '@salutejs/plasma-core';
 import { HeadCell, Cell, EditableCell } from './ui';
-import { base, Table, Tr, Thead, StyledCheckbox } from './Table.styles';
-export var SELECT_COLUMN_ID = 'select#65768756432';
+import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from './Table.styles';
+export var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
 export var tableRoot = function tableRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var data = _ref.data,
@@ -29,7 +33,8 @@ export var tableRoot = function tableRoot(Root) {
       outerSorted = _ref.sorted,
       maxHeight = _ref.maxHeight,
       stickyHeader = _ref.stickyHeader,
-      onCellUpdate = _ref.onCellUpdate;
+      onCellUpdate = _ref.onCellUpdate,
+      props = _objectWithoutProperties(_ref, _excluded);
     var _useState = useState(outerSelected || {}),
       _useState2 = _slicedToArray(_useState, 2),
       innerSelected = _useState2[0],
@@ -123,17 +128,10 @@ export var tableRoot = function tableRoot(Root) {
           enableSorting: enableSorting,
           enableResizing: enableResizing,
           filterFn: function filterFn(row, columnId, filterArr) {
-            if (outerFilterFn && filterArr && Array.isArray(filterArr)) {
-              if (filterArr.length === 0) {
-                return true;
-              }
-              for (var i = 0; i < filterArr.length; i++) {
-                var filterValue = filterArr[i];
-                if (outerFilterFn(filterValue, row.getValue(columnId))) {
-                  return true;
-                }
-              }
-              return false;
+            if ((filterArr === null || filterArr === void 0 ? void 0 : filterArr.length) !== 0 && outerFilterFn && filterArr && Array.isArray(filterArr)) {
+              return filterArr.some(function (filterValue) {
+                return outerFilterFn(filterValue, row.getValue(columnId));
+              });
             }
             return true;
           },
@@ -174,7 +172,7 @@ export var tableRoot = function tableRoot(Root) {
         }
       }
     });
-    return /*#__PURE__*/React.createElement(Root, {
+    return /*#__PURE__*/React.createElement(Root, _extends({
       ref: rootRef,
       data: data,
       columns: columns,
@@ -183,7 +181,7 @@ export var tableRoot = function tableRoot(Root) {
       style: {
         maxHeight: maxHeight || 'none'
       }
-    }, /*#__PURE__*/React.createElement(Table, {
+    }, props), /*#__PURE__*/React.createElement(Table, {
       borderVariant: borderVariant,
       stickyHeader: stickyHeader
     }, /*#__PURE__*/React.createElement(Thead, {
@@ -203,7 +201,7 @@ export var tableRoot = function tableRoot(Root) {
           tableContainerRef: tableContainerRef
         });
       }));
-    })), /*#__PURE__*/React.createElement("tbody", null, table.getRowModel().rows.map(function (row) {
+    })), /*#__PURE__*/React.createElement(Tbody, null, table.getRowModel().rows.map(function (row) {
       return /*#__PURE__*/React.createElement(Tr, {
         key: row.id,
         selected: row.getIsSelected()