@salutejs/plasma-new-hope 0.180.0-dev.0 → 0.181.0-canary.1500.11604396450.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (204) hide show
  1. package/cjs/components/Badge/Badge.css +2 -0
  2. package/cjs/components/Badge/Badge.js +17 -4
  3. package/cjs/components/Badge/Badge.js.map +1 -1
  4. package/cjs/components/Badge/Badge.tokens.js +2 -1
  5. package/cjs/components/Badge/Badge.tokens.js.map +1 -1
  6. package/cjs/components/Badge/variations/_truncate/base.js +9 -0
  7. package/cjs/components/Badge/variations/_truncate/base.js.map +1 -0
  8. package/cjs/components/Badge/variations/_truncate/base_nf9u2h.css +1 -0
  9. package/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -1
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  11. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
  12. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  13. package/cjs/components/Tabs/tokens.js +2 -1
  14. package/cjs/components/Tabs/tokens.js.map +1 -1
  15. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +7 -5
  16. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +14 -3
  17. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
  18. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  19. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  20. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_hfqv5b.css → HorizontalTabItem.styles_1vj7dbl.css} +1 -1
  21. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +9 -0
  22. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +1 -0
  23. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +1 -0
  24. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +7 -5
  25. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +14 -3
  26. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
  27. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  28. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  29. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_hh65kv.css +5 -0
  30. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +9 -0
  31. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +1 -0
  32. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +1 -0
  33. package/cjs/index.css +16 -10
  34. package/emotion/cjs/components/Badge/Badge.js +22 -4
  35. package/emotion/cjs/components/Badge/Badge.tokens.js +2 -1
  36. package/emotion/cjs/components/Badge/variations/_truncate/base.js +10 -0
  37. package/emotion/cjs/components/Badge/variations/_truncate/tokens.json +1 -0
  38. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -1
  39. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
  40. package/emotion/cjs/components/Tabs/tokens.js +2 -1
  41. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +19 -3
  42. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  43. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +10 -0
  44. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
  45. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +19 -3
  46. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  47. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +10 -0
  48. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
  49. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +17 -14
  50. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
  51. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +51 -19
  52. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
  53. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
  54. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +51 -19
  55. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
  56. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
  57. package/emotion/es/components/Badge/Badge.js +23 -4
  58. package/emotion/es/components/Badge/Badge.tokens.js +2 -1
  59. package/emotion/es/components/Badge/variations/_truncate/base.js +4 -0
  60. package/emotion/es/components/Badge/variations/_truncate/tokens.json +1 -0
  61. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +2 -1
  62. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
  63. package/emotion/es/components/Tabs/tokens.js +2 -1
  64. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +20 -3
  65. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  66. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +4 -0
  67. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
  68. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +20 -3
  69. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  70. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +4 -0
  71. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
  72. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +17 -14
  73. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
  74. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +51 -19
  75. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
  76. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
  77. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +51 -19
  78. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +18 -15
  79. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +9 -6
  80. package/es/components/Badge/Badge.css +2 -0
  81. package/es/components/Badge/Badge.js +18 -5
  82. package/es/components/Badge/Badge.js.map +1 -1
  83. package/es/components/Badge/Badge.tokens.js +2 -1
  84. package/es/components/Badge/Badge.tokens.js.map +1 -1
  85. package/es/components/Badge/variations/_truncate/base.js +5 -0
  86. package/es/components/Badge/variations/_truncate/base.js.map +1 -0
  87. package/es/components/Badge/variations/_truncate/base_nf9u2h.css +1 -0
  88. package/es/components/Combobox/ComboboxNew/Combobox.js +2 -1
  89. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  90. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
  91. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  92. package/es/components/Tabs/tokens.js +2 -1
  93. package/es/components/Tabs/tokens.js.map +1 -1
  94. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +7 -5
  95. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +15 -4
  96. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
  97. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  98. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  99. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_hfqv5b.css → HorizontalTabItem.styles_1vj7dbl.css} +1 -1
  100. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +5 -0
  101. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +1 -0
  102. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +1 -0
  103. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +7 -5
  104. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +15 -4
  105. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
  106. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  107. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  108. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_hh65kv.css +5 -0
  109. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +5 -0
  110. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +1 -0
  111. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +1 -0
  112. package/es/index.css +16 -10
  113. package/package.json +2 -2
  114. package/styled-components/cjs/components/Badge/Badge.js +22 -4
  115. package/styled-components/cjs/components/Badge/Badge.tokens.js +2 -1
  116. package/styled-components/cjs/components/Badge/variations/_truncate/base.js +10 -0
  117. package/styled-components/cjs/components/Badge/variations/_truncate/tokens.json +1 -0
  118. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -1
  119. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
  120. package/styled-components/cjs/components/Tabs/tokens.js +2 -1
  121. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +19 -3
  122. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  123. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +10 -0
  124. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
  125. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +19 -3
  126. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +2 -2
  127. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +10 -0
  128. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
  129. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +3 -0
  130. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
  131. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +51 -19
  132. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
  133. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
  134. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +51 -19
  135. package/styled-components/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
  136. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
  137. package/styled-components/es/components/Badge/Badge.js +23 -4
  138. package/styled-components/es/components/Badge/Badge.tokens.js +2 -1
  139. package/styled-components/es/components/Badge/variations/_truncate/base.js +4 -0
  140. package/styled-components/es/components/Badge/variations/_truncate/tokens.json +1 -0
  141. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +2 -1
  142. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +2 -1
  143. package/styled-components/es/components/Tabs/tokens.js +2 -1
  144. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +20 -3
  145. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  146. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +4 -0
  147. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +1 -0
  148. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +20 -3
  149. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +2 -2
  150. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +4 -0
  151. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +1 -0
  152. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +3 -0
  153. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +5 -1
  154. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +51 -19
  155. package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
  156. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
  157. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +51 -19
  158. package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +3 -0
  159. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +3 -0
  160. package/types/components/Badge/Badge.d.ts +10 -2
  161. package/types/components/Badge/Badge.d.ts.map +1 -1
  162. package/types/components/Badge/Badge.tokens.d.ts +1 -0
  163. package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
  164. package/types/components/Badge/Badge.types.d.ts +5 -0
  165. package/types/components/Badge/Badge.types.d.ts.map +1 -1
  166. package/types/components/Badge/variations/_truncate/base.d.ts +2 -0
  167. package/types/components/Badge/variations/_truncate/base.d.ts.map +1 -0
  168. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  169. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +2 -1
  170. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  171. package/types/components/Tabs/TabItem.types.d.ts +5 -0
  172. package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
  173. package/types/components/Tabs/tokens.d.ts +1 -0
  174. package/types/components/Tabs/tokens.d.ts.map +1 -1
  175. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +9 -2
  176. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
  177. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
  178. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts +2 -0
  179. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts.map +1 -0
  180. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +9 -2
  181. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
  182. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
  183. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts +2 -0
  184. package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts.map +1 -0
  185. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +3 -0
  186. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
  187. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +6 -0
  188. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  189. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +6 -0
  190. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
  191. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +3 -0
  192. package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
  193. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +3 -0
  194. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
  195. package/types/examples/plasma_web/components/Badge/Badge.d.ts +3 -0
  196. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  197. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +6 -0
  198. package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
  199. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +3 -0
  200. package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
  201. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +3 -0
  202. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
  203. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
  204. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_16d3lah.css +0 -5
