@salutejs/plasma-new-hope 0.75.1-canary.1179.8688877537.0 → 0.75.1-canary.1182.8691036704.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (85) hide show
  1. package/cjs/components/Chip/Chip.css +0 -2
  2. package/cjs/components/Chip/Chip.js +2 -14
  3. package/cjs/components/Chip/Chip.js.map +1 -1
  4. package/cjs/components/Chip/Chip.tokens.js +0 -5
  5. package/cjs/components/Chip/Chip.tokens.js.map +1 -1
  6. package/cjs/components/Combobox/Combobox.css +0 -2
  7. package/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.css +0 -2
  8. package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css +0 -2
  9. package/cjs/components/Pagination/Pagination.css +0 -2
  10. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
  11. package/cjs/components/Select/Select.css +0 -2
  12. package/cjs/components/Select/ui/SelectChip/SelectChip.css +0 -2
  13. package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +0 -2
  14. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +0 -2
  15. package/cjs/index.css +0 -2
  16. package/es/components/Chip/Chip.css +0 -2
  17. package/es/components/Chip/Chip.js +3 -15
  18. package/es/components/Chip/Chip.js.map +1 -1
  19. package/es/components/Chip/Chip.tokens.js +1 -5
  20. package/es/components/Chip/Chip.tokens.js.map +1 -1
  21. package/es/components/Combobox/Combobox.css +0 -2
  22. package/es/components/Combobox/ui/ComboboxChip/ComboboxChip.css +0 -2
  23. package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css +0 -2
  24. package/es/components/Pagination/Pagination.css +0 -2
  25. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +0 -2
  26. package/es/components/Select/Select.css +0 -2
  27. package/es/components/Select/ui/SelectChip/SelectChip.css +0 -2
  28. package/es/components/Select/ui/SelectTarget/SelectTarget.css +0 -2
  29. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +0 -2
  30. package/es/index.css +0 -2
  31. package/package.json +2 -2
  32. package/styled-components/cjs/components/Chip/Chip.js +2 -14
  33. package/styled-components/cjs/components/Chip/Chip.template-doc.mdx +2 -2
  34. package/styled-components/cjs/components/Chip/Chip.tokens.js +1 -5
  35. package/styled-components/cjs/examples/plasma_b2c/components/Chip/Chip.config.js +7 -10
  36. package/styled-components/cjs/examples/plasma_b2c/components/Chip/Chip.stories.tsx +2 -18
  37. package/styled-components/cjs/examples/plasma_b2c/components/Divider/Divider.stories.tsx +1 -0
  38. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +8 -18
  39. package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +1 -0
  40. package/styled-components/cjs/examples/plasma_web/components/Chip/Chip.config.js +7 -10
  41. package/styled-components/cjs/examples/plasma_web/components/Chip/Chip.stories.tsx +2 -18
  42. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +8 -18
  43. package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +1 -0
  44. package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx +8 -18
  45. package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +1 -0
  46. package/styled-components/es/components/Chip/Chip.js +3 -15
  47. package/styled-components/es/components/Chip/Chip.template-doc.mdx +2 -2
  48. package/styled-components/es/components/Chip/Chip.tokens.js +0 -4
  49. package/styled-components/es/examples/plasma_b2c/components/Chip/Chip.config.js +7 -10
  50. package/styled-components/es/examples/plasma_b2c/components/Chip/Chip.stories.tsx +2 -18
  51. package/styled-components/es/examples/plasma_b2c/components/Divider/Divider.stories.tsx +1 -0
  52. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +8 -18
  53. package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +1 -0
  54. package/styled-components/es/examples/plasma_web/components/Chip/Chip.config.js +7 -10
  55. package/styled-components/es/examples/plasma_web/components/Chip/Chip.stories.tsx +2 -18
  56. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +8 -18
  57. package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +1 -0
  58. package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx +8 -18
  59. package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +1 -0
  60. package/types/components/Chip/Chip.d.ts +0 -4
  61. package/types/components/Chip/Chip.d.ts.map +1 -1
  62. package/types/components/Chip/Chip.tokens.d.ts +0 -4
  63. package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
  64. package/types/components/Chip/Chip.types.d.ts +0 -6
  65. package/types/components/Chip/Chip.types.d.ts.map +1 -1
  66. package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts +1 -4
  67. package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts.map +1 -1
  68. package/types/examples/plasma_b2c/components/Chip/Chip.d.ts +1 -4
  69. package/types/examples/plasma_b2c/components/Chip/Chip.d.ts.map +1 -1
  70. package/types/examples/plasma_web/components/Chip/Chip.config.d.ts +1 -4
  71. package/types/examples/plasma_web/components/Chip/Chip.config.d.ts.map +1 -1
  72. package/types/examples/plasma_web/components/Chip/Chip.d.ts +1 -4
  73. package/types/examples/plasma_web/components/Chip/Chip.d.ts.map +1 -1
  74. package/cjs/components/Chip/variations/_pilled/base.js +0 -9
  75. package/cjs/components/Chip/variations/_pilled/base.js.map +0 -1
  76. package/cjs/components/Chip/variations/_pilled/base_3kce4h.css +0 -1
  77. package/es/components/Chip/variations/_pilled/base.js +0 -5
  78. package/es/components/Chip/variations/_pilled/base.js.map +0 -1
  79. package/es/components/Chip/variations/_pilled/base_3kce4h.css +0 -1
  80. package/styled-components/cjs/components/Chip/variations/_pilled/base.js +0 -9
  81. package/styled-components/cjs/components/Chip/variations/_pilled/tokens.json +0 -4
  82. package/styled-components/es/components/Chip/variations/_pilled/base.js +0 -3
  83. package/styled-components/es/components/Chip/variations/_pilled/tokens.json +0 -4
  84. package/types/components/Chip/variations/_pilled/base.d.ts +0 -2
  85. package/types/components/Chip/variations/_pilled/base.d.ts.map +0 -1
