@salutejs/plasma-new-hope 0.262.0-dev.0 → 0.263.0-canary.1762.13280637086.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/Checkbox/Checkbox.template-doc.mdx +6 -0
  2. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +19 -12
  3. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +15 -5
  4. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +19 -12
  5. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +15 -5
  6. package/emotion/es/components/Checkbox/Checkbox.template-doc.mdx +6 -0
  7. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +19 -12
  8. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +15 -5
  9. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +19 -12
  10. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +15 -5
  11. package/package.json +2 -2
  12. package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx +6 -0
  13. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -1
  14. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +15 -5
  15. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -1
  16. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +15 -5
  17. package/styled-components/es/components/Checkbox/Checkbox.template-doc.mdx +6 -0
  18. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +8 -1
  19. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +15 -5
  20. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +8 -1
  21. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +15 -5
  22. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +1 -1
  23. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  24. package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
  25. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +1 -1
  26. package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
  27. package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx CHANGED
@@ -3,12 +3,9 @@ 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 { checkboxConfig } from '../../../../components/Checkbox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { WithTheme } from '../../../_helpers';
9
7
  import { Link } from '../Link/Link';
10
8
 
11
- import { config } from './Checkbox.config';
12
9
  import { Checkbox } from './Checkbox';
13
10
 
14
11
  const onChange = action('onChange');
@@ -19,7 +16,20 @@ const meta: Meta<typeof Checkbox> = {
19
16
  title: 'web/Data Entry/Checkbox',
20
17
  decorators: [WithTheme],
21
18
  component: Checkbox,
22
- argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
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
+ },
23
33
  args: {
24
34
  view: 'accent',
25
35
  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.1762.13280637086.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": "8a02498be5ecc92a4ab8be010373b1a89c00d025"
136
136
  }
package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx CHANGED
@@ -9,6 +9,12 @@ 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
+
12
18
  ## Использование
13
19
  Компонент `Checkbox` может содержать лейбл и описание.
14
20
 
package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js CHANGED
@@ -22,13 +22,20 @@ 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
25
27
  "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
26
29
  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
27
31
  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
28
33
  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),
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),
34
+ // deprecated
30
35
  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
31
37
  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
32
39
  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)
33
40
  },
34
41
  disabled: {
package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx CHANGED
@@ -3,12 +3,9 @@ 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 { checkboxConfig } from '../../../../components/Checkbox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { WithTheme } from '../../../_helpers';
9
7
  import { Link } from '../Link/Link';
10
8
 
11
- import { config } from './Checkbox.config';
12
9
  import { Checkbox } from './Checkbox';
13
10
 
14
11
  const onChange = action('onChange');
@@ -19,7 +16,20 @@ const meta: Meta<typeof Checkbox> = {
19
16
  title: 'b2c/Data Entry/Checkbox',
20
17
  decorators: [WithTheme],
21
18
  component: Checkbox,
22
- argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
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
+ },
23
33
  args: {
24
34
  view: 'accent',
25
35
  size: 'm',
package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js CHANGED
@@ -22,13 +22,20 @@ 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
25
27
  "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
26
29
  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
27
31
  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
28
33
  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),
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),
34
+ // deprecated
30
35
  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
31
37
  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
32
39
  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)
33
40
  },
34
41
  disabled: {
package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx CHANGED
@@ -3,12 +3,9 @@ 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 { checkboxConfig } from '../../../../components/Checkbox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { WithTheme } from '../../../_helpers';
9
7
  import { Link } from '../Link/Link';
10
8
 
11
- import { config } from './Checkbox.config';
12
9
  import { Checkbox } from './Checkbox';
13
10
 
14
11
  const onChange = action('onChange');
@@ -19,7 +16,20 @@ const meta: Meta<typeof Checkbox> = {
19
16
  title: 'web/Data Entry/Checkbox',
20
17
  decorators: [WithTheme],
21
18
  component: Checkbox,
22
- argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
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
+ },
23
33
  args: {
24
34
  view: 'accent',
25
35
  size: 'm',
package/styled-components/es/components/Checkbox/Checkbox.template-doc.mdx CHANGED
@@ -9,6 +9,12 @@ 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
+
12
18
  ## Использование
13
19
  Компонент `Checkbox` может содержать лейбл и описание.
14
20
 
package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js CHANGED
@@ -16,13 +16,20 @@ 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
19
21
  "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
20
23
  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
21
25
  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
22
27
  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),
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),
28
+ // deprecated
24
29
  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
