@salutejs/plasma-new-hope 0.262.0-dev.0 → 0.263.0-canary.1763.13280535388.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (27) hide show
  1. package/emotion/cjs/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  2. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +19 -12
  3. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  4. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +19 -12
  5. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  6. package/emotion/es/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  7. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +19 -12
  8. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  9. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +19 -12
  10. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  11. package/package.json +2 -2
  12. package/styled-components/cjs/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  13. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -1
  14. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  15. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -1
  16. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  17. package/styled-components/es/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  18. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -1
  19. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  20. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -1
  21. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  22. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts +1 -1
  23. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  24. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  25. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts +1 -1
  26. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  27. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx CHANGED
@@ -3,12 +3,10 @@ import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
 
6
- import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { RadioGroup } from '../../../../components/Radiobox';
7
+ import { WithTheme } from '../../../_helpers';
9
8
  import { Link } from '../Link/Link';
10
9
 
11
- import { config } from './Radiobox.config';
12
10
  import { Radiobox } from './Radiobox';
13
11
 
14
12
  const onChange = action('onChange');
@@ -19,7 +17,20 @@ const meta: Meta<typeof Radiobox> = {
19
17
  title: 'web/Data Entry/Radiobox',
20
18
  decorators: [WithTheme],
21
19
  component: Radiobox,
22
- argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
20
+ argTypes: {
21
+ view: {
22
+ options: ['accent'],
23
+ control: {
24
+ type: 'radio',
25
+ },
26
+ },
27
+ size: {
28
+ options: ['m', 's'],
29
+ control: {
30
+ type: 'radio',
31
+ },
32
+ },
33
+ },
23
34
  args: {
24
35
  view: 'accent',
25
36
  size: 'm',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.262.0-dev.0",
3
+ "version": "0.263.0-canary.1763.13280535388.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -132,5 +132,5 @@
132
132
  "sideEffects": [
133
133
  "*.css"
134
134
  ],
135
- "gitHead": "dc12c759bc5bce4bb69c385bdbcaf17654e0dac0"
135
+ "gitHead": "e8b29d86d84e6d86b57749fe3163a40d5ab36d42"
136
136
  }
package/styled-components/cjs/components/Radiobox/Radiobox.template-doc.mdx CHANGED
@@ -9,6 +9,12 @@ import { PropsTable, Description } from '@site/src/components';
9
9
  <Description name="Radiobox" />
10
10
  <PropsTable name="Radiobox" exclude={['css', 'focused']} />
11
11
 
12
+ :::caution Устаревшие значения для свойства view
13
+ Актуальным значением для свойства `view` - является `accent`.
14
+
15
+ Все остальные значения `deprecated` и будут удалены в ближайшее время!
16
+ :::
17
+
12
18
  ## Использование
13
19
  Компонент `Radiobox` может содержать лейбл и описание.
14
20
 
package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js CHANGED
@@ -23,13 +23,20 @@ var config = exports.config = {
23
23
  * Вид контрола.
24
24
  */
25
25
  view: {
26
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
27
+ // deprecated
26
28
  "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
29
+ // deprecated
27
30
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
31
+ // deprecated
28
32
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
33
+ // deprecated
29
34
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
30
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
35
+ // deprecated
31
36
  positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
37
+ // deprecated
32
38
  warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
39
+ // deprecated
33
40
  negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor)
34
41
  },
35
42
  disabled: {
package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx CHANGED
@@ -3,12 +3,10 @@ import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
 
6
- import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { RadioGroup } from '../../../../components/Radiobox';
7
+ import { WithTheme } from '../../../_helpers';
9
8
  import { Link } from '../Link/Link';
10
9
 
11
- import { config } from './Radiobox.config';
12
10
  import { Radiobox } from './Radiobox';
13
11
 
14
12
  const onChange = action('onChange');
@@ -19,7 +17,20 @@ const meta: Meta<typeof Radiobox> = {
19
17
  title: 'b2c/Data Entry/Radiobox',
20
18
  decorators: [WithTheme],
21
19
  component: Radiobox,
22
- argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
20
+ argTypes: {
21
+ view: {
22
+ options: ['accent'],
23
+ control: {
24
+ type: 'radio',
25
+ },
26
+ },
27
+ size: {
28
+ options: ['m', 's'],
29
+ control: {
30
+ type: 'radio',
31
+ },
32
+ },
33
+ },
23
34
  args: {
24
35
  view: 'accent',
25
36
  size: 'm',
package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js CHANGED
@@ -23,13 +23,20 @@ var config = exports.config = {
23
23
  * Вид контрола.
24
24
  */
25
25
  view: {
26
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
27
+ // deprecated
26
28
  "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
29
+ // deprecated
27
30
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
31
+ // deprecated
28
32
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
33
+ // deprecated
29
34
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
30
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
35
+ // deprecated
31
36
  positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
37
+ // deprecated
32
38
  warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
39
+ // deprecated
33
40
  negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor)
34
41
  },
35
42
  disabled: {
package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx CHANGED
@@ -3,12 +3,10 @@ import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
 
6
- import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { RadioGroup } from '../../../../components/Radiobox';
7
+ import { WithTheme } from '../../../_helpers';
9
8
  import { Link } from '../Link/Link';
10
9
 
11
- import { config } from './Radiobox.config';
12
10
  import { Radiobox } from './Radiobox';
13
11
 
14
12
  const onChange = action('onChange');
@@ -19,7 +17,20 @@ const meta: Meta<typeof Radiobox> = {
19
17
  title: 'web/Data Entry/Radiobox',
20
18
  decorators: [WithTheme],
21
19
  component: Radiobox,
22
- argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
20
+ argTypes: {
21
+ view: {
22
+ options: ['accent'],
23
+ control: {
24
+ type: 'radio',
25
+ },
26
+ },
27
+ size: {
28
+ options: ['m', 's'],
29
+ control: {
30
+ type: 'radio',
31
+ },
32
+ },
33
+ },
23
34
  args: {
24
35
  view: 'accent',
25
36
  size: 'm',
package/styled-components/es/components/Radiobox/Radiobox.template-doc.mdx CHANGED
@@ -9,6 +9,12 @@ import { PropsTable, Description } from '@site/src/components';
9
9
  <Description name="Radiobox" />
10
10
  <PropsTable name="Radiobox" exclude={['css', 'focused']} />
11
11
 
12
+ :::caution Устаревшие значения для свойства view
13
+ Актуальным значением для свойства `view` - является `accent`.
14
+
15
+ Все остальные значения `deprecated` и будут удалены в ближайшее время!
16
+ :::
17
+
12
18
  ## Использование
13
19
  Компонент `Radiobox` может содержать лейбл и описание.
14
20
 
package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js CHANGED
@@ -17,13 +17,20 @@ export var config = {
17
17
  * Вид контрола.
18
18
  */
19
19
  view: {
20
+ accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
21
+ // deprecated
20
22
  "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
23
+ // deprecated
21
24
  secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
25
+ // deprecated
22
26
  tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
27
+ // deprecated
23
28
  paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
24
- accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
29
+ // deprecated
25
30
  positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
31
+ // deprecated
26
32
  warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
33
+ // deprecated
27
34
  negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor)
28
35
  },
29
36
  disabled: {
package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx CHANGED
@@ -3,12 +3,10 @@ import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
 
6
- import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { RadioGroup } from '../../../../components/Radiobox';
7
+ import { WithTheme } from '../../../_helpers';
9
8
  import { Link } from '../Link/Link';
10
9
 
11
- import { config } from './Radiobox.config';
12
10
  import { Radiobox } from './Radiobox';
13
11
 
14
12
  const onChange = action('onChange');
@@ -19,7 +17,20 @@ const meta: Meta<typeof Radiobox> = {
19
17
  title: 'b2c/Data Entry/Radiobox',
20
18
  decorators: [WithTheme],
21
19
  component: Radiobox,
22
- argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
20
+ argTypes: {
21
+ view: {
22
+ options: ['accent'],
23
+ control: {
24
+ type: 'radio',
25
+ },
26
+ },
27
+ size: {
28
+ options: ['m', 's'],
29
+ control: {
30
+ type: 'radio',
31
+ },
32
+ },
33
+ },
23
34
  args: {
24
35
  view: 'accent',
25
36
  size: 'm',
package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js CHANGED
@@ -17,13 +17,20 @@ export var config = {
17
17
  * Вид контрола.
18
18
  */
19
19
  view: {
20
+ accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
21
+ // deprecated
20
22
  "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
23
+ // deprecated
21
24
  secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
25
+ // deprecated
22
26
  tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
27
+ // deprecated
23
28
  paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
24
- accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
29
+ // deprecated
25
30
  positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
31
+ // deprecated
26
32
  warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor),
33
+ // deprecated
27
34
  negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor)
28
35
  },
29
36
  disabled: {
package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx CHANGED
@@ -3,12 +3,10 @@ import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
5
 
6
- import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { RadioGroup } from '../../../../components/Radiobox';
7
+ import { WithTheme } from '../../../_helpers';
9
8
  import { Link } from '../Link/Link';
10
9
 
11
- import { config } from './Radiobox.config';
12
10
  import { Radiobox } from './Radiobox';
13
11
 
14
12
  const onChange = action('onChange');
@@ -19,7 +17,20 @@ const meta: Meta<typeof Radiobox> = {
19
17
  title: 'web/Data Entry/Radiobox',
20
18
  decorators: [WithTheme],
21
19
  component: Radiobox,
22
- argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
20
+ argTypes: {
21
+ view: {
22
+ options: ['accent'],
23
+ control: {
24
+ type: 'radio',
25
+ },
26
+ },
27
+ size: {
28
+ options: ['m', 's'],
29
+ control: {
30
+ type: 'radio',
31
+ },
32
+ },
33
+ },
23
34
  args: {
24
35
  view: 'accent',
25
36
  size: 'm',
package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts CHANGED
@@ -15,11 +15,11 @@ export declare const config: {
15
15
  * Вид контрола.
16
16
  */
17
17
  view: {
18
+ accent: import("@linaria/core").LinariaClassName;
18
19
  default: import("@linaria/core").LinariaClassName;
19
20
  secondary: import("@linaria/core").LinariaClassName;
20
21
  tertiary: import("@linaria/core").LinariaClassName;
21
22
  paragraph: import("@linaria/core").LinariaClassName;
22
- accent: import("@linaria/core").LinariaClassName;
23
23
  positive: import("@linaria/core").LinariaClassName;
24
24
  warning: import("@linaria/core").LinariaClassName;
25
25
  negative: import("@linaria/core").LinariaClassName;
package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
1
+ {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CA6EV,CAAC"}
package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts CHANGED
@@ -5,11 +5,11 @@ export declare const Radiobox: import("react").FunctionComponent<import("../../.
5
5
  m: import("@linaria/core").LinariaClassName;
6
6
  };
7
7
  view: {
8
+ accent: import("@linaria/core").LinariaClassName;
8
9
  default: import("@linaria/core").LinariaClassName;
9
10
  secondary: import("@linaria/core").LinariaClassName;
10
11
  tertiary: import("@linaria/core").LinariaClassName;
11
12
  paragraph: import("@linaria/core").LinariaClassName;
12
- accent: import("@linaria/core").LinariaClassName;
13
13
  positive: import("@linaria/core").LinariaClassName;
14
14
  warning: import("@linaria/core").LinariaClassName;
15
15
  negative: import("@linaria/core").LinariaClassName;
package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts CHANGED
@@ -15,11 +15,11 @@ export declare const config: {
15
15
  * Вид контрола.
16
16
  */
17
17
  view: {
18
+ accent: import("@linaria/core").LinariaClassName;
18
19
  default: import("@linaria/core").LinariaClassName;
19
20
  secondary: import("@linaria/core").LinariaClassName;
20
21
  tertiary: import("@linaria/core").LinariaClassName;
21
22
  paragraph: import("@linaria/core").LinariaClassName;
22
- accent: import("@linaria/core").LinariaClassName;
23
23
  positive: import("@linaria/core").LinariaClassName;
24
24
  warning: import("@linaria/core").LinariaClassName;
25
25
  negative: import("@linaria/core").LinariaClassName;
package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
1
+ {"version":3,"file":"Radiobox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Radiobox/Radiobox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;QAMX;;WAEG;;;;;QA+CH;;WAEG;;;;;;;;;;;;;;;;;;CA6EV,CAAC"}
package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts CHANGED
@@ -5,11 +5,11 @@ export declare const Radiobox: import("react").FunctionComponent<import("../../.
5
5
  m: import("@linaria/core").LinariaClassName;
6
6
  };
7
7
  view: {
8
+ accent: import("@linaria/core").LinariaClassName;
8
9
  default: import("@linaria/core").LinariaClassName;
9
10
  secondary: import("@linaria/core").LinariaClassName;
10
11
  tertiary: import("@linaria/core").LinariaClassName;
11
12
  paragraph: import("@linaria/core").LinariaClassName;
12
- accent: import("@linaria/core").LinariaClassName;
13
13
  positive: import("@linaria/core").LinariaClassName;
14
14
  warning: import("@linaria/core").LinariaClassName;
15
15
  negative: import("@linaria/core").LinariaClassName;