@@ -28,6 +28,9 @@ export var config = {
28
28
  },
29
29
  pilled: {
30
30
  "true": /*#__PURE__*/css(["", ":1.5rem;"], tabsTokens.itemPilledBorderRadius)
31
+ },
32
+ truncate: {
33
+ "true": /*#__PURE__*/css([""])
31
34
  }
32
35
  }
33
36
  };
@@ -17,6 +17,9 @@ export var config = {
17
17
  },
18
18
  disabled: {
19
19
  "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
20
+ },
21
+ truncate: {
22
+ "true": /*#__PURE__*/css([""])
20
23
  }
21
24
  }
22
25
  };
@@ -29,6 +29,7 @@ type CustomStoryTabsProps = {
29
29
 
30
30
  const contentLeftOptions = ['none', 'icon'];
31
31
  const contentRightOptions = ['none', 'counter', 'icon'];
32
+ const labels = ['Label', 'Middle label', 'Very long label'];
32
33
 
33
34
  const getContentLeft = (contentLeftOption: string, size: string) => {
34
35
  const iconSize = size === 'xs' ? 'xs' : 's';
@@ -76,6 +77,12 @@ const meta: Meta<StoryTabsProps> = {
76
77
  },
77
78
  if: { arg: 'helperText', eq: '' },
78
79
  },
80
+ maxItemWidth: {
81
+ control: {
82
+ type: 'text',
83
+ },
84
+ if: { arg: 'stretch', truthy: false },
85
+ },
79
86
  },
