@salutejs/plasma-new-hope 0.141.0-canary.1422.10737462879.0 → 0.141.0-canary.1424.10769683181.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (185) hide show
  1. package/cjs/components/Badge/Badge.css +2 -0
  2. package/cjs/components/Badge/Badge.js +12 -3
  3. package/cjs/components/Badge/Badge.js.map +1 -1
  4. package/cjs/components/Badge/Badge.tokens.js +3 -1
  5. package/cjs/components/Badge/Badge.tokens.js.map +1 -1
  6. package/cjs/components/Badge/variations/_clear/base.js +9 -0
  7. package/cjs/components/Badge/variations/_clear/base.js.map +1 -0
  8. package/cjs/components/Badge/variations/_clear/base_w6r2lg.css +1 -0
  9. package/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -6
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  11. package/cjs/components/Combobox/ComboboxOld/Combobox.js +8 -15
  12. package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  13. package/cjs/index.css +2 -0
  14. package/emotion/cjs/components/Badge/Badge.js +12 -3
  15. package/emotion/cjs/components/Badge/Badge.template-doc.mdx +19 -28
  16. package/emotion/cjs/components/Badge/Badge.tokens.js +3 -1
  17. package/emotion/cjs/components/Badge/variations/_clear/base.js +9 -0
  18. package/emotion/cjs/components/Badge/variations/_clear/tokens.json +1 -0
  19. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -6
  20. package/emotion/cjs/components/Combobox/ComboboxOld/Combobox.js +8 -15
  21. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +15 -12
  22. package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -0
  23. package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +39 -0
  24. package/{styled-components/cjs/examples/plasma_b2c/components/Combobox → emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew}/Combobox.js +2 -2
  25. package/emotion/{es/examples/plasma_b2c/components/Combobox → cjs/examples/plasma_b2c/components/Combobox/ComboboxNew}/Combobox.stories.tsx +3 -5
  26. package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +25 -0
  27. package/emotion/cjs/examples/{plasma_web/components/Combobox/Legacy → plasma_b2c/components/Combobox/ComboboxOld}/Combobox.stories.tsx +16 -18
  28. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +15 -12
  29. package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -0
  30. package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +39 -0
  31. package/emotion/cjs/examples/plasma_web/components/Combobox/{Combobox.js → ComboboxNew/Combobox.js} +2 -2
  32. package/emotion/{es/examples/plasma_web/components/Combobox → cjs/examples/plasma_web/components/Combobox/ComboboxNew}/Combobox.stories.tsx +3 -5
  33. package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +25 -0
  34. package/emotion/cjs/examples/{plasma_b2c/components/Combobox/Legacy → plasma_web/components/Combobox/ComboboxOld}/Combobox.stories.tsx +16 -18
  35. package/emotion/es/components/Badge/Badge.js +12 -3
  36. package/emotion/es/components/Badge/Badge.template-doc.mdx +19 -28
  37. package/emotion/es/components/Badge/Badge.tokens.js +3 -1
  38. package/emotion/es/components/Badge/variations/_clear/base.js +3 -0
  39. package/emotion/es/components/Badge/variations/_clear/tokens.json +1 -0
  40. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +4 -6
  41. package/emotion/es/components/Combobox/ComboboxOld/Combobox.js +8 -15
  42. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +15 -12
  43. package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -0
  44. package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +33 -0
  45. package/emotion/es/examples/plasma_b2c/components/Combobox/{Combobox.js → ComboboxNew/Combobox.js} +2 -2
  46. package/emotion/{cjs/examples/plasma_web/components/Combobox → es/examples/plasma_b2c/components/Combobox/ComboboxNew}/Combobox.stories.tsx +3 -5
  47. package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +19 -0
  48. package/emotion/es/examples/plasma_b2c/components/Combobox/{Legacy → ComboboxOld}/Combobox.stories.tsx +16 -18
  49. package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +15 -12
  50. package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -0
  51. package/emotion/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +33 -0
  52. package/{styled-components/es/examples/plasma_b2c/components/Combobox → emotion/es/examples/plasma_web/components/Combobox/ComboboxNew}/Combobox.js +2 -2
  53. package/emotion/{cjs/examples/plasma_b2c/components/Combobox → es/examples/plasma_web/components/Combobox/ComboboxNew}/Combobox.stories.tsx +3 -5
  54. package/emotion/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +19 -0
  55. package/emotion/es/examples/plasma_web/components/Combobox/{Legacy → ComboboxOld}/Combobox.stories.tsx +16 -18
  56. package/es/components/Badge/Badge.css +2 -0
  57. package/es/components/Badge/Badge.js +12 -3
  58. package/es/components/Badge/Badge.js.map +1 -1
  59. package/es/components/Badge/Badge.tokens.js +3 -1
  60. package/es/components/Badge/Badge.tokens.js.map +1 -1
  61. package/es/components/Badge/variations/_clear/base.js +5 -0
  62. package/es/components/Badge/variations/_clear/base.js.map +1 -0
  63. package/es/components/Badge/variations/_clear/base_w6r2lg.css +1 -0
  64. package/es/components/Combobox/ComboboxNew/Combobox.js +4 -6
  65. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  66. package/es/components/Combobox/ComboboxOld/Combobox.js +8 -15
  67. package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
  68. package/es/index.css +2 -0
  69. package/package.json +2 -2
  70. package/styled-components/cjs/components/Badge/Badge.js +12 -3
  71. package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +19 -28
  72. package/styled-components/cjs/components/Badge/Badge.tokens.js +3 -1
  73. package/styled-components/cjs/components/Badge/variations/_clear/base.js +9 -0
  74. package/styled-components/cjs/components/Badge/variations/_clear/tokens.json +1 -0
  75. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -6
  76. package/styled-components/cjs/components/Combobox/ComboboxOld/Combobox.js +8 -15
  77. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +10 -7
  78. package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -0
  79. package/styled-components/cjs/examples/{plasma_web/components/Combobox → plasma_b2c/components/Combobox/ComboboxNew}/Combobox.config.js +1 -1
  80. package/{emotion/cjs/examples/plasma_b2c/components/Combobox → styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew}/Combobox.js +2 -2
  81. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
  82. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/{Legacy → ComboboxOld}/Combobox.config.js +1 -1
  83. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
  84. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +10 -7
  85. package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -0
  86. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +39 -0
  87. package/styled-components/cjs/examples/plasma_web/components/Combobox/{Combobox.js → ComboboxNew/Combobox.js} +2 -2
  88. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
  89. package/styled-components/cjs/examples/plasma_web/components/Combobox/{Legacy → ComboboxOld}/Combobox.config.js +1 -1
  90. package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
  91. package/styled-components/es/components/Badge/Badge.js +12 -3
  92. package/styled-components/es/components/Badge/Badge.template-doc.mdx +19 -28
  93. package/styled-components/es/components/Badge/Badge.tokens.js +3 -1
  94. package/styled-components/es/components/Badge/variations/_clear/base.js +3 -0
  95. package/styled-components/es/components/Badge/variations/_clear/tokens.json +1 -0
  96. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +4 -6
  97. package/styled-components/es/components/Combobox/ComboboxOld/Combobox.js +8 -15
  98. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +10 -7
  99. package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -0
  100. package/styled-components/es/examples/{plasma_web/components/Combobox → plasma_b2c/components/Combobox/ComboboxNew}/Combobox.config.js +1 -1
  101. package/styled-components/es/examples/{plasma_web/components/Combobox → plasma_b2c/components/Combobox/ComboboxNew}/Combobox.js +2 -2
  102. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
  103. package/styled-components/es/examples/plasma_b2c/components/Combobox/{Legacy → ComboboxOld}/Combobox.config.js +1 -1
  104. package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
  105. package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +10 -7
  106. package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -0
  107. package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +33 -0
  108. package/{emotion/es/examples/plasma_web/components/Combobox → styled-components/es/examples/plasma_web/components/Combobox/ComboboxNew}/Combobox.js +2 -2
  109. package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
  110. package/styled-components/es/examples/plasma_web/components/Combobox/{Legacy → ComboboxOld}/Combobox.config.js +1 -1
  111. package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
  112. package/types/components/Badge/Badge.d.ts +6 -0
  113. package/types/components/Badge/Badge.d.ts.map +1 -1
  114. package/types/components/Badge/Badge.tokens.d.ts +2 -0
  115. package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
  116. package/types/components/Badge/Badge.types.d.ts +6 -0
  117. package/types/components/Badge/Badge.types.d.ts.map +1 -1
  118. package/types/components/Badge/variations/_clear/base.d.ts +2 -0
  119. package/types/components/Badge/variations/_clear/base.d.ts.map +1 -0
  120. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  121. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -7
  122. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  123. package/types/components/Combobox/ComboboxOld/Combobox.d.ts.map +1 -1
  124. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +0 -6
  125. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
  126. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +3 -0
  127. package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
  128. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +4 -0
  129. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  130. package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +1 -0
  131. package/types/examples/plasma_b2c/components/Combobox/{Combobox.d.ts → ComboboxNew/Combobox.d.ts} +3 -3
  132. package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -0
  133. package/types/examples/plasma_b2c/components/Combobox/{Legacy → ComboboxOld}/Combobox.config.d.ts.map +1 -1
  134. package/types/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.d.ts.map +1 -0
  135. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +3 -0
  136. package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
  137. package/types/examples/plasma_web/components/Badge/Badge.d.ts +4 -0
  138. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  139. package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +1 -0
  140. package/types/examples/plasma_web/components/Combobox/{Combobox.d.ts → ComboboxNew/Combobox.d.ts} +3 -3
  141. package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -0
  142. package/types/examples/plasma_web/components/Combobox/{Legacy → ComboboxOld}/Combobox.config.d.ts.map +1 -1
  143. package/types/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.d.ts.map +1 -0
  144. package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +0 -344
  145. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +0 -39
  146. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +0 -25
  147. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +0 -39
  148. package/emotion/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +0 -25
  149. package/emotion/es/components/Combobox/Combobox.template-doc.mdx +0 -344
  150. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +0 -33
  151. package/emotion/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +0 -19
  152. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +0 -33
  153. package/emotion/es/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +0 -19
  154. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +0 -344
  155. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +0 -39
  156. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -368
  157. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.stories.tsx +0 -256
  158. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -368
  159. package/styled-components/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.stories.tsx +0 -256
  160. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +0 -344
  161. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +0 -33
  162. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -368
  163. package/styled-components/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.stories.tsx +0 -256
  164. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -368
  165. package/styled-components/es/examples/plasma_web/components/Combobox/Legacy/Combobox.stories.tsx +0 -256
  166. package/types/examples/plasma_b2c/components/Combobox/Combobox.config.d.ts.map +0 -1
  167. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +0 -1
  168. package/types/examples/plasma_b2c/components/Combobox/Legacy/Combobox.d.ts.map +0 -1
  169. package/types/examples/plasma_web/components/Combobox/Combobox.config.d.ts.map +0 -1
  170. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +0 -1
  171. package/types/examples/plasma_web/components/Combobox/Legacy/Combobox.d.ts.map +0 -1
  172. /package/emotion/cjs/examples/plasma_b2c/components/Combobox/{Legacy → ComboboxOld}/Combobox.js +0 -0
  173. /package/emotion/cjs/examples/plasma_web/components/Combobox/{Legacy → ComboboxOld}/Combobox.js +0 -0
  174. /package/emotion/es/examples/plasma_b2c/components/Combobox/{Legacy → ComboboxOld}/Combobox.js +0 -0
  175. /package/emotion/es/examples/plasma_web/components/Combobox/{Legacy → ComboboxOld}/Combobox.js +0 -0
  176. /package/styled-components/cjs/examples/plasma_b2c/components/Combobox/{Legacy → ComboboxOld}/Combobox.js +0 -0
  177. /package/styled-components/cjs/examples/plasma_web/components/Combobox/{Legacy → ComboboxOld}/Combobox.js +0 -0
  178. /package/styled-components/es/examples/plasma_b2c/components/Combobox/{Legacy → ComboboxOld}/Combobox.js +0 -0
  179. /package/styled-components/es/examples/plasma_web/components/Combobox/{Legacy → ComboboxOld}/Combobox.js +0 -0
  180. /package/types/examples/plasma_b2c/components/Combobox/{Combobox.config.d.ts → ComboboxNew/Combobox.config.d.ts} +0 -0
  181. /package/types/examples/plasma_b2c/components/Combobox/{Legacy → ComboboxOld}/Combobox.config.d.ts +0 -0
  182. /package/types/examples/plasma_b2c/components/Combobox/{Legacy → ComboboxOld}/Combobox.d.ts +0 -0
  183. /package/types/examples/plasma_web/components/Combobox/{Combobox.config.d.ts → ComboboxNew/Combobox.config.d.ts} +0 -0
  184. /package/types/examples/plasma_web/components/Combobox/{Legacy → ComboboxOld}/Combobox.config.d.ts +0 -0
  185. /package/types/examples/plasma_web/components/Combobox/{Legacy → ComboboxOld}/Combobox.d.ts +0 -0