package/styled-components/es/examples/plasma_b2c/components/Chip/Chip.config.js CHANGED
@@ -8,24 +8,21 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
12
- secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
13
- accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
11
+ "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
12
+ secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
13
+ positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-positive) 85% );", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-positive) 85%);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
14
14
  },
15
15
  size: {
16
- l: /*#__PURE__*/css(["", ":0.75rem;", ":1.5rem;", ":auto;", ":3rem;", ":1rem;", ":1rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.125rem;", ":0.5rem;", ":0.625rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1.5rem;"], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
17
- m: /*#__PURE__*/css(["", ":0.625rem;", ":1.25rem;", ":auto;", ":2.5rem;", ":0.875rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":-0.125rem;", ":0.375rem;", ":0.5rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
18
- s: /*#__PURE__*/css(["", ":0.5rem;", ":1rem;", ":auto;", ":2rem;", ":0.875rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.125rem;", ":0.25rem;", ":0.375rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
19
- xs: /*#__PURE__*/css(["", ":0.375rem;", ":0.75rem;", ":auto;", ":1.5rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.125rem;", ":0.25rem;", ":0.25rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize)
16
+ l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3rem;", ":1rem;", ":1rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.125rem;", ":0.5rem;", ":0.625rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1.5rem;"], chipTokens.borderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
17
+ m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":2.5rem;", ":0.875rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":-0.125rem;", ":0.375rem;", ":0.5rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
18
+ s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2rem;", ":0.875rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.125rem;", ":0.25rem;", ":0.375rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
19
+ xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":1.5rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.125rem;", ":0.25rem;", ":0.25rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize)
20
20
  },
21
21
  disabled: {
22
22
  "true": /*#__PURE__*/css(["", ":0.4;"], chipTokens.disabledOpacity)
23
23
  },
24
24
  focused: {
25
25
  "true": /*#__PURE__*/css(["", ":var(--surface-accent);"], chipTokens.focusColor)
26
- },
27
- pilled: {
28
- "true": /*#__PURE__*/css([""])
29
26
  }
30
27
  }
31
28
  };
package/styled-components/es/examples/plasma_b2c/components/Chip/Chip.stories.tsx CHANGED
@@ -40,33 +40,17 @@ const TrashIcon = (props) => (
40
40
  export const Default: Story = {
41
41
  args: {
42
42
  text: 'Hello',
43
- view: 'default',
43
+ view: 'primary',
44
44
  size: 'm',
45
45
  disabled: false,
46
46
  focused: true,
47
- pilled: false,
48
47
  onClear,
49
48
  },
50
49
  };
51
50
 
52
51
  export const WithIcon: Story = {
53
52
  args: { ...Default.args },
54
- render: (args) => {
55
- const iconSizeMapper = {
56
- l: '1.5rem',
57
- m: '1.25rem',
58
- s: '1rem',
59
- xs: '0.75rem',
60
- };
61
- const iconSize = args.size || 'm';
62
-
63
- return (
64
- <Chip
65
- contentLeft={<TrashIcon width={iconSizeMapper[iconSize]} height={iconSizeMapper[iconSize]} />}
66
- {...args}
67
- />
68
- );
69
- },
53
+ render: (args) => <Chip contentLeft={<TrashIcon width="1.25rem" height="1.25rem" />} {...args} />,
70
54
  };
71
55
 
72
56
  export const LongText: Story = {
package/styled-components/es/examples/plasma_b2c/components/Divider/Divider.stories.tsx CHANGED
@@ -26,6 +26,7 @@ const meta: Meta<typeof Divider> = {
26
26
  },
27
27
  table: { defaultValue: { summary: 'default' } },
28
28
  },
29
+ length: { control: 'text' },
29
30
  },
30
31
  };
31
32
 
package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx CHANGED
@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
70
70
  | 'chips'
71
71
  | 'onChangeChips'
72
72
  > & {
73
- 'storybook:contentLeft': boolean;
74
- 'storybook:contentRight': boolean;
73
+ enableContentLeft: boolean;
74
+ enableContentRight: boolean;
75
75
  };
76
76
 
77
- const StoryDemo = ({
78
- 'storybook:contentLeft': enableContentLeft,
79
- 'storybook:contentRight': enableContentRight,
80
- view,
81
- ...rest
82
- }: StoryPropsDefault) => {
77
+ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
83
78
  const [text, setText] = useState('Значение поля');
84
79
 
85
80
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
114
109
  leftHelper: 'Подсказка к полю',
115
110
  disabled: false,
116
111
  readOnly: false,
117
- 'storybook:contentLeft': true,
118
- 'storybook:contentRight': true,
112
+ enableContentLeft: true,
113
+ enableContentRight: true,
119
114
  },
120
115
  render: (args) => <StoryDemo {...args} />,
121
116
  };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
139
134
  | 'required'
140
135
  | 'enumerationType'
141
136
  > & {
142
- 'storybook:contentLeft': boolean;
143
- 'storybook:contentRight': boolean;
137
+ enableContentLeft: boolean;
138
+ enableContentRight: boolean;
144
139
  };
145
140
 
146
- const StoryChips = ({
147
- 'storybook:contentLeft': enableContentLeft,
148
- 'storybook:contentRight': enableContentRight,
149
- view,
150
- ...rest
151
- }: StoryPropsChips) => {
141
+ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
152
142
  const [text, setText] = useState('Значение поля');
153
143
 
154
144
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx CHANGED
@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
185
185
  control: {
186
186
  type: 'select',
187
187
  },
188
+ mapping: placements,
188
189
  },
189
190
  size: {
190
191
  options: ['m', 's'],
package/styled-components/es/examples/plasma_web/components/Chip/Chip.config.js CHANGED
@@ -8,24 +8,21 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
12
- secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
13
- accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
11
+ "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 85% );", ":var(--inverse-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-solid-default) 80% );", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
12
+ secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 85% );", ":var(--text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-transparent-secondary) 80% );", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
13
+ positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":color-mix( in srgb,var(--inverse-text-primary),var(--surface-positive) 85% );", ":var(--on-dark-text-primary);", ":color-mix(in srgb,var(--text-primary),var(--surface-positive) 85%);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);"], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
14
14
  },