80
87
  };
81
88
 
@@ -90,13 +97,14 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
90
97
  contentRight: contentRightOption,
91
98
  hasDivider,
92
99
  stretch,
100
+ maxItemWidth,
93
101
  helperText,
94
102
  } = props;
95
103
  const items = Array(itemQuantity).fill(0);
96
104
  const [index, setIndex] = useState(0);
97
105
 
98
106
  return (
99
- <Tabs view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
107
+ <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
100
108
  {items.map((_, i) => {
101
109
  if (helperText !== '') {
102
110
  return (
@@ -110,8 +118,9 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
110
118
  value={helperText}
111
119
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
112
120
  size={size as Size}
121
+ maxItemWidth={maxItemWidth}
113
122
  >
114
- {`Label${i + 1}`}
123
+ {`${labels[i % labels.length]} ${i + 1}`}
115
124
  </TabItem>
116
125
  );
117
126
  }
@@ -127,8 +136,9 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
127
136
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
128
137
  contentRight={getContentRight(contentRightOption, size as Size)}
129
138
  size={size as Size}
139
+ maxItemWidth={maxItemWidth}
130
140
  >
131
- {`Label${i + 1}`}
141
+ {`${labels[i % labels.length]} ${i + 1}`}
132
142
  </TabItem>
133
143
  );
134
144
  })}
@@ -147,6 +157,7 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
147
157
  hasDivider,
148
158
  helperText,
149
159
  width,
160
+ maxItemWidth,
150
161
  } = props;
151
162
  const items = Array(itemQuantity).fill(0);
152
163
  const [index, setIndex] = useState(0);
@@ -166,8 +177,9 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
166
177
  value={helperText}
167
178
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
168
179
  size={size as Size}
180
+ maxItemWidth={maxItemWidth}
169
181
  >
170
- {`Label${i + 1}`}
182
+ {`${labels[i % labels.length]} ${i + 1}`}
171
183
  </TabItem>
172
184
  );
173
185
  }
@@ -183,8 +195,9 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
183
195
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
184
196
  contentRight={getContentRight(contentRightOption, size as Size)}
185
197
  size={size as Size}
198
+ maxItemWidth={maxItemWidth}
186
199
  >
187
- {`Label${i + 1}`}
200
+ {`${labels[i % labels.length]} ${i + 1}`}
188
201
  </TabItem>
189
202
  );
190
203
  })}
@@ -202,6 +215,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
202
215
  contentRight: contentRightOption,
203
216
  hasDivider,
204
217
  helperText,
218
+ maxItemWidth,
205
219
  } = props;
206
220
  const maxItemQuantity = 3;
207
221
  const items = Array(itemQuantity).fill(0);
@@ -234,8 +248,9 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
234
248
  value={helperText}
235
249
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
236
250
  size={size as Size}
251
+ maxItemWidth={maxItemWidth}
237
252
  >