@@ -1,344 +0,0 @@
1
- ---
2
- id: combobox
3
- title: Combobox
4
- ---
5
-
6
- import { PropsTable, Description, StorybookLink } from '@site/src/components';
7
- import Tabs from '@theme/Tabs';
8
- import TabItem from '@theme/TabItem';
9
-
10
- # Combobox
11
-
12
- <Description name="Combobox" />
13
- <PropsTable name="Combobox" />
14
-
15
- ## Использование
16
- Обязательным параметром является только `items`. Внутри items может быть такой же вложенный массив items. Формат следующий:
17
-
18
- ```tsx
19
- type Items = Array<{
20
- /**
21
- * Значение у item
22
- */
23
- value: string;
24
- /**
25
- * Метка-подпись к item
26
- */
27
- label: string;
28
- /**
29
- * Список дочерних items.
30
- */
31
- items?: Array<ItemOption>;
32
- /**
33
- * Item не активен
34
- */
35
- disabled?: boolean;
36
- /**
37
- * Слот для контента слева
38
- */
39
- contentLeft?: ReactNode;
40
- /**
41
- * Слот для контента справа
42
- */
43
- contentRight?: ReactNode;
44
- }>;
45
- ```
46
-
47
- Тип выбора комбобокса - одиночный или множественный зависит от типа `value` и `onChange`. В одиночном value - `string`, в множественном - `Array<string>`.\
48
-
49
-
50
- ## Примеры
51
-
52
- <Tabs>
53
- <TabItem value="single" label="Single" default>
54
- ```tsx live
55
- import React from 'react';
56
- import { Combobox } from '@salutejs/{{ package }}';
57
-
58
- export function App() {
59
- const [value, setValue] = useState('');
60
-
61
- const items = [
62
- {
63
- value: 'north_america',
64
- label: 'Северная Америка',
65
- },
66
- {
67
- value: 'south_america',
68
- label: 'Южная Америка',
69
- items: [
70
- {
71
- value: 'brazil',
72
- label: 'Бразилия',
73
- },
74
- {
75
- value: 'argentina',
76
- label: 'Аргентина',
77
- },
78
- ],
79
- },
80
- ];
81
-
82
- return (
83
- <div style=\{{ display: 'flex', gap: '30px', height: '300px' }}>
84
- <div style=\{{width: '300px'}}>
85
- <Combobox
86
- items={items}
87
- value={value}
88
- onChange={setValue}
89
- placeholder="Placeholder"
90
- label="Label"
91
- helperText="Helper text"
92
- />
93
- </div>
94
- </div>
95
- );
96
- }
97
- ```
98
- </TabItem>
99
- <TabItem value="multiple" label="Multiple">
100
- ```tsx live
101
- import React from 'react';
102
- import { Combobox } from '@salutejs/{{ package }}';
103
-
104
- export function App() {
105
- const [value, setValue] = useState([]);
106
-
107
- const items = [
108
- {
109
- value: 'north_america',
110
- label: 'Северная Америка',
111
- },
112
- {
113
- value: 'south_america',
114
- label: 'Южная Америка',
115
- items: [
116
- {
117
- value: 'brazil',
118
- label: 'Бразилия',
119
- },
120
- {
121
- value: 'argentina',
122
- label: 'Аргентина',
123
- },
124
- ],
125
- },
126
- ];
127
-
128
- return (
129
- <div style=\{{ display: 'flex', gap: '30px', height: '300px' }}>
130
- <div style=\{{width: '300px'}}>
131
- <Combobox
132
- multiple
133
- items={items}
134
- value={value}
135
- onChange={setValue}
136
- placeholder="Placeholder"
137
- label="Label"
138
- helperText="Helper text"
139
- />
140
- </div>
141
- </div>
142
- );
143
- }
144
- ```
145
- </TabItem>
146
- <TabItem value="predefined" label="Predefined">
147
- Есть возможность задать значения по дефолту (главное, чтобы они находились в `items`). Также можно управлять состоянием снаружи селекта.
148
-
149
- ```tsx live
150
- import React from 'react';
151
- import { Combobox, Button } from '@salutejs/{{ package }}';
152
-
153
- export function App() {
154
- const [multipleValue, setMultipleValue] = useState(['brazil', 'north_america']);
155
-
156
- const items = [
157
- {
158
- value: 'north_america',
159
- label: 'Северная Америка',
160
- },
161
- {
162
- value: 'south_america',
163
- label: 'Южная Америка',
164
- items: [
165
- {
166
- value: 'brazil',
167
- label: 'Бразилия',
168
- },
169
- {
170
- value: 'argentina',
171
- label: 'Аргентина',
172
- },
173
- ],
174
- },
175
- ];
176
-
177
- return (
178
- <div style=\{{ display: 'flex', gap: '30px', height: '300px' }}>
179
- <div style=\{{width: '300px'}}>
180
- <Combobox
181
- multiple
182
- items={items}
183
- value={multipleValue}
184
- onChange={setMultipleValue}
185
- placeholder="Placeholder"
186
- label="Label"
187
- helperText="Helper text"
188
- />
189
- </div>
190
-
191
- <Button onClick={() => setMultipleValue([])}>Очистить</Button>
192
- </div>
193
- );
194
- }
195
- ```
196
- </TabItem>
197
- <TabItem value="portal" label="Portal">
198
- Иногда возникает необходимость вынесения выпадающего списка на уровни выше в DOM. К примеру, когда у родительского блока имеется скролл, и список будет обрезаться, чего хотелось бы избежать.\
199
- Для такой реализации имеется пропс `portal`, который принимает либо `ref` либо `id` html-тега.\
200
- Также нужно прокинуть проп `listWidth`, чтобы явно задать ширину списку. Если этого не сделать, то будет взята ширина 100% от блока, на который ведет ссылка портала.
201
-
202
- ```tsx live
203
- import React, { useRef } from 'react';
204
- import { Combobox } from '@salutejs/{{ package }}';
205
-
206
- export function App() {
207
- const [value, setValue] = useState('');
208
-
209
- const items = [
210
- {
211
- value: 'north_america',
212
- label: 'Северная Америка',
213
- },
214
- {
215
- value: 'south_america',
216
- label: 'Южная Америка',
217
- items: [
218
- {
219
- value: 'brazil',
220
- label: 'Бразилия',
221
- },
222
- {
223
- value: 'argentina',
224
- label: 'Аргентина',
225
- },
226
- ],
227
- },
228
- ];
229
-
230
- const ref = useRef(null)
231
-
232
- return (
233
- <div style=\{{ height: '300px' }} ref={ref}>
234
- <div style=\{{width: '300px'}}>
235
- <Combobox
236
- items={items}
237
- value={value}
238
- onChange={setValue}
239
- placeholder="Placeholder"
240
- label="Label"
241
- helperText="Helper text"
242
- portal={ref}
243
- listWidth="300px"
244
- />
245
- </div>
246
- </div>
247
- );
248
- }
249
- ```
250
- </TabItem>
251
- <TabItem value="uncontrolled" label="Uncontrolled">
252
- `value` и `onChange` - опциональные параметры. Если вы хотите `uncontrolled` вариант компонента - их пробрасывать необязательно.
253
-
254
- ```tsx live
255
- import React from 'react';
256
- import { Combobox } from '@salutejs/{{ package }}';
257
-
258
- export function App() {
259
- const items = [
260
- {
261
- value: 'north_america',
262
- label: 'Северная Америка',
263
- },
264
- {
265
- value: 'south_america',
266
- label: 'Южная Америка',
267
- items: [
268
- {
269
- value: 'brazil',
270
- label: 'Бразилия',
271
- },
272
- {
273
- value: 'argentina',
274
- label: 'Аргентина',
275
- },
276
- ],
277
- },
278
- ];
279
-
280
- return (
281
- <div style=\{{ height: '300px' }}>
282
- <div style=\{{width: '300px'}}>
283
- <Combobox
284
- items={items}
285
- placeholder="Placeholder"
286
- label="Label"
287
- helperText="Helper text"
288
- />
289
- </div>
290
- </div>
291
- );
292
- }
293
- ```
294
- </TabItem>
295
- <TabItem value="alwaysOpened" label="Always opened">
296
- Свойство alwaysOpened позволяет отображать Combobox всегда открытым. При этом closeAfterSelect игнорируется.
297
-
298
- ```tsx live
299
- import React from 'react';
300
- import { Combobox } from '@salutejs/{{ package }}';
301
-
302
- export function App() {
303
- const items = [
304
- {
305
- value: 'north_america',
306
- label: 'Северная Америка',
307
- },
308
- {
309
- value: 'south_america',
310
- label: 'Южная Америка',
311
- items: [
312
- {
313
- value: 'brazil',
314
- label: 'Бразилия',
315
- },
316
- {
317
- value: 'argentina',
318
- label: 'Аргентина',
319
- },
320
- ],
321
- },
322
- ];
323
-
324
- return (
325
- <div style=\{{ height: '300px' }}>
326
- <div style=\{{width: '300px'}}>
327
- <Combobox
328
- items={items}
329
- placeholder="Placeholder"
330
- label="Label"
331
- helperText="Helper text"
332
- alwaysOpened
333
- />
334
- </div>
335
- </div>
336
- );
337
- }
338
- ```
339
- </TabItem>
340
- </Tabs>
341
-
342
- ## Клавиатурная навигация
343
-
344
- Данный компонент соответствует требования W3C: [Combobox](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) и частично [TreeView](https://www.w3.org/WAI/ARIA/apg/patterns/treeview/).
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Combobox = /*#__PURE__*/require("../../../../components/Combobox");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- size: 'm',
13
- labelPlacement: 'outer'
14
- },
15
- variations: {
16
- view: {
17
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-accent);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBorderColor, _Combobox.comboboxNewTokens.textFieldBorderColorHover, _Combobox.comboboxNewTokens.textFieldBorderColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
18
- positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBorderColor, _Combobox.comboboxNewTokens.textFieldBorderColorHover, _Combobox.comboboxNewTokens.textFieldBorderColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
19
- warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBorderColor, _Combobox.comboboxNewTokens.textFieldBorderColorHover, _Combobox.comboboxNewTokens.textFieldBorderColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
20
- negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldBorderColor, _Combobox.comboboxNewTokens.textFieldBorderColorHover, _Combobox.comboboxNewTokens.textFieldBorderColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly)
21
- },
22
- size: {
23
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":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.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1rem;", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":1rem 1rem 1rem 0.875rem;", ":0.75rem 1rem 0.75rem 0.875rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldBorderWidth, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
24
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":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.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.875rem 1rem 0.875rem 1rem;", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.75rem 0.75rem 0.75rem;", ":0.5rem 0.75rem 0.5rem 0.75rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldBorderWidth, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
25
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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.5rem;", ":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.25rem;", ":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.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":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.625rem 0.875rem 0.625rem 0.875rem;", ":0.125rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem 0.5rem 0.675rem;", ":0.25rem 0.75rem 0.25rem 0.675rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":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);", ":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);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldBorderWidth, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
26
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":0.0625rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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.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.25rem;", ":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.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":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.5rem 0.625rem 0.5rem 0.625rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem 0.5rem 0.5rem 0.375rem;", ":0.25rem 0.5rem 0.25rem 0.375rem;", ":0.375rem;", ":0 0.25rem 0 0;", ":1rem;", ":1rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":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);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldBorderWidth, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize)
27
- },
28
- labelPlacement: {
29
- inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":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);"], _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldLabelInnerFontFamily, _Combobox.comboboxNewTokens.textFieldLabelInnerFontSize, _Combobox.comboboxNewTokens.textFieldLabelInnerFontStyle, _Combobox.comboboxNewTokens.textFieldLabelInnerFontWeight, _Combobox.comboboxNewTokens.textFieldLabelInnerLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelInnerLineHeight),
30
- outer: /*#__PURE__*/(0, _styledComponents.css)([""])
31
- },
32
- disabled: {
33
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Combobox.comboboxNewTokens.textFieldDisabledOpacity)
34
- },
35
- readOnly: {
36
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Combobox.comboboxNewTokens.textFieldColorReadOnly, _Combobox.comboboxNewTokens.textFieldBackgroundColorReadOnly, _Combobox.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _Combobox.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _Combobox.comboboxNewTokens.textFieldLabelColorReadOnly)
37
- }
38
- }
39
- };