15
15
  size: {
16
- l: /*#__PURE__*/css(["", ":0.75rem;", ":1.5rem;", ":auto;", ":3rem;", ":1rem;", ":1rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.125rem;", ":0.5rem;", ":0.625rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1.5rem;"], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
17
- m: /*#__PURE__*/css(["", ":0.625rem;", ":1.25rem;", ":auto;", ":2.5rem;", ":0.875rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":-0.125rem;", ":0.375rem;", ":0.5rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
18
- s: /*#__PURE__*/css(["", ":0.5rem;", ":1rem;", ":auto;", ":2rem;", ":0.875rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.125rem;", ":0.25rem;", ":0.375rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
19
- xs: /*#__PURE__*/css(["", ":0.375rem;", ":0.75rem;", ":auto;", ":1.5rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.125rem;", ":0.25rem;", ":0.25rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize)
16
+ l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3rem;", ":1rem;", ":1rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.125rem;", ":0.5rem;", ":0.625rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1.5rem;"], chipTokens.borderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
17
+ m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":2.5rem;", ":0.875rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":-0.125rem;", ":0.375rem;", ":0.5rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
18
+ s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2rem;", ":0.875rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.125rem;", ":0.25rem;", ":0.375rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
19
+ xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":1.5rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.125rem;", ":0.25rem;", ":0.25rem;", ":-0.25rem;", ":1.02;", ":0.98;", ":1rem;"], chipTokens.borderRadius, chipTokens.width, chipTokens.height, chipTokens.paddingRight, chipTokens.paddingLeft, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize)
20
20
  },
21
21
  disabled: {
22
22
  "true": /*#__PURE__*/css(["", ":0.4;"], chipTokens.disabledOpacity)
23
23
  },
24
24
  focused: {
25
25
  "true": /*#__PURE__*/css(["", ":var(--surface-accent);"], chipTokens.focusColor)
26
- },
27
- pilled: {
28
- "true": /*#__PURE__*/css([""])
29
26
  }
30
27
  }
31
28
  };
package/styled-components/es/examples/plasma_web/components/Chip/Chip.stories.tsx CHANGED
@@ -40,33 +40,17 @@ const TrashIcon = (props) => (
40
40
  export const Default: Story = {
41
41
  args: {
42
42
  text: 'Hello',
43
- view: 'default',
43
+ view: 'primary',
44
44
  size: 'm',
45
45
  disabled: false,
46
46
  focused: true,
47
- pilled: false,
48
47
  onClear,
49
48
  },
50
49
  };
51
50
 
52
51
  export const WithIcon: Story = {
53
52
  args: { ...Default.args },
54
- render: (args) => {
55
- const iconSizeMapper = {
56
- l: '1.5rem',
57
- m: '1.25rem',
58
- s: '1rem',
59
- xs: '0.75rem',
60
- };
61
- const iconSize = args.size || 'm';
62
-
63
- return (
64
- <Chip
65
- contentLeft={<TrashIcon width={iconSizeMapper[iconSize]} height={iconSizeMapper[iconSize]} />}
66
- {...args}
67
- />
68
- );
69
- },
53
+ render: (args) => <Chip contentLeft={<TrashIcon width="1.25rem" height="1.25rem" />} {...args} />,
70
54
  };
71
55
 
72
56
  export const LongText: Story = {
package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx CHANGED
@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
70
70
  | 'chips'
71
71
  | 'onChangeChips'
72
72
  > & {
73
- 'storybook:contentLeft': boolean;
74
- 'storybook:contentRight': boolean;
73
+ enableContentLeft: boolean;
74
+ enableContentRight: boolean;
75
75
  };
76
76
 
77
- const StoryDemo = ({
78
- 'storybook:contentLeft': enableContentLeft,
79
- 'storybook:contentRight': enableContentRight,
80
- view,
81
- ...rest
82
- }: StoryPropsDefault) => {
77
+ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
83
78
  const [text, setText] = useState('Значение поля');
84
79
 
85
80
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
114
109
  leftHelper: 'Подсказка к полю',
115
110
  disabled: false,
116
111
  readOnly: false,
117
- 'storybook:contentLeft': true,
118
- 'storybook:contentRight': true,
112
+ enableContentLeft: true,
113
+ enableContentRight: true,
119
114
  },
120
115
  render: (args) => <StoryDemo {...args} />,
121
116
  };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
139
134
  | 'required'
140
135
  | 'enumerationType'
141
136
  > & {
142
- 'storybook:contentLeft': boolean;
143
- 'storybook:contentRight': boolean;
137
+ enableContentLeft: boolean;
138
+ enableContentRight: boolean;
144
139
  };
145
140
 
146
- const StoryChips = ({
147
- 'storybook:contentLeft': enableContentLeft,
148
- 'storybook:contentRight': enableContentRight,
149
- view,
150
- ...rest
151
- }: StoryPropsChips) => {
141
+ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
152
142
  const [text, setText] = useState('Значение поля');
153
143
 
154
144
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx CHANGED
@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
185
185
  control: {
186
186
  type: 'select',
187
187
  },
188
+ mapping: placements,
188
189
  },
189
190
  size: {
190
191
  options: ['m', 's'],
package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx CHANGED
@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
70
70
  | 'chips'
71
71
  | 'onChangeChips'
72
72
  > & {
73
- 'storybook:contentLeft': boolean;
74
- 'storybook:contentRight': boolean;
73
+ enableContentLeft: boolean;
74
+ enableContentRight: boolean;
75
75
  };
76
76
 
77
- const StoryDemo = ({
78
- 'storybook:contentLeft': enableContentLeft,
79
- 'storybook:contentRight': enableContentRight,
80
- view,
81
- ...rest
82
- }: StoryPropsDefault) => {
77
+ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
83
78
  const [text, setText] = useState('Значение поля');
84
79
 
85
80
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
114
109
  leftHelper: 'Подсказка к полю',
115
110
  disabled: false,
116
111
  readOnly: false,
117
- 'storybook:contentLeft': true,
118
- 'storybook:contentRight': true,
112
+ enableContentLeft: true,
113
+ enableContentRight: true,
119
114
  },
120
115
  render: (args) => <StoryDemo {...args} />,
121
116
  };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
139
134
  | 'required'
140
135
  | 'enumerationType'
141
136
  > & {
142
- 'storybook:contentLeft': boolean;
143
- 'storybook:contentRight': boolean;
137
+ enableContentLeft: boolean;
138
+ enableContentRight: boolean;
144
139
  };
145
140
 
146
- const StoryChips = ({
147
- 'storybook:contentLeft': enableContentLeft,
148
- 'storybook:contentRight': enableContentRight,
149
- view,
150
- ...rest
151
- }: StoryPropsChips) => {
141
+ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
152
142
  const [text, setText] = useState('Значение поля');
153
143
 
154
144
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx CHANGED
@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
185
185
  control: {
186
186
  type: 'select',
187
187
  },
188
+ mapping: placements,
188
189
  },
189
190
  size: {
190
191
  options: ['m', 's'],
package/types/components/Chip/Chip.d.ts CHANGED
@@ -25,10 +25,6 @@ export declare const chipConfig: {
25
25
  focused: {
26
26
  css: import("@linaria/core").LinariaClassName;
27
27
  };
28
- pilled: {
29
- css: import("@linaria/core").LinariaClassName;
30
- attrs: boolean;
31
- };
32
28
  };
33
29
  defaults: {
34
30
  view: string;
package/types/components/Chip/Chip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC,wFA2DhE,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBA7DQ,UAAU,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FrE,CAAC"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC,wFAsDhE,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAxDQ,UAAU,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CAoFrE,CAAC"}
package/types/components/Chip/Chip.tokens.d.ts CHANGED
@@ -1,6 +1,3 @@
1
- export declare const classes: {
2
- pilled: string;
3
- };
4
1
  export declare const tokens: {
5
2
  background: string;
6
3
  color: string;
@@ -18,7 +15,6 @@ export declare const tokens: {
18
15
  outlineSize: string;
19
16
  closeIconColor: string;
20
17
  borderRadius: string;
21
- pilledBorderRadius: string;
22
18
  width: string;
23
19
  height: string;
24
20
  paddingTop: string;
package/types/components/Chip/Chip.tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB,CAAC"}
1
+ {"version":3,"file":"Chip.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyClB,CAAC"}
package/types/components/Chip/Chip.types.d.ts CHANGED
@@ -16,12 +16,6 @@ declare type CustomChipProps = {
16
16
  * Слот для контента Clear
17
17
  */
18
18
  contentClearButton?: ReactNode;
19
- /**
20
- * Компонент c округлым border-radius
21
- * @default
22
- * false
23
- */
24
- pilled?: boolean;
25
19
  /**
26
20
  * Компонент не активен
27
21
  * @default
package/types/components/Chip/Chip.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,GAAG,iBAAiB,CAAC;AAEtB,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,eAAe;CAAG"}
1
+ {"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,GAAG,iBAAiB,CAAC;AAEtB,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,eAAe;CAAG"}
package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare const config: {
8
8
  view: {
9
9
  default: import("@linaria/core").LinariaClassName;
10
10
  secondary: import("@linaria/core").LinariaClassName;
11
- accent: import("@linaria/core").LinariaClassName;
11
+ positive: import("@linaria/core").LinariaClassName;
12
12
  };
13
13
  size: {
14
14
  l: import("@linaria/core").LinariaClassName;
@@ -22,9 +22,6 @@ export declare const config: {
22
22
  focused: {
23
23
  true: import("@linaria/core").LinariaClassName;
24
24
  };
25
- pilled: {
26
- true: import("@linaria/core").LinariaClassName;
27
- };
28
25
  };
29
26
  };
30
27
  //# sourceMappingURL=Chip.config.d.ts.map
package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Chip/Chip.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKlB,CAAC"}
1
+ {"version":3,"file":"Chip.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Chip/Chip.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA8KlB,CAAC"}
package/types/examples/plasma_b2c/components/Chip/Chip.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const Chip: import("react").FunctionComponent<import("../../../..
3
3
  view: {
4
4
  default: import("@linaria/core").LinariaClassName;
5
5
  secondary: import("@linaria/core").LinariaClassName;
6
- accent: import("@linaria/core").LinariaClassName;
6
+ positive: import("@linaria/core").LinariaClassName;
7
7
  };
8
8
  size: {
9
9
  l: import("@linaria/core").LinariaClassName;
@@ -17,8 +17,5 @@ export declare const Chip: import("react").FunctionComponent<import("../../../..
17
17
  focused: {
18
18
  true: import("@linaria/core").LinariaClassName;
19
19
  };
20
- pilled: {
21
- true: import("@linaria/core").LinariaClassName;
22
- };
23
20
  }> & import("../../../../components/Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
24
21
  //# sourceMappingURL=Chip.d.ts.map
package/types/examples/plasma_b2c/components/Chip/Chip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Chip/Chip.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;wGAA0B,CAAC"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Chip/Chip.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;wGAA0B,CAAC"}
package/types/examples/plasma_web/components/Chip/Chip.config.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare const config: {
8
8
  view: {
9
9
  default: import("@linaria/core").LinariaClassName;
10
10
  secondary: import("@linaria/core").LinariaClassName;
11
- accent: import("@linaria/core").LinariaClassName;
11
+ positive: import("@linaria/core").LinariaClassName;
12
12
  };
13
13
  size: {
14
14
  l: import("@linaria/core").LinariaClassName;
@@ -22,9 +22,6 @@ export declare const config: {
22
22
  focused: {
23
23
  true: import("@linaria/core").LinariaClassName;
24
24
  };
25
- pilled: {
26
- true: import("@linaria/core").LinariaClassName;
27
- };
28
25
  };
29
26
  };
30
27
  //# sourceMappingURL=Chip.config.d.ts.map
package/types/examples/plasma_web/components/Chip/Chip.config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Chip/Chip.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKlB,CAAC"}
1
+ {"version":3,"file":"Chip.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Chip/Chip.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA8KlB,CAAC"}
package/types/examples/plasma_web/components/Chip/Chip.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const Chip: import("react").FunctionComponent<import("../../../..
3
3
  view: {
4
4
  default: import("@linaria/core").LinariaClassName;
5
5
  secondary: import("@linaria/core").LinariaClassName;
6
- accent: import("@linaria/core").LinariaClassName;
6
+ positive: import("@linaria/core").LinariaClassName;
7
7
  };
8
8
  size: {
9
9
  l: import("@linaria/core").LinariaClassName;
@@ -17,8 +17,5 @@ export declare const Chip: import("react").FunctionComponent<import("../../../..
17
17
  focused: {
18
18
  true: import("@linaria/core").LinariaClassName;
19
19
  };
20
- pilled: {
21
- true: import("@linaria/core").LinariaClassName;
22
- };
23
20
  }> & import("../../../../components/Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
24
21
  //# sourceMappingURL=Chip.d.ts.map
package/types/examples/plasma_web/components/Chip/Chip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Chip/Chip.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;wGAA0B,CAAC"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Chip/Chip.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;wGAA0B,CAAC"}
package/cjs/components/Chip/variations/_pilled/base.js DELETED
@@ -1,9 +0,0 @@
1
- import './base_3kce4h.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "bvcavwi";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
package/cjs/components/Chip/variations/_pilled/base.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Chip/variations/_pilled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Chip.tokens';\n\nexport const base = css`\n &.${String(classes.pilled)} {\n border-radius: var(${tokens.pilledBorderRadius});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAIhB;;;;"}
package/cjs/components/Chip/variations/_pilled/base_3kce4h.css DELETED
@@ -1 +0,0 @@
1
- .bvcavwi.chip-pilled{border-radius:var(--plasma-chip-pilled-border-radius);}
package/es/components/Chip/variations/_pilled/base.js DELETED
@@ -1,5 +0,0 @@
1
- import './base_3kce4h.css';
2
- var base = "bvcavwi";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
package/es/components/Chip/variations/_pilled/base.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Chip/variations/_pilled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Chip.tokens';\n\nexport const base = css`\n &.${String(classes.pilled)} {\n border-radius: var(${tokens.pilledBorderRadius});\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAIhB;;;;"}
package/es/components/Chip/variations/_pilled/base_3kce4h.css DELETED
@@ -1 +0,0 @@
1
- .bvcavwi.chip-pilled{border-radius:var(--plasma-chip-pilled-border-radius);}
package/styled-components/cjs/components/Chip/variations/_pilled/base.js DELETED
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Chip = /*#__PURE__*/require("../../Chip.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{border-radius:var(", ");}"], /*#__PURE__*/String(_Chip.classes.pilled), _Chip.tokens.pilledBorderRadius);
package/styled-components/cjs/components/Chip/variations/_pilled/tokens.json DELETED
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-chip-pilled-border-radius"]
4
- }
package/styled-components/es/components/Chip/variations/_pilled/base.js DELETED
@@ -1,3 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../Chip.tokens';
3
- export var base = /*#__PURE__*/css(["&.", "{border-radius:var(", ");}"], /*#__PURE__*/String(classes.pilled), tokens.pilledBorderRadius);
package/styled-components/es/components/Chip/variations/_pilled/tokens.json DELETED
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-chip-pilled-border-radius"]
4
- }
package/types/components/Chip/variations/_pilled/base.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
package/types/components/Chip/variations/_pilled/base.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/variations/_pilled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAIhB,CAAC"}