238
- {`Label${i + 1}`}
253
+ {`${labels[i % labels.length]} ${i + 1}`}
239
254
  </TabItem>
240
255
  );
241
256
  }
@@ -251,8 +266,9 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
251
266
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
252
267
  contentRight={getContentRight(contentRightOption, size as Size)}
253
268
  size={size as Size}
269
+ maxItemWidth={maxItemWidth}
254
270
  >
255
- {`Label${i + 1}`}
271
+ {`${labels[i % labels.length]} ${i + 1}`}
256
272
  </TabItem>
257
273
  );
258
274
  })}
@@ -269,6 +285,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
269
285
  tabIndex={!disabled ? 0 : -1}
270
286
  disabled={disabled}
271
287
  size={size as Size}
288
+ maxItemWidth="auto"
272
289
  >
273
290
  ShowAll
274
291
  </TabItem>
@@ -285,9 +302,10 @@ export const HorizontalTabs: StoryObj<HorizontalStoryTabsProps> = {
285
302
  disabled: false,
286
303
  hasDivider: true,
287
304
  helperText: '',
288
- itemQuantity: 8,
305
+ itemQuantity: 6,
289
306
  stretch: false,
290
307
  width: '15rem',
308
+ maxItemWidth: '',
291
309
  },
292
310
  argTypes: {
293
311
  contentLeft: {
@@ -343,6 +361,7 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
343
361
  contentRight: contentRightOption,
344
362
  hasDivider,
345
363
  helperText,
364
+ maxItemWidth,
346
365
  } = props;
347
366
  const items = Array(itemQuantity).fill(0);
348
367
  const [index, setIndex] = useState(0);
@@ -363,8 +382,9 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
363
382
  value={helperText}
364
383
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
365
384
  size={size as Size}
385
+ maxItemWidth={maxItemWidth}
366
386
  >
367
- {`Label${i + 1}`}
387
+ {`${labels[i % labels.length]} ${i + 1}`}
368
388
  </TabItem>
369
389
  );
370
390
  }
@@ -381,8 +401,9 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
381
401
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
382
402
  contentRight={getContentRight(contentRightOption, size as Size)}
383
403
  size={size as Size}
404
+ maxItemWidth={maxItemWidth}
384
405
  >
385
- {`Label${i + 1}`}
406
+ {`${labels[i % labels.length]} ${i + 1}`}
386
407
  </TabItem>
387
408
  );
388
409
  })}
@@ -401,6 +422,7 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
401
422
  hasDivider,
402
423
  helperText,
403
424
  height,
425
+ maxItemWidth,
404
426
  } = props;
405
427
  const items = Array(itemQuantity).fill(0);
406
428
  const [index, setIndex] = useState(0);
@@ -428,8 +450,9 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
428
450
  value={helperText}
429
451
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
430
452
  size={size as Size}
453
+ maxItemWidth={maxItemWidth}
431
454
  >
432
- {`Label${i + 1}`}
455
+ {`${labels[i % labels.length]} ${i + 1}`}
433
456
  </TabItem>
434
457
  );
435
458
  }
@@ -446,8 +469,9 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
446
469
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
447
470
  contentRight={getContentRight(contentRightOption, size as Size)}
448
471
  size={size as Size}
472
+ maxItemWidth={maxItemWidth}
449
473
  >
450
- {`Label${i + 1}`}
474
+ {`${labels[i % labels.length]} ${i + 1}`}
451
475
  </TabItem>
452
476
  );
453
477
  })}
@@ -465,6 +489,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
465
489
  contentRight: contentRightOption,
466
490
  hasDivider,
467
491
  helperText,
492
+ maxItemWidth,
468
493
  } = props;
469
494
  const maxItemQuantity = 3;
470
495
  const items = Array(itemQuantity).fill(0);
@@ -498,8 +523,9 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
498
523
  value={helperText}
499
524
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
500
525
  size={size as Size}