25
31
  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
26
33
  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)
27
34
  },
28
35
  disabled: {
package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx CHANGED
@@ -3,12 +3,9 @@ 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 { checkboxConfig } from '../../../../components/Checkbox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { WithTheme } from '../../../_helpers';
9
7
  import { Link } from '../Link/Link';
10
8
 
11
- import { config } from './Checkbox.config';
12
9
  import { Checkbox } from './Checkbox';
13
10
 
14
11
  const onChange = action('onChange');
@@ -19,7 +16,20 @@ const meta: Meta<typeof Checkbox> = {
19
16
  title: 'b2c/Data Entry/Checkbox',
20
17
  decorators: [WithTheme],
21
18
  component: Checkbox,
22
- argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
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
+ },
23
33
  args: {
24
34
  view: 'accent',
25
35
  size: 'm',
package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js CHANGED
@@ -16,13 +16,20 @@ 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
19
21
  "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
20
23
  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
21
25
  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
22
27
  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),
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),
28
+ // deprecated
24
29
  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
25
31
  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
26
33
  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)
27
34
  },
28
35
  disabled: {
package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx CHANGED
@@ -3,12 +3,9 @@ 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 { checkboxConfig } from '../../../../components/Checkbox';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
6
+ import { WithTheme } from '../../../_helpers';
9
7
  import { Link } from '../Link/Link';
10
8
 
11
- import { config } from './Checkbox.config';
12
9
  import { Checkbox } from './Checkbox';
13
10
 
14
11
  const onChange = action('onChange');
@@ -19,7 +16,20 @@ const meta: Meta<typeof Checkbox> = {
19
16
  title: 'web/Data Entry/Checkbox',
20
17
  decorators: [WithTheme],
21
18
  component: Checkbox,
22
- argTypes: argTypesFromConfig(mergeConfig(checkboxConfig, config)),
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
+ },
23
33
  args: {
24
34
  view: 'accent',
25
35
  size: 'm',
package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts CHANGED
@@ -14,11 +14,11 @@ export declare const config: {
14
14
  * Вид контрола.
15
15
  */
16
16
  view: {
17
+ accent: import("@linaria/core").LinariaClassName;
17
18
  default: import("@linaria/core").LinariaClassName;
18
19
  secondary: import("@linaria/core").LinariaClassName;
19
20
  tertiary: import("@linaria/core").LinariaClassName;
20
21
  paragraph: import("@linaria/core").LinariaClassName;
21
- accent: import("@linaria/core").LinariaClassName;
22
22
  positive: import("@linaria/core").LinariaClassName;
23
23
  warning: import("@linaria/core").LinariaClassName;
24
24
  negative: import("@linaria/core").LinariaClassName;
package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
1
+ {"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CA6EV,CAAC"}
package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts CHANGED
@@ -5,11 +5,11 @@ export declare const Checkbox: 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/Checkbox/Checkbox.config.d.ts CHANGED
@@ -14,11 +14,11 @@ export declare const config: {
14
14
  * Вид контрола.
15
15
  */
16
16
  view: {
17
+ accent: import("@linaria/core").LinariaClassName;
17
18
  default: import("@linaria/core").LinariaClassName;
18
19
  secondary: import("@linaria/core").LinariaClassName;
19
20
  tertiary: import("@linaria/core").LinariaClassName;
20
21
  paragraph: import("@linaria/core").LinariaClassName;
21
- accent: import("@linaria/core").LinariaClassName;
22
22
  positive: import("@linaria/core").LinariaClassName;
23
23
  warning: import("@linaria/core").LinariaClassName;
24
24
  negative: import("@linaria/core").LinariaClassName;
package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CAsEV,CAAC"}
1
+ {"version":3,"file":"Checkbox.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Checkbox/Checkbox.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;QAKX;;WAEG;;;;;QA6CH;;WAEG;;;;;;;;;;;;;;;;;;CA6EV,CAAC"}
package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts CHANGED
@@ -5,11 +5,11 @@ export declare const Checkbox: 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;