@salutejs/plasma-new-hope 0.195.0-canary.1574.11921374356.0 → 0.195.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.js +1 -7
  2. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  3. package/cjs/components/Badge/Badge.css +4 -4
  4. package/cjs/components/Badge/Badge.js +17 -7
  5. package/cjs/components/Badge/Badge.js.map +1 -1
  6. package/cjs/components/Badge/Badge.tokens.js +10 -5
  7. package/cjs/components/Badge/Badge.tokens.js.map +1 -1
  8. package/cjs/components/Badge/variations/_clear/base.js +1 -1
  9. package/cjs/components/Badge/variations/_clear/base.js.map +1 -1
  10. package/cjs/components/Badge/variations/_clear/base_wiboj8.css +1 -0
  11. package/cjs/components/Badge/variations/_size/base.js +1 -1
  12. package/cjs/components/Badge/variations/_size/base.js.map +1 -1
  13. package/{es/components/Badge/variations/_size/base_to0y5x.css → cjs/components/Badge/variations/_size/base_bu5opk.css} +1 -1
  14. package/cjs/components/Badge/variations/_transparent/base.js +1 -1
  15. package/cjs/components/Badge/variations/_transparent/base.js.map +1 -1
  16. package/cjs/components/Badge/variations/_transparent/base_aapqhz.css +1 -0
  17. package/cjs/components/Badge/variations/_view/base.js +1 -1
  18. package/cjs/components/Badge/variations/_view/base.js.map +1 -1
  19. package/cjs/components/Badge/variations/_view/base_j3xzf3.css +1 -0
  20. package/cjs/index.css +4 -4
  21. package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -7
  22. package/emotion/cjs/components/Badge/Badge.js +17 -7
  23. package/emotion/cjs/components/Badge/Badge.template-doc.mdx +40 -16
  24. package/emotion/cjs/components/Badge/Badge.tokens.js +10 -6
  25. package/emotion/cjs/components/Badge/variations/_clear/base.js +1 -1
  26. package/emotion/cjs/components/Badge/variations/_size/base.js +2 -1
  27. package/emotion/cjs/components/Badge/variations/_transparent/base.js +1 -1
  28. package/emotion/cjs/components/Badge/variations/_view/base.js +1 -1
  29. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +15 -15
  30. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  31. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +14 -14
  32. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  33. package/emotion/es/components/Autocomplete/Autocomplete.js +1 -7
  34. package/emotion/es/components/Badge/Badge.js +18 -8
  35. package/emotion/es/components/Badge/Badge.template-doc.mdx +40 -16
  36. package/emotion/es/components/Badge/Badge.tokens.js +9 -5
  37. package/emotion/es/components/Badge/variations/_clear/base.js +2 -2
  38. package/emotion/es/components/Badge/variations/_size/base.js +3 -2
  39. package/emotion/es/components/Badge/variations/_transparent/base.js +2 -2
  40. package/emotion/es/components/Badge/variations/_view/base.js +2 -2
  41. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +15 -15
  42. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  43. package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +14 -14
  44. package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  45. package/es/components/Autocomplete/Autocomplete.js +1 -7
  46. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  47. package/es/components/Badge/Badge.css +4 -4
  48. package/es/components/Badge/Badge.js +20 -10
  49. package/es/components/Badge/Badge.js.map +1 -1
  50. package/es/components/Badge/Badge.tokens.js +10 -6
  51. package/es/components/Badge/Badge.tokens.js.map +1 -1
  52. package/es/components/Badge/variations/_clear/base.js +1 -1
  53. package/es/components/Badge/variations/_clear/base.js.map +1 -1
  54. package/es/components/Badge/variations/_clear/base_wiboj8.css +1 -0
  55. package/es/components/Badge/variations/_size/base.js +1 -1
  56. package/es/components/Badge/variations/_size/base.js.map +1 -1
  57. package/{cjs/components/Badge/variations/_size/base_to0y5x.css → es/components/Badge/variations/_size/base_bu5opk.css} +1 -1
  58. package/es/components/Badge/variations/_transparent/base.js +1 -1
  59. package/es/components/Badge/variations/_transparent/base.js.map +1 -1
  60. package/es/components/Badge/variations/_transparent/base_aapqhz.css +1 -0
  61. package/es/components/Badge/variations/_view/base.js +1 -1
  62. package/es/components/Badge/variations/_view/base.js.map +1 -1
  63. package/es/components/Badge/variations/_view/base_j3xzf3.css +1 -0
  64. package/es/index.css +4 -4
  65. package/package.json +2 -2
  66. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -7
  67. package/styled-components/cjs/components/Badge/Badge.js +17 -7
  68. package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +40 -16
  69. package/styled-components/cjs/components/Badge/Badge.tokens.js +10 -6
  70. package/styled-components/cjs/components/Badge/variations/_clear/base.js +1 -1
  71. package/styled-components/cjs/components/Badge/variations/_size/base.js +2 -1
  72. package/styled-components/cjs/components/Badge/variations/_transparent/base.js +1 -1
  73. package/styled-components/cjs/components/Badge/variations/_view/base.js +1 -1
  74. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +5 -5
  75. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  76. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +5 -5
  77. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  78. package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -7
  79. package/styled-components/es/components/Badge/Badge.js +18 -8
  80. package/styled-components/es/components/Badge/Badge.template-doc.mdx +40 -16
  81. package/styled-components/es/components/Badge/Badge.tokens.js +9 -5
  82. package/styled-components/es/components/Badge/variations/_clear/base.js +2 -2
  83. package/styled-components/es/components/Badge/variations/_size/base.js +3 -2
  84. package/styled-components/es/components/Badge/variations/_transparent/base.js +2 -2
  85. package/styled-components/es/components/Badge/variations/_view/base.js +2 -2
  86. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +5 -5
  87. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
  88. package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +5 -5
  89. package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
  90. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  91. package/types/components/Autocomplete/Autocomplete.types.d.ts +0 -4
  92. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
  93. package/types/components/Badge/Badge.d.ts.map +1 -1
  94. package/types/components/Badge/Badge.tokens.d.ts +8 -4
  95. package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
  96. package/types/components/Badge/Badge.types.d.ts +18 -5
  97. package/types/components/Badge/Badge.types.d.ts.map +1 -1
  98. package/types/components/Badge/variations/_clear/base.d.ts.map +1 -1
  99. package/types/components/Badge/variations/_size/base.d.ts.map +1 -1
  100. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
  101. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +61 -4
  102. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  103. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
  104. package/types/examples/plasma_web/components/Badge/Badge.d.ts +61 -4
  105. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  106. package/cjs/components/Badge/variations/_clear/base_oopyb7.css +0 -1
  107. package/cjs/components/Badge/variations/_transparent/base_1l6036y.css +0 -1
  108. package/cjs/components/Badge/variations/_view/base_qlxank.css +0 -1
  109. package/es/components/Badge/variations/_clear/base_oopyb7.css +0 -1
  110. package/es/components/Badge/variations/_transparent/base_1l6036y.css +0 -1
  111. package/es/components/Badge/variations/_view/base_qlxank.css +0 -1