526
+ maxItemWidth={maxItemWidth}
501
527
  >
502
- {`Label${i + 1}`}
528
+ {`${labels[i % labels.length]} ${i + 1}`}
503
529
  </TabItem>
504
530
  );
505
531
  }
@@ -516,8 +542,9 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
516
542
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
517
543
  contentRight={getContentRight(contentRightOption, size as Size)}
518
544
  size={size as Size}
545
+ maxItemWidth={maxItemWidth}
519
546
  >
520
- {`Label${i + 1}`}
547
+ {`${labels[i % labels.length]} ${i + 1}`}
521
548
  </TabItem>
522
549
  );
523
550
  })}
@@ -534,6 +561,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
534
561
  tabIndex={!disabled ? 0 : -1}
535
562
  disabled={disabled}
536
563
  size={size as Size}
564
+ maxItemWidth="auto"
537
565
  >
538
566
  ShowAll
539
567
  </TabItem>
@@ -548,10 +576,11 @@ export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
548
576
  size: 'xs',
549
577
  disabled: false,
550
578
  hasDivider: true,
551
- itemQuantity: 8,
579
+ itemQuantity: 6,
552
580
  orientation: 'vertical',
553
581
  helperText: '',
554
582
  height: '10rem',
583
+ maxItemWidth: '',
555
584
  },
556
585
  argTypes: {
557
586
  contentLeft: {
@@ -604,7 +633,7 @@ export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
604
633
  };
605
634
 
606
635
  const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
607
- const { disabled, itemQuantity, size, helperText } = props;
636
+ const { disabled, itemQuantity, size, helperText, maxItemWidth } = props;
608
637
  const items = Array(itemQuantity).fill(0);
609
638
  const [index, setIndex] = useState(0);
610
639
 
@@ -620,6 +649,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
620
649
  disabled={disabled}
621
650
  value={helperText}
622
651
  size={size as HeaderSize}
652
+ maxItemWidth={maxItemWidth}
623
653
  >
624
654
  {`Label${i + 1}`}
625
655
  </TabItem>
@@ -629,7 +659,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
629
659
  };
630
660
 
631
661
  const StoryHeaderScroll = (props: HorizontalStoryTabsProps) => {
632
- const { disabled, itemQuantity, size, helperText, width } = props;
662
+ const { disabled, itemQuantity, size, helperText, width, maxItemWidth } = props;
633
663
  const items = Array(itemQuantity).fill(0);
634
664
  const [index, setIndex] = useState(0);
635
665
 
@@ -645,8 +675,9 @@ const StoryHeaderScroll = (props: HorizontalStoryTabsProps) => {
645
675
  disabled={disabled}
646
676
  value={helperText}
647
677
  size={size as HeaderSize}
678
+ maxItemWidth={maxItemWidth}
648
679
  >
649
- {`Label${i + 1}`}
680
+ {`${labels[i % labels.length]} ${i + 1}`}
650
681
  </TabItem>
651
682
  ))}
652
683
  </Tabs>
@@ -658,8 +689,9 @@ export const HeaderTabs: StoryObj<HorizontalStoryTabsProps> = {
658
689
  size: 'h5',
659
690
  disabled: false,
660
691
  helperText: '',
661
- itemQuantity: 6,
692
+ itemQuantity: 4,
662
693
  width: '12rem',
694
+ maxItemWidth: '',
663
695
  },
664
696
  argTypes: {
665
697
  clip: {
@@ -28,6 +28,9 @@ export var config = {
28
28
  },
29
29
  pilled: {
30
30
  "true": /*#__PURE__*/css(["", ":1.5rem;"], tabsTokens.itemPilledBorderRadius)
31
+ },
32
+ truncate: {
33
+ "true": /*#__PURE__*/css([""])
31
34
  }
32
35
  }
33
36
  };
@@ -17,6 +17,9 @@ export var config = {
17
17
  },
18
18
  disabled: {
19
19
  "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
20
+ },
21
+ truncate: {
22
+ "true": /*#__PURE__*/css([""])
20
23
  }
21
24
  }
22
25
  };
@@ -1,11 +1,15 @@
1
1
  import React from 'react';
2
2
  import type { RootProps } from '../../engines';
3
3
  import type { BadgeProps, BadgeRootProps } from './Badge.types';
4
- export declare const badgeRoot: (Root: RootProps<HTMLDivElement, BadgeRootProps>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
4
+ export declare const badgeRoot: (Root: RootProps<HTMLDivElement, BadgeRootProps & {
5
+ truncate: boolean;
6
+ }>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
5
7
  export declare const badgeConfig: {
6
8
  name: string;
7
9
  tag: string;
8
- layout: (Root: RootProps<HTMLDivElement, BadgeRootProps>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
10
+ layout: (Root: RootProps<HTMLDivElement, BadgeRootProps & {
11
+ truncate: boolean;
12
+ }>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
9
13
  base: import("@linaria/core").LinariaClassName;
10
14
  variations: {
11
15
  view: {
@@ -26,6 +30,10 @@ export declare const badgeConfig: {
26
30
  css: import("@linaria/core").LinariaClassName;
27
31
  attrs: boolean;
28
32
  };
33
+ truncate: {
34
+ css: import("@linaria/core").LinariaClassName;
35
+ attrs: boolean;
36
+ };
29
37
  };
30
38
  defaults: {
31
39
  view: string;
@@ -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,sFAqCnE,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBAvCQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAoExE,CAAC"}
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;AAS/C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIhE,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,cAAc,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,sFA6C3F,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBA/CQ,UAAU,cAAc,EAAE,cAAc,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFhG,CAAC"}
@@ -2,6 +2,7 @@ export declare const classes: {
2
2
  badgePilled: string;
3
3
  badgeTransparent: string;
4
4
  badgeClear: string;
5
+ badgeTruncate: string;
5
6
  };
6
7
  export declare const tokens: {
7
8
  background: 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;;;;CAInB,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;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CA0BlB,CAAC"}
@@ -58,6 +58,11 @@ declare type CustomBadgeProps = {
58
58
  * Слот для контента справа, например `Icon`
59
59
  */
60
60
  contentRight?: ReactNode;
61
+ /**
62
+ * Обрезает контент по максимальной ширине и добавляет ...
63
+ * @default 'auto'
64
+ */
65
+ maxWidth?: string;
61
66
  /**
62
67
  * Размер Badge
63
68
  * @default
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,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;;;;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,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,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,MAAM,CAAC;IAClB;;;;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"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_truncate/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAqB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,+IA2YtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA7YQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAka3F,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAqB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,+IA4YtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA9YQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAma3F,CAAC"}
@@ -77,7 +77,7 @@ export declare type ComboboxProps<T extends ItemOption = ItemOption> = {
77
77
  items: Array<T>;
78
78
  /**
79
79
  * Сторона открытия дропдауна относительно target элемента.
80
- * @default bottom
80
+ * @default bottom-start
81
81
  */
82
82
  placement?: Placement;
83
83
  /**
@@ -161,6 +161,7 @@ export declare type FloatingPopoverProps = {
161
161
  onToggle: (opened: boolean) => void;
162
162
  placement: Placement;
163
163
  portal?: ComboboxProps['portal'];
164
+ listWidth?: ComboboxProps['listWidth'];
164
165
  offset?: number;
165
166
  };
166
167
  export declare type ItemContext = {
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}
@@ -41,6 +41,11 @@ export interface BaseTabItemProps extends ButtonHTMLAttributes<HTMLButtonElement
41
41
  * Индекс TabItem внутри Tabs - необходим для клавиатурной навигации
42
42
  */
43
43
  itemIndex?: number;
44
+ /**
45
+ * Обрезает контент по максимальной ширине и добавляет ...
46
+ * @default 'auto'
47
+ */
48
+ maxItemWidth?: string;
44
49
  }
45
50
  export declare type CustomHorizontalTabItemProps = {
46
51
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,oBAAY,YAAY,GAClB;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO;IACtF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oBAAY,4BAA4B,GAAG;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,YAAY,CAAC;AAEjB,oBAAY,wBAAwB,GAAG;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,GAAG,OAAO,CAAC,YAAY,EAAE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAEpD,oBAAY,0BAA0B,GAAG;IACrC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,YAAY,CAAC;AAEjB,oBAAY,sBAAsB,GAAG,gBAAgB,GAAG,CAAC,4BAA4B,GAAG,wBAAwB,CAAC,CAAC;AAElH,oBAAY,oBAAoB,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAEjF,oBAAY,YAAY,GAAG,sBAAsB,GAAG,oBAAoB,CAAC"}
1
+ {"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,oBAAY,YAAY,GAClB;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO;IACtF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,oBAAY,4BAA4B,GAAG;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,YAAY,CAAC;AAEjB,oBAAY,wBAAwB,GAAG;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB,GAAG,OAAO,CAAC,YAAY,EAAE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAEpD,oBAAY,0BAA0B,GAAG;IACrC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,YAAY,CAAC;AAEjB,oBAAY,sBAAsB,GAAG,gBAAgB,GAAG,CAAC,4BAA4B,GAAG,wBAAwB,CAAC,CAAC;AAElH,oBAAY,oBAAoB,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAEjF,oBAAY,YAAY,GAAG,sBAAsB,GAAG,oBAAoB,CAAC"}
@@ -15,6 +15,7 @@ export declare const classes: {
15
15
  tabsHasBottomArrow: string;
16
16
  tabsClipScroll: string;
17
17
  tabsClipShowAll: string;
18
+ tabsTruncate: string;
18
19
  };
19
20
  export declare const tokens: {
20
21
  disabledOpacity: string;
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ElB,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ElB,CAAC"}
@@ -1,11 +1,15 @@
1
1
  import React from 'react';
2
2
  import { RootProps } from '../../../../../engines';
3
3
  import { HorizontalTabItemProps } from '../../../TabItem.types';
4
- export declare const horizontalTabItemRoot: (Root: RootProps<HTMLDivElement, HorizontalTabItemProps>) => React.ForwardRefExoticComponent<HorizontalTabItemProps & React.RefAttributes<HTMLDivElement>>;
4
+ export declare const horizontalTabItemRoot: (Root: RootProps<HTMLDivElement, HorizontalTabItemProps & {
5
+ truncate: boolean;
6
+ }>) => React.ForwardRefExoticComponent<HorizontalTabItemProps & React.RefAttributes<HTMLDivElement>>;
5
7
  export declare const horizontalTabItemConfig: {
6
8
  name: string;
7
9
  tag: string;
8
- layout: (Root: RootProps<HTMLDivElement, HorizontalTabItemProps>) => React.ForwardRefExoticComponent<HorizontalTabItemProps & React.RefAttributes<HTMLDivElement>>;
10
+ layout: (Root: RootProps<HTMLDivElement, HorizontalTabItemProps & {
11
+ truncate: boolean;
12
+ }>) => React.ForwardRefExoticComponent<HorizontalTabItemProps & React.RefAttributes<HTMLDivElement>>;
9
13
  base: import("@linaria/core").LinariaClassName;
10
14
  variations: {
11
15
  size: {
@@ -21,6 +25,9 @@ export declare const horizontalTabItemConfig: {
21
25
  pilled: {
22
26
  css: import("@linaria/core").LinariaClassName;
23
27
  };
28
+ truncate: {
29
+ css: import("@linaria/core").LinariaClassName;
30
+ };
24
31
  };
25
32
  defaults: {
26
33
  view: string;
@@ -1 +1 @@
1
- {"version":3,"file":"HorizontalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAQhE,eAAO,MAAM,qBAAqB,SAAU,UAAU,cAAc,EAAE,sBAAsB,CAAC,kGAgHvF,CAAC;AAEP,eAAO,MAAM,uBAAuB;;;mBAlHQ,UAAU,cAAc,EAAE,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;CAyI5F,CAAC"}
1
+ {"version":3,"file":"HorizontalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAShE,eAAO,MAAM,qBAAqB,SACxB,UAAU,cAAc,EAAE,sBAAsB,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,kGAyH7E,CAAC;AAEP,eAAO,MAAM,uBAAuB;;;mBA3H1B,UAAU,cAAc,EAAE,sBAAsB,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;CAqJlF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"HorizontalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAqChB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKAExB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC"}
1
+ {"version":3,"file":"HorizontalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAsChB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKAExB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAYhB,CAAC"}
@@ -1,11 +1,15 @@
1
1
  import React from 'react';
2
2
  import { RootProps } from '../../../../../engines';
3
3
  import { VerticalTabItemProps } from '../../../TabItem.types';
4
- export declare const verticalTabItemRoot: (Root: RootProps<HTMLButtonElement, VerticalTabItemProps>) => React.ForwardRefExoticComponent<VerticalTabItemProps & React.RefAttributes<HTMLButtonElement>>;
4
+ export declare const verticalTabItemRoot: (Root: RootProps<HTMLButtonElement, VerticalTabItemProps & {
5
+ truncate: boolean;
6
+ }>) => React.ForwardRefExoticComponent<VerticalTabItemProps & React.RefAttributes<HTMLButtonElement>>;
5
7
  export declare const verticalTabItemConfig: {
6
8
  name: string;
7
9
  tag: string;
8
- layout: (Root: RootProps<HTMLButtonElement, VerticalTabItemProps>) => React.ForwardRefExoticComponent<VerticalTabItemProps & React.RefAttributes<HTMLButtonElement>>;
10
+ layout: (Root: RootProps<HTMLButtonElement, VerticalTabItemProps & {
11
+ truncate: boolean;
12
+ }>) => React.ForwardRefExoticComponent<VerticalTabItemProps & React.RefAttributes<HTMLButtonElement>>;
9
13
  base: import("@linaria/core").LinariaClassName;
10
14
  variations: {
11
15
  size: {
@@ -18,6 +22,9 @@ export declare const verticalTabItemConfig: {
18
22
  css: import("@linaria/core").LinariaClassName;
19
23
  attrs: boolean;
20
24
  };
25
+ truncate: {
26
+ css: import("@linaria/core").LinariaClassName;
27
+ };
21
28
  };
22
29
  defaults: {
23
30
  view: string;
@@ -1 +1 @@
1
- {"version":3,"file":"VerticalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAO9D,eAAO,MAAM,mBAAmB,SAAU,UAAU,iBAAiB,EAAE,oBAAoB,CAAC,mGAwGtF,CAAC;AAEP,eAAO,MAAM,qBAAqB;;;mBA1GQ,UAAU,iBAAiB,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;CA8H3F,CAAC"}
1
+ {"version":3,"file":"VerticalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SAAU,UAAU,iBAAiB,EAAE,oBAAoB,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,mGA+G9G,CAAC;AAEP,eAAO,MAAM,qBAAqB;;;mBAjHQ,UAAU,iBAAiB,EAAE,oBAAoB,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;;;;;;;;;;;;;;;;;;;;CAwInH,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"VerticalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAiChB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKAExB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC"}
1
+ {"version":3,"file":"VerticalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAiChB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKAGxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAYhB,CAAC"}
@@ -28,6 +28,9 @@ export declare const config: {
28
28
  clear: {
29
29
  true: import("@linaria/core").LinariaClassName;
30
30
  };
31
+ truncate: {
32
+ true: import("@linaria/core").LinariaClassName;
33
+ };
31
34
  };
32
35
  };
33
36
  //# sourceMappingURL=Badge.config.d.ts.map
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKlB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoKlB,CAAC"}