@salutejs/plasma-new-hope 0.262.0-canary.1762.13196724210.0 → 0.262.0-canary.1763.13197576375.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. package/emotion/cjs/components/Checkbox/Checkbox.template-doc.mdx +0 -6
  2. package/emotion/cjs/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  3. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -19
  4. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +5 -15
  5. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +19 -12
  6. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  7. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -19
  8. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +5 -15
  9. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +19 -12
  10. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  11. package/emotion/es/components/Checkbox/Checkbox.template-doc.mdx +0 -6
  12. package/emotion/es/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  13. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -19
  14. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +5 -15
  15. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +19 -12
  16. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  17. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -19
  18. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +5 -15
  19. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +19 -12
  20. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  21. package/package.json +2 -2
  22. package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx +0 -6
  23. package/styled-components/cjs/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  24. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +1 -8
  25. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +5 -15
  26. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -1
  27. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  28. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +1 -8
  29. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +5 -15
  30. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -1
  31. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  32. package/styled-components/es/components/Checkbox/Checkbox.template-doc.mdx +0 -6
  33. package/styled-components/es/components/Radiobox/Radiobox.template-doc.mdx +6 -0
  34. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +1 -8
  35. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +5 -15
  36. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +8 -1
  37. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.stories.tsx +16 -5
  38. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +1 -8
  39. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +5 -15
  40. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +8 -1
  41. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx +16 -5
  42. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +1 -1
  43. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  44. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  45. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts +1 -1
  46. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  47. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  48. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +1 -1
  49. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  50. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
  51. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts +1 -1
  52. package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
  53. 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-canary.1762.13196724210.0",
3
+ "version": "0.262.0-canary.1763.13197576375.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -131,5 +131,5 @@
131
131
  "sideEffects": [
132
132
  "*.css"
133
133
  ],
134
- "gitHead": "50d8ee9d152bd5a8f3d39ffe0029fe0b0649aac3"
134
+ "gitHead": "22c82badc286205155c7dbac87fdfbc04fed926b"
135
135
  }
package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx CHANGED
@@ -9,12 +9,6 @@ import { PropsTable, Description } from '@site/src/components';
9
9
  <Description name="Checkbox" />
10
10
  <PropsTable name="Checkbox" exclude={['css', 'focused']} />
11
11
 
12
- :::caution Устаревшие значение для свойства view
13
- Актуальным значением для свойства `view` - является `accent`.
14
-
15
- Все остальные значение `deprecated` и будут удалены в ближайшее время!
16
- :::
17
-
18
12
  ## Использование
19
13
  Компонент `Checkbox` может содержать лейбл и описание.
20
14
 
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/Checkbox/Checkbox.config.js CHANGED
@@ -22,20 +22,13 @@ var config = exports.config = {
22
22
  * Вид контрола.
23
23
  */
24
24
  view: {
25
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
26
- // deprecated
27
25
  "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
28
- // deprecated
29
26
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
30
- // deprecated
31
27
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
32
- // deprecated
33
28
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
34
- // deprecated
29
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
35
30
  positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
36
- // deprecated
37
31
  warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
38
- // deprecated
39
32
  negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor)
40
33
  },