@@ -16,10 +16,10 @@ export var config = {
16
16
  light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);", ":var(--on-dark-text-primary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear)
17
17
  },
18
18
  size: {
19
- l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0.6875rem;", ":0.6875rem;", ":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.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
20
- m: /*#__PURE__*/css(["", ":0.375rem;", ":1.5rem;", ":0.5625rem;", ":0.5625rem;", ":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.0625rem;", ":0.1875rem;", ":0.1875rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
21
- s: /*#__PURE__*/css(["", ":0.375rem;", ":1.25rem;", ":0.4375rem;", ":0.4375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
22
- xs: /*#__PURE__*/css(["", ":0.25rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
19
+ l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0 0.6875rem;", ":0 0.375rem;", ":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.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
20
+ m: /*#__PURE__*/css(["", ":0.375rem;", ":1.5rem;", ":0 0.5625rem;", ":0 0.375rem;", ":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.0625rem;", ":0.1875rem;", ":0.1875rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
21
+ s: /*#__PURE__*/css(["", ":0.375rem;", ":1.25rem;", ":0 0.4375rem;", ":0 0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
22
+ xs: /*#__PURE__*/css(["", ":0.25rem;", ":1rem;", ":0 0.25rem;", ":0 0.188rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
23
23
  },
24
24
  pilled: {
25
25
  "true": /*#__PURE__*/css(["", ":1.25rem;"], badgeTokens.pilledBorderRadius)
@@ -28,7 +28,7 @@ export var config = {
28
28
  "true": /*#__PURE__*/css([""])
29
29
  },
30
30
  clear: {
31
- "true": /*#__PURE__*/css([""])
31
+ "true": /*#__PURE__*/css(["", ":var(--surface-clear);"], badgeTokens.backgroundClear)
32
32
  },
33
33
  truncate: {
34
34
  "true": /*#__PURE__*/css([""])
@@ -34,6 +34,10 @@ const meta: Meta<typeof Badge> = {
34
34
  maxWidth: {
35
35
  control: { type: 'text' },
36
36
  },
37
+ text: {
38
+ control: { type: 'text' },
39
+ if: { arg: 'enableText', truthy: true },
40
+ },
37
41
  ...disableProps(['contentLeft', 'contentRight']),
38
42
  },
39
43
  };
@@ -43,6 +47,7 @@ export default meta;
43
47
  type StoryProps = ComponentProps<typeof Badge> & {
44
48
  enableContentLeft: boolean;
45
49
  enableContentRight: boolean;
50
+ enableText: boolean;
46
51
  };
47
52
  type Story = StoryObj<StoryProps>;
48
53
 
@@ -63,13 +68,14 @@ export const Default: Story = {
63
68
  },
64
69
  enableContentRight: {
65
70
  control: { type: 'boolean' },
66
- if: { arg: 'enableContentLeft', truthy: false },
71
+ if: { arg: 'enableText', truthy: true },
67
72
  },
68
73
  },
69
74
  args: {
70
- text: 'Hello Kitty',
71
75
  view: 'default',
72
76
  size: 'm',
77
+ enableText: true,
78
+ text: 'Hello',
73
79
  enableContentLeft: false,
74
80
  enableContentRight: false,
75
81
  clear: false,
@@ -77,13 +83,24 @@ export const Default: Story = {
77
83
  transparent: false,
78
84
  maxWidth: '',
79
85
  },
80
- render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
81
- const iconSize = size === 'l' ? '1rem' : '0.75rem';
86
+ render: ({ enableContentLeft, enableContentRight, enableText, size, ...rest }: StoryProps) => {
87
+ const iconSize = () => {
88
+ switch (size) {
89
+ case 'l':
90
+ return '1rem';
91
+ case 'xs':
92
+ return '0.625rem';
93
+ default:
94
+ return '0.75rem';
95
+ }
96
+ };
82
97
 
83
98
  return (
84
99
  <Badge
85
- contentLeft={enableContentLeft ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
86
- contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
100
+ contentLeft={
101
+ enableContentLeft || !enableText ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined
102
+ }
103
+ contentRight={enableContentRight ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined}
87
104
  size={size}
88
105
  {...rest}
89
106
  />
@@ -16,10 +16,10 @@ export var config = {
16
16
  light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);", ":var(--on-dark-text-primary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear)
17
17
  },
18
18
  size: {
19
- l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0.6875rem;", ":0.6875rem;", ":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.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
20
- m: /*#__PURE__*/css(["", ":0.375rem;", ":1.5rem;", ":0.5625rem;", ":0.5625rem;", ":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.0625rem;", ":0.1875rem;", ":0.1875rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
21
- s: /*#__PURE__*/css(["", ":0.375rem;", ":1.25rem;", ":0.4375rem;", ":0.4375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
22
- xs: /*#__PURE__*/css(["", ":0.25rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
19
+ l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0 0.6875rem;", ":0 0.375rem;", ":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.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
20
+ m: /*#__PURE__*/css(["", ":0.375rem;", ":1.5rem;", ":0 0.5625rem;", ":0 0.375rem;", ":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.0625rem;", ":0.1875rem;", ":0.1875rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
21
+ s: /*#__PURE__*/css(["", ":0.375rem;", ":1.25rem;", ":0 0.4375rem;", ":0 0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
22
+ xs: /*#__PURE__*/css(["", ":0.25rem;", ":1rem;", ":0 0.25rem;", ":0 0.188rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
23
23
  },
24
24
  pilled: {
25
25
  "true": /*#__PURE__*/css(["", ":1.25rem;"], badgeTokens.pilledBorderRadius)
@@ -28,7 +28,7 @@ export var config = {
28
28
  "true": /*#__PURE__*/css([""])
29
29
  },
30
30
  clear: {
31
- "true": /*#__PURE__*/css([""])
31
+ "true": /*#__PURE__*/css(["", ":var(--surface-clear);"], badgeTokens.backgroundClear)
32
32
  }
33
33
  }
34
34
  };
@@ -31,6 +31,13 @@ const meta: Meta<typeof Badge> = {
31
31
  control: { type: 'boolean' },
32
32
  if: { arg: 'clear', truthy: false },
33
33
  },
34
+ maxWidth: {
35
+ control: { type: 'text' },
36
+ },
37
+ text: {
38
+ control: { type: 'text' },
39
+ if: { arg: 'enableText', truthy: true },
40
+ },
34
41
  ...disableProps(['contentLeft', 'contentRight']),
35
42
  },
36
43
  };
@@ -40,6 +47,7 @@ export default meta;
40
47
  type StoryProps = ComponentProps<typeof Badge> & {
41
48
  enableContentLeft: boolean;
42
49
  enableContentRight: boolean;
50
+ enableText: boolean;
43
51
  };
44
52
  type Story = StoryObj<StoryProps>;
45
53
 
@@ -60,26 +68,39 @@ export const Default: Story = {
60
68
  },
61
69
  enableContentRight: {
62
70
  control: { type: 'boolean' },
63
- if: { arg: 'enableContentLeft', truthy: false },
71
+ if: { arg: 'enableText', truthy: true },
64
72
  },
65
73
  },
66
74
  args: {
67
- text: 'Hello',
68
75
  view: 'default',
69
76
  size: 'm',
77
+ enableText: true,
78
+ text: 'Hello',
70
79
  enableContentLeft: false,
71
80
  enableContentRight: false,
72
81
  clear: false,
73
82
  pilled: false,
74
83
  transparent: false,
84
+ maxWidth: '',
75
85
  },
76
- render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
77
- const iconSize = size === 'l' ? '1rem' : '0.75rem';
86
+ render: ({ enableContentLeft, enableContentRight, enableText, size, ...rest }: StoryProps) => {
87
+ const iconSize = () => {
88
+ switch (size) {
89
+ case 'l':
90
+ return '1rem';
91
+ case 'xs':
92
+ return '0.625rem';
93
+ default:
94
+ return '0.75rem';
95
+ }
96
+ };
78
97
 
79
98
  return (
80
99
  <Badge
81
- contentLeft={enableContentLeft ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
82
- contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
100
+ contentLeft={
101
+ enableContentLeft || !enableText ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined
102
+ }
103
+ contentRight={enableContentRight ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined}
83
104
  size={size}
84
105
  {...rest}
85
106
  />
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,+FA8LhF,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBAhMQ,UAAU,gBAAgB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;CA+MpF,CAAC"}
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,+FAuLhF,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBAzLQ,UAAU,gBAAgB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;CAwMpF,CAAC"}
@@ -83,10 +83,6 @@ export declare type BaseProps = {
83
83
  * Коллбэк для рендера элемента в конце выпадающего списка.
84
84
  */
85
85
  renderListEnd?: () => ReactNode;
86
- /**
87
- * Изначальное значение.
88
- */
89
- defaultValue?: string;
90
86
  };
91
87
  export declare type AutocompleteProps = BaseProps & RequiredProps & Omit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'required' | 'optional' | 'requiredPlacement'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'>;
92
88
  //# sourceMappingURL=Autocomplete.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEjF,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,SAAS,GACrC,aAAa,GACb,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,eAAe,GAAG,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG,mBAAmB,CAChG,GACD,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}
1
+ {"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEjF,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;CACnC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,SAAS,GACrC,aAAa,GACb,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,eAAe,GAAG,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG,mBAAmB,CAChG,GACD,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIhE,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,sFA4CnE,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBA9CQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ExE,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIhE,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,sFAoEnE,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBAtEQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAmGxE,CAAC"}
@@ -3,6 +3,11 @@ export declare const classes: {
3
3
  badgeTransparent: string;
4
4
  badgeClear: string;
5
5
  badgeTruncate: string;
6
+ iconOnly: string;
7
+ };
8
+ export declare const privateTokens: {
9
+ customBackground: string;
10
+ customColor: string;
6
11
  };
7
12
  export declare const tokens: {
8
13
  background: string;
@@ -10,13 +15,12 @@ export declare const tokens: {
10
15
  backgroundTransparent: string;
11
16
  colorTransparent: string;
12
17
  colorClear: string;
18
+ backgroundClear: string;
13
19
  borderRadius: string;
14
20
  pilledBorderRadius: string;
15
21
  height: string;
16
- paddingTop: string;
17
- paddingRight: string;
18
- paddingBottom: string;
19
- paddingLeft: string;
22
+ padding: string;
23
+ paddingIconOnly: string;
20
24
  fontFamily: string;
21
25
  fontSize: string;
22
26
  fontStyle: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CA0BlB,CAAC"}
1
+ {"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC"}
@@ -45,19 +45,32 @@ declare type ClearViewProps = {
45
45
  */
46
46
  clear?: false;
47
47
  };
48
+ declare type IconContentProps = {
49
+ /**
50
+ * Слот для контента слева, например `Icon`
51
+ */
52
+ contentLeft?: ReactNode;
53
+ /**
54
+ * Слот для контента справа, например `Icon`
55
+ */
56
+ contentRight?: never;
57
+ } | {
58
+ contentLeft?: never;
59
+ contentRight?: ReactNode;
60
+ };
48
61
  declare type CustomBadgeProps = {
49
62
  /**
50
63
  * Текстовая надпись
51
64
  */
52
65
  text?: string;
53
66
  /**
54
- * Слот для контента слева, например `Icon`
67
+ * Пользовательский цвет текста и иконок
55
68
  */
56
- contentLeft?: ReactNode;
69
+ customColor?: string;
57
70
  /**
58
- * Слот для контента справа, например `Icon`
71
+ * Пользовательский цвет фона
59
72
  */
60
- contentRight?: ReactNode;
73
+ customBackgroundColor?: string;
61
74
  /**
62
75
  * Обрезает контент по максимальной ширине и добавляет ...
63
76
  * @default 'auto'
@@ -75,7 +88,7 @@ declare type CustomBadgeProps = {
75
88
  * default
76
89
  */
77
90
  view?: string;
78
- } & PropsWithChildren;
91
+ } & IconContentProps & PropsWithChildren;
79
92
  export declare type BadgeProps = HTMLAttributes<HTMLDivElement> & CustomBadgeProps & ClearViewProps;
80
93
  export declare type BadgeRootProps = HTMLAttributes<HTMLDivElement> & CustomBadgeProps & {
81
94
  pilled?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,aAAK,cAAc,GACb;IACI;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAER,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,iBAAiB,CAAC;AAEtB,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAC5F,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACvD,gBAAgB,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
1
+ {"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,aAAK,cAAc,GACb;IACI;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAER,aAAK,gBAAgB,GACf;IACI;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,gBAAgB,GAChB,iBAAiB,CAAC;AAEtB,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAC5F,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACvD,gBAAgB,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_clear/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAMhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_clear/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAKhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAgBhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAqBhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoKlB,CAAC"}
1
+ {"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsKlB,CAAC"}
@@ -29,11 +29,14 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
29
29
  };
30
30
  }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
31
31
  text?: string | undefined;
32
- contentLeft?: import("react").ReactNode;
33
- contentRight?: import("react").ReactNode;
32
+ customColor?: string | undefined;
33
+ customBackgroundColor?: string | undefined;
34
34
  maxWidth?: import("csstype").Property.Width<string | number> | undefined;
35
35
  size?: string | undefined;
36
36
  view?: string | undefined;
37
+ } & {
38
+ contentLeft?: import("react").ReactNode;
39
+ contentRight?: undefined;
37
40
  } & {
38
41
  children?: import("react").ReactNode;
39
42
  } & {
@@ -42,11 +45,14 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
42
45
  transparent?: false | undefined;
43
46
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
44
47
  text?: string | undefined;
45
- contentLeft?: import("react").ReactNode;
46
- contentRight?: import("react").ReactNode;
48
+ customColor?: string | undefined;
49
+ customBackgroundColor?: string | undefined;
47
50
  maxWidth?: import("csstype").Property.Width<string | number> | undefined;
48
51
  size?: string | undefined;
49
52
  view?: string | undefined;
53
+ } & {
54
+ contentLeft?: import("react").ReactNode;
55
+ contentRight?: undefined;
50
56
  } & {
51
57
  children?: import("react").ReactNode;
52
58
  } & {
@@ -55,11 +61,62 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
55
61
  clear?: false | undefined;
56
62
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
57
63
  text?: string | undefined;
64
+ customColor?: string | undefined;
65
+ customBackgroundColor?: string | undefined;
66
+ maxWidth?: import("csstype").Property.Width<string | number> | undefined;
67
+ size?: string | undefined;
68
+ view?: string | undefined;
69
+ } & {
58
70
  contentLeft?: import("react").ReactNode;
71
+ contentRight?: undefined;
72
+ } & {
73
+ children?: import("react").ReactNode;
74
+ } & {
75
+ pilled?: boolean | undefined;
76
+ transparent?: true | undefined;
77
+ clear?: false | undefined;
78
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
79
+ text?: string | undefined;
80
+ customColor?: string | undefined;
81
+ customBackgroundColor?: string | undefined;
82
+ maxWidth?: import("csstype").Property.Width<string | number> | undefined;
83
+ size?: string | undefined;
84
+ view?: string | undefined;
85
+ } & {
86
+ contentLeft?: undefined;
59
87
  contentRight?: import("react").ReactNode;
88
+ } & {
89
+ children?: import("react").ReactNode;
90
+ } & {
91
+ clear?: true | undefined;
92
+ pilled?: false | undefined;
93
+ transparent?: false | undefined;
94
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
95
+ text?: string | undefined;
96
+ customColor?: string | undefined;
97
+ customBackgroundColor?: string | undefined;
60
98
  maxWidth?: import("csstype").Property.Width<string | number> | undefined;
61
99
  size?: string | undefined;
62
100
  view?: string | undefined;
101
+ } & {
102
+ contentLeft?: undefined;
103
+ contentRight?: import("react").ReactNode;
104
+ } & {
105
+ children?: import("react").ReactNode;
106
+ } & {
107
+ pilled?: true | undefined;
108
+ transparent?: boolean | undefined;
109
+ clear?: false | undefined;
110
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
111
+ text?: string | undefined;
112
+ customColor?: string | undefined;
113
+ customBackgroundColor?: string | undefined;
114
+ maxWidth?: import("csstype").Property.Width<string | number> | undefined;
115
+ size?: string | undefined;
116
+ view?: string | undefined;
117
+ } & {
118
+ contentLeft?: undefined;
119
+ contentRight?: import("react").ReactNode;
63
120
  } & {
64
121
  children?: import("react").ReactNode;
65
122
  } & {
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKlB,CAAC"}
1
+ {"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKlB,CAAC"}
@@ -26,11 +26,14 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
26
26
  };
27
27
  }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
28
28
  text?: string | undefined;
29
- contentLeft?: import("react").ReactNode;
30
- contentRight?: import("react").ReactNode;
29
+ customColor?: string | undefined;
30
+ customBackgroundColor?: string | undefined;
31
31
  maxWidth?: import("csstype").Property.Width<string | number> | undefined;
32
32
  size?: string | undefined;
33
33
  view?: string | undefined;
34
+ } & {
35
+ contentLeft?: import("react").ReactNode;
36
+ contentRight?: undefined;
34
37
  } & {
35
38
  children?: import("react").ReactNode;
36
39
  } & {
@@ -39,11 +42,14 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
39
42
  transparent?: false | undefined;
40
43
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
41
44
  text?: string | undefined;
42
- contentLeft?: import("react").ReactNode;
43
- contentRight?: import("react").ReactNode;
45
+ customColor?: string | undefined;
46
+ customBackgroundColor?: string | undefined;
44
47
  maxWidth?: import("csstype").Property.Width<string | number> | undefined;
45
48
  size?: string | undefined;
46
49
  view?: string | undefined;
50
+ } & {
51
+ contentLeft?: import("react").ReactNode;
52
+ contentRight?: undefined;
47
53
  } & {
48
54
  children?: import("react").ReactNode;
49
55
  } & {
@@ -52,11 +58,62 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
52
58
  clear?: false | undefined;
53
59
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
54
60
  text?: string | undefined;
61
+ customColor?: string | undefined;
62
+ customBackgroundColor?: string | undefined;
63
+ maxWidth?: import("csstype").Property.Width<string | number> | undefined;
64
+ size?: string | undefined;
65
+ view?: string | undefined;
66
+ } & {
55
67
  contentLeft?: import("react").ReactNode;
68
+ contentRight?: undefined;
69
+ } & {
70
+ children?: import("react").ReactNode;
71
+ } & {
72
+ pilled?: boolean | undefined;
73
+ transparent?: true | undefined;
74
+ clear?: false | undefined;
75
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
76
+ text?: string | undefined;
77
+ customColor?: string | undefined;
78
+ customBackgroundColor?: string | undefined;
79
+ maxWidth?: import("csstype").Property.Width<string | number> | undefined;
80
+ size?: string | undefined;
81
+ view?: string | undefined;
82
+ } & {
83
+ contentLeft?: undefined;
56
84
  contentRight?: import("react").ReactNode;
85
+ } & {
86
+ children?: import("react").ReactNode;
87
+ } & {
88
+ clear?: true | undefined;
89
+ pilled?: false | undefined;
90
+ transparent?: false | undefined;
91
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
92
+ text?: string | undefined;
93
+ customColor?: string | undefined;
94
+ customBackgroundColor?: string | undefined;
57
95
  maxWidth?: import("csstype").Property.Width<string | number> | undefined;
58
96
  size?: string | undefined;
59
97
  view?: string | undefined;
98
+ } & {
99
+ contentLeft?: undefined;
100
+ contentRight?: import("react").ReactNode;
101
+ } & {
102
+ children?: import("react").ReactNode;
103
+ } & {
104
+ pilled?: true | undefined;
105
+ transparent?: boolean | undefined;
106
+ clear?: false | undefined;
107
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
108
+ text?: string | undefined;
109
+ customColor?: string | undefined;
110
+ customBackgroundColor?: string | undefined;
111
+ maxWidth?: import("csstype").Property.Width<string | number> | undefined;
112
+ size?: string | undefined;
113
+ view?: string | undefined;
114
+ } & {
115
+ contentLeft?: undefined;
116
+ contentRight?: import("react").ReactNode;
60
117
  } & {
61
118
  children?: import("react").ReactNode;
62
119
  } & {
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
@@ -1 +0,0 @@
1
- .b1e1wuvi.badge-clear{color:var(--plasma-badge-color-clear);background-color:transparent;padding:0;}
@@ -1 +0,0 @@
1
- .binquhc.badge-transparent{color:var(--plasma-badge-color-transparent);background-color:var(--plasma-badge-background-transparent);}
@@ -1 +0,0 @@
1
- .b5zny0e{color:var(--plasma-badge-color);background-color:var(--plasma-badge-background);}
@@ -1 +0,0 @@
1
- .b1e1wuvi.badge-clear{color:var(--plasma-badge-color-clear);background-color:transparent;padding:0;}
@@ -1 +0,0 @@
1
- .binquhc.badge-transparent{color:var(--plasma-badge-color-transparent);background-color:var(--plasma-badge-background-transparent);}
@@ -1 +0,0 @@
1
- .b5zny0e{color:var(--plasma-badge-color);background-color:var(--plasma-badge-background);}