41
34
  disabled: {
package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx CHANGED
@@ -3,9 +3,12 @@ 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 { WithTheme } from '../../../_helpers';
6
+ import { checkboxConfig } from '../../../../components/Checkbox';
7
+ import { mergeConfig } from '../../../../engines';
8
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
9
  import { Link } from '../Link/Link';
8
10
 
11
+ import { config } from './Checkbox.config';
9
12
  import { Checkbox } from './Checkbox';
10
13
 
11
14
  const onChange = action('onChange');
@@ -16,20 +19,7 @@ const meta: Meta<typeof Checkbox> = {
16
19
  title: 'b2c/Data Entry/Checkbox',
17
20
  decorators: [WithTheme],
18
21
  component: Checkbox,
19
- argTypes: {
20
- view: {
21
- options: ['accent'],
22
- control: {
23
- type: 'radio',
24
- },
25
- },
26
- size: {
27
- options: ['m', 's'],
28
- control: {
29
- type: 'radio',
30
- },
31
- },
32
- },
22
+ argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
33
23
  args: {
34
24
  view: 'accent',
35
25
  size: 'm',
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/Checkbox/Checkbox.config.js CHANGED
@@ -22,20 +22,13 @@ var config = exports.config = {
22
22
  * Вид контрола.
23
23
  */
24
24
  view: {
25
- accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
26
- // deprecated
27
25
  "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
28
- // deprecated
29
26
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
30
- // deprecated
31
27
  tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
32
- // deprecated
33
28
  paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
34
- // deprecated
29
+ accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
35
30
  positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
36
- // deprecated
37
31
  warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor),
38
- // deprecated
39
32
  negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBackgroundColor, _Checkbox.checkboxTokens.triggerBorderColor)
40
33
  },
41
34
  disabled: {
package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx CHANGED
@@ -3,9 +3,12 @@ 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 { WithTheme } from '../../../_helpers';
6
+ import { checkboxConfig } from '../../../../components/Checkbox';
7
+ import { mergeConfig } from '../../../../engines';
8
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
9
  import { Link } from '../Link/Link';
8
10
 
11
+ import { config } from './Checkbox.config';
9
12
  import { Checkbox } from './Checkbox';
10
13
 
11
14
  const onChange = action('onChange');
@@ -16,20 +19,7 @@ const meta: Meta<typeof Checkbox> = {
16
19
  title: 'web/Data Entry/Checkbox',
17
20
  decorators: [WithTheme],
18
21
  component: Checkbox,
19
- argTypes: {
20
- view: {
21
- options: ['accent'],
22
- control: {
23
- type: 'radio',
24
- },
25
- },
26
- size: {
27
- options: ['m', 's'],
28
- control: {
29
- type: 'radio',
30
- },
31
- },
32
- },
22
+ argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
33
23
  args: {
34
24
  view: 'accent',
35
25
  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/Checkbox/Checkbox.template-doc.mdx CHANGED
@@ -9,12 +9,6 @@ import { PropsTable, Description } from '@site/src/components';
9
9
  <Description name="Checkbox" />
10
10
  <PropsTable name="Checkbox" exclude={['css', 'focused']} />
11
11
 
12
- :::caution Устаревшие значение для свойства view
13
- Актуальным значением для свойства `view` - является `accent`.
14
-
15
- Все остальные значение `deprecated` и будут удалены в ближайшее время!
16
- :::
17
-
18
12
  ## Использование
19
13
  Компонент `Checkbox` может содержать лейбл и описание.
20
14
 
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/Checkbox/Checkbox.config.js CHANGED
@@ -16,20 +16,13 @@ export var config = {
16
16
  * Вид контрола.
17
17
  */
18
18
  view: {
19
- accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
20
- // deprecated
21
19
  "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
22
- // deprecated
23
20
  secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
24
- // deprecated
25
21
  tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
26
- // deprecated
27
22
  paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
28
- // deprecated
23
+ accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
29
24
  positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
30
- // deprecated
31
25
  warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
32
- // deprecated
33
26
  negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor)
34
27
  },
35
28
  disabled: {
package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx CHANGED
@@ -3,9 +3,12 @@ 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 { WithTheme } from '../../../_helpers';
6
+ import { checkboxConfig } from '../../../../components/Checkbox';
7
+ import { mergeConfig } from '../../../../engines';
8
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
9
  import { Link } from '../Link/Link';
8
10
 
11
+ import { config } from './Checkbox.config';
9
12
  import { Checkbox } from './Checkbox';
10
13
 
11
14
  const onChange = action('onChange');
@@ -16,20 +19,7 @@ const meta: Meta<typeof Checkbox> = {
16
19
  title: 'b2c/Data Entry/Checkbox',
17
20
  decorators: [WithTheme],
18
21
  component: Checkbox,
19
- argTypes: {
20
- view: {
21
- options: ['accent'],
22
- control: {
23
- type: 'radio',
24
- },
25
- },
26
- size: {
27
- options: ['m', 's'],
28
- control: {
29
- type: 'radio',
30
- },
31
- },
32
- },
22
+ argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
33
23
  args: {
34
24
  view: 'accent',
35
25
  size: 'm',
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/Checkbox/Checkbox.config.js CHANGED
@@ -16,20 +16,13 @@ export var config = {
16
16
  * Вид контрола.
17
17
  */
18
18
  view: {
19
- accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
20
- // deprecated
21
19
  "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
22
- // deprecated
23
20
  secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
24
- // deprecated
25
21
  tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
26
- // deprecated
27
22
  paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
28
- // deprecated
23
+ accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
29
24
  positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
30
- // deprecated
31
25
  warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor),
32
- // deprecated
33
26
  negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor)
34
27
  },
35
28
  disabled: {
package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx CHANGED
@@ -3,9 +3,12 @@ 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 { WithTheme } from '../../../_helpers';
6
+ import { checkboxConfig } from '../../../../components/Checkbox';
7
+ import { mergeConfig } from '../../../../engines';
8
+ import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
9
  import { Link } from '../Link/Link';
8
10
 
11
+ import { config } from './Checkbox.config';
9
12
  import { Checkbox } from './Checkbox';
10
13
 
11
14
  const onChange = action('onChange');
@@ -16,20 +19,7 @@ const meta: Meta<typeof Checkbox> = {
16
19
  title: 'web/Data Entry/Checkbox',
17
20
  decorators: [WithTheme],
18
21
  component: Checkbox,
19
- argTypes: {
20
- view: {
21
- options: ['accent'],
22
- control: {
23
- type: 'radio',
24
- },
25
- },
26
- size: {
27
- options: ['m', 's'],
28
- control: {
29
- type: 'radio',
30
- },
31
- },
32
- },
22
+ argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
33
23
  args: {
34
24
  view: 'accent',
35
25
  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',