@salutejs/plasma-new-hope 0.324.0-dev.0 → 0.324.1-canary.1986.15225031077.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (241) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.css +55 -51
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -1
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  6. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
  7. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
  8. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +44 -0
  9. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
  10. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +53 -0
  11. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
  12. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_1bpknuo.css +3 -0
  13. package/cjs/components/Pagination/Pagination.css +55 -51
  14. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +55 -51
  15. package/cjs/components/PaginationDots/PaginationDot.js +59 -0
  16. package/cjs/components/PaginationDots/PaginationDot.js.map +1 -0
  17. package/cjs/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  18. package/cjs/components/PaginationDots/PaginationDots.js +34 -0
  19. package/cjs/components/PaginationDots/PaginationDots.js.map +1 -0
  20. package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  21. package/cjs/components/PaginationDots/SmartPaginationDots.css +5 -0
  22. package/cjs/components/PaginationDots/SmartPaginationDots.js +47 -0
  23. package/cjs/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  24. package/cjs/components/PaginationDots/usePaginationDots.js +40 -0
  25. package/cjs/components/PaginationDots/usePaginationDots.js.map +1 -0
  26. package/cjs/components/Select/Select.css +55 -51
  27. package/cjs/components/Select/Select.js +5 -1
  28. package/cjs/components/Select/Select.js.map +1 -1
  29. package/cjs/components/Select/Select.tokens.js +7 -0
  30. package/cjs/components/Select/Select.tokens.js.map +1 -1
  31. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
  32. package/cjs/components/Select/ui/SelectAll/SelectAll.css +54 -0
  33. package/cjs/components/Select/ui/SelectAll/SelectAll.js +44 -0
  34. package/cjs/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
  35. package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +53 -0
  36. package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
  37. package/cjs/components/Select/ui/SelectAll/SelectAll.styles_iii1q7.css +3 -0
  38. package/cjs/components/Table/Table.css +32 -28
  39. package/cjs/components/Table/ui/Cell/Cell.css +32 -28
  40. package/cjs/components/Table/ui/EditableCell/EditableCell.css +32 -28
  41. package/cjs/components/Table/ui/HeadCell/HeadCell.css +32 -28
  42. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +32 -28
  43. package/cjs/index.css +25 -11
  44. package/cjs/index.js +6 -0
  45. package/cjs/index.js.map +1 -1
  46. package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
  47. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -1
  48. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
  49. package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
  50. package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +30 -0
  51. package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
  52. package/emotion/cjs/components/PaginationDots/PaginationDot.js +35 -0
  53. package/emotion/cjs/components/PaginationDots/PaginationDots.js +35 -0
  54. package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +43 -0
  55. package/emotion/cjs/components/PaginationDots/index.js +26 -0
  56. package/emotion/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  57. package/emotion/cjs/components/Select/Select.js +4 -1
  58. package/emotion/cjs/components/Select/Select.template-doc.mdx +58 -0
  59. package/emotion/cjs/components/Select/Select.tokens.js +7 -0
  60. package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
  61. package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +30 -0
  62. package/emotion/cjs/components/Select/ui/index.js +11 -0
  63. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
  64. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
  65. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +16 -2
  66. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  67. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +22 -3
  68. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
  69. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
  70. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +16 -2
  71. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
  72. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +22 -3
  73. package/emotion/cjs/index.js +11 -0
  74. package/emotion/es/components/Combobox/Combobox.template-doc.mdx +58 -0
  75. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +5 -2
  76. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
  77. package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
  78. package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +23 -0
  79. package/emotion/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
  80. package/emotion/es/components/PaginationDots/PaginationDot.js +28 -0
  81. package/emotion/es/components/PaginationDots/PaginationDots.js +28 -0
  82. package/emotion/es/components/PaginationDots/SmartPaginationDots.js +36 -0
  83. package/emotion/es/components/PaginationDots/index.js +3 -0
  84. package/emotion/es/components/PaginationDots/usePaginationDots.js +32 -0
  85. package/emotion/es/components/Select/Select.js +5 -2
  86. package/emotion/es/components/Select/Select.template-doc.mdx +58 -0
  87. package/emotion/es/components/Select/Select.tokens.js +7 -0
  88. package/emotion/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
  89. package/emotion/es/components/Select/ui/SelectAll/SelectAll.styles.js +23 -0
  90. package/emotion/es/components/Select/ui/index.js +2 -1
  91. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
  92. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
  93. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +16 -2
  94. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  95. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +22 -3
  96. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
  97. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
  98. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +16 -2
  99. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
  100. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +22 -3
  101. package/emotion/es/index.js +2 -1
  102. package/es/components/Combobox/ComboboxNew/Combobox.css +55 -51
  103. package/es/components/Combobox/ComboboxNew/Combobox.js +5 -1
  104. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  105. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
  106. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  107. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
  108. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
  109. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +36 -0
  110. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
  111. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +47 -0
  112. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
  113. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_1bpknuo.css +3 -0
  114. package/es/components/Pagination/Pagination.css +55 -51
  115. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +55 -51
  116. package/es/components/PaginationDots/PaginationDot.js +54 -0
  117. package/es/components/PaginationDots/PaginationDot.js.map +1 -0
  118. package/es/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  119. package/es/components/PaginationDots/PaginationDots.js +29 -0
  120. package/es/components/PaginationDots/PaginationDots.js.map +1 -0
  121. package/es/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  122. package/es/components/PaginationDots/SmartPaginationDots.css +5 -0
  123. package/es/components/PaginationDots/SmartPaginationDots.js +39 -0
  124. package/es/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  125. package/es/components/PaginationDots/usePaginationDots.js +36 -0
  126. package/es/components/PaginationDots/usePaginationDots.js.map +1 -0
  127. package/es/components/Select/Select.css +55 -51
  128. package/es/components/Select/Select.js +5 -1
  129. package/es/components/Select/Select.js.map +1 -1
  130. package/es/components/Select/Select.tokens.js +7 -0
  131. package/es/components/Select/Select.tokens.js.map +1 -1
  132. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
  133. package/es/components/Select/ui/SelectAll/SelectAll.css +54 -0
  134. package/es/components/Select/ui/SelectAll/SelectAll.js +36 -0
  135. package/es/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
  136. package/es/components/Select/ui/SelectAll/SelectAll.styles.js +47 -0
  137. package/es/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
  138. package/es/components/Select/ui/SelectAll/SelectAll.styles_iii1q7.css +3 -0
  139. package/es/components/Table/Table.css +32 -28
  140. package/es/components/Table/ui/Cell/Cell.css +32 -28
  141. package/es/components/Table/ui/EditableCell/EditableCell.css +32 -28
  142. package/es/components/Table/ui/HeadCell/HeadCell.css +32 -28
  143. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +32 -28
  144. package/es/index.css +25 -11
  145. package/es/index.js +3 -0
  146. package/es/index.js.map +1 -1
  147. package/package.json +2 -2
  148. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
  149. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -1
  150. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
  151. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
  152. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +27 -0
  153. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
  154. package/styled-components/cjs/components/PaginationDots/PaginationDot.js +33 -0
  155. package/styled-components/cjs/components/PaginationDots/PaginationDots.js +24 -0
  156. package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +43 -0
  157. package/styled-components/cjs/components/PaginationDots/index.js +26 -0
  158. package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  159. package/styled-components/cjs/components/Select/Select.js +4 -1
  160. package/styled-components/cjs/components/Select/Select.template-doc.mdx +58 -0
  161. package/styled-components/cjs/components/Select/Select.tokens.js +7 -0
  162. package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
  163. package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +27 -0
  164. package/styled-components/cjs/components/Select/ui/index.js +11 -0
  165. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
  166. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
  167. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +16 -2
  168. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +14 -14
  169. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +22 -3
  170. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
  171. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
  172. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +16 -2
  173. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +14 -14
  174. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +22 -3
  175. package/styled-components/cjs/index.js +11 -0
  176. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +58 -0
  177. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +5 -2
  178. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
  179. package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
  180. package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +20 -0
  181. package/styled-components/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
  182. package/styled-components/es/components/PaginationDots/PaginationDot.js +26 -0
  183. package/styled-components/es/components/PaginationDots/PaginationDots.js +18 -0
  184. package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +36 -0
  185. package/styled-components/es/components/PaginationDots/index.js +3 -0
  186. package/styled-components/es/components/PaginationDots/usePaginationDots.js +32 -0
  187. package/styled-components/es/components/Select/Select.js +5 -2
  188. package/styled-components/es/components/Select/Select.template-doc.mdx +58 -0
  189. package/styled-components/es/components/Select/Select.tokens.js +7 -0
  190. package/styled-components/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
  191. package/styled-components/es/components/Select/ui/SelectAll/SelectAll.styles.js +20 -0
  192. package/styled-components/es/components/Select/ui/index.js +2 -1
  193. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
  194. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
  195. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +16 -2
  196. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +14 -14
  197. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +22 -3
  198. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
  199. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
  200. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +16 -2
  201. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +14 -14
  202. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +22 -3
  203. package/styled-components/es/index.js +2 -1
  204. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  205. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +7 -0
  206. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  207. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +11 -0
  208. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  209. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts +7 -0
  210. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts.map +1 -0
  211. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts +11 -0
  212. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
  213. package/types/components/Combobox/ComboboxNew/ui/index.d.ts +1 -0
  214. package/types/components/Combobox/ComboboxNew/ui/index.d.ts.map +1 -1
  215. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +3 -0
  216. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  217. package/types/components/PaginationDots/PaginationDot.d.ts +21 -0
  218. package/types/components/PaginationDots/PaginationDot.d.ts.map +1 -0
  219. package/types/components/PaginationDots/PaginationDots.d.ts +15 -0
  220. package/types/components/PaginationDots/PaginationDots.d.ts.map +1 -0
  221. package/types/components/PaginationDots/SmartPaginationDots.d.ts +15 -0
  222. package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +1 -0
  223. package/types/components/PaginationDots/index.d.ts +6 -0
  224. package/types/components/PaginationDots/index.d.ts.map +1 -0
  225. package/types/components/PaginationDots/usePaginationDots.d.ts +14 -0
  226. package/types/components/PaginationDots/usePaginationDots.d.ts.map +1 -0
  227. package/types/components/Select/Select.d.ts.map +1 -1
  228. package/types/components/Select/Select.tokens.d.ts +7 -0
  229. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  230. package/types/components/Select/Select.types.d.ts +12 -0
  231. package/types/components/Select/Select.types.d.ts.map +1 -1
  232. package/types/components/Select/ui/SelectAll/SelectAll.d.ts +7 -0
  233. package/types/components/Select/ui/SelectAll/SelectAll.d.ts.map +1 -0
  234. package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts +11 -0
  235. package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
  236. package/types/components/Select/ui/index.d.ts +1 -0
  237. package/types/components/Select/ui/index.d.ts.map +1 -1
  238. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +3 -0
  239. package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
  240. package/types/index.d.ts +1 -0
  241. package/types/index.d.ts.map +1 -1
package/es/index.css CHANGED
@@ -590,6 +590,8 @@
590
590
  .ComboboxTarget_styles_xnedmz_s1yutr1r__6baf80eb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-combobox-old-chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
591
591
  .ComboboxTarget_styles_xnedmz_slnmjcp__6baf80eb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-combobox-old-target-label-color);font-family:var(--plasma-combobox-old-target-font-family);font-size:var(--plasma-combobox-old-target-font-size);font-style:var(--plasma-combobox-old-target-font-style);font-weight:var(--plasma-combobox-old-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);letter-spacing:var(--plasma-combobox-old-target-letter-spacing);line-height:var(--plasma-combobox-old-target-line-height);}
592
592
 
593
+ .Target_styles_5dghru_s1wiuml6__ed6b6c68{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-combobox-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-combobox-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-combobox-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-combobox-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-combobox-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-combobox-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-combobox-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-combobox-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-combobox-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-combobox-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-combobox-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-combobox-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-combobox-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-combobox-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-combobox-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-combobox-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-combobox-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-combobox-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-combobox-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-combobox-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-combobox-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-combobox-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-combobox-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-combobox-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-combobox-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-combobox-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-combobox-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-combobox-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-combobox-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-combobox-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-combobox-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-combobox-new-textfield-chip-scale-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-combobox-new-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-combobox-new-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-box-shadow:var(--plasma-select-textfield-box-shadow);}
594
+
593
595
  .Item_styles_1fy6e2z_s17m41ki__5711db5d{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
594
596
 
595
597
  .Item_styles_1fy6e2z_sabntqz__5711db5d{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
@@ -604,7 +606,9 @@
604
606
  .Item_styles_1fy6e2z_wm3n62u__5711db5d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wm3n62u-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.Item_styles_1fy6e2z_wm3n62u__5711db5d:hover:not(.Item_styles_1fy6e2z_dropdownItemIsDisabled__5711db5d){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_1fy6e2z_wm3n62u__5711db5d.Item_styles_1fy6e2z_dropdownItemIsActive__5711db5d{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_1fy6e2z_wm3n62u__5711db5d.Item_styles_1fy6e2z_dropdownItemIsDisabled__5711db5d{opacity:0.4;cursor:not-allowed;}.Item_styles_1fy6e2z_wm3n62u__5711db5d:focus{outline:none;}.Item_styles_1fy6e2z_wm3n62u__5711db5d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1fy6e2z_wm3n62u__5711db5d.Item_styles_1fy6e2z_dropdownItemIsFocused__5711db5d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
605
607
 
606
608
 
607
- .Target_styles_5dghru_s1wiuml6__ed6b6c68{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-combobox-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-combobox-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-combobox-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-combobox-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-combobox-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-combobox-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-combobox-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-combobox-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-combobox-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-combobox-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-combobox-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-combobox-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-combobox-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-combobox-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-combobox-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-combobox-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-combobox-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-combobox-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-combobox-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-combobox-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-combobox-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-combobox-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-combobox-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-combobox-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-combobox-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-combobox-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-combobox-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-combobox-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-combobox-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-combobox-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-combobox-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-combobox-new-textfield-chip-scale-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-combobox-new-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-combobox-new-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-box-shadow:var(--plasma-select-textfield-box-shadow);}
609
+ .SelectAll_styles_1bpknuo_w14070q1__14b89ae5{position:var(--w14070q1-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w14070q1-1);border-top-left-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
610
+ .SelectAll_styles_1bpknuo_d4ty997__14b89ae5{margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));background:var(--surface-solid-card);}
611
+ .SelectAll_styles_1bpknuo_dxn0wk6__14b89ae5{height:0.0625rem;margin-top:var(--dxn0wk6-0);margin-right:var(--plasma-combobox-divider-margin-right);margin-left:var(--plasma-combobox-divider-margin-left);background:var(--plasma-combobox-divider-color);}
608
612
 
609
613
  .Combobox_styles_5uhl12_uxiiees__334e02f3{background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);max-height:var(--uxiiees-1);overflow-y:var(--uxiiees-2);border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.Combobox_styles_5uhl12_uxiiees__334e02f3 .Combobox_styles_5uhl12_comboboxEmptyStateWrapper__334e02f3{box-shadow:none;}
610
614
  .Combobox_styles_5uhl12_i1veo3wn__334e02f3{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1veo3wn-0);}.Combobox_styles_5uhl12_i1veo3wn__334e02f3 .Combobox_styles_5uhl12_arrowInverse__334e02f3{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_5uhl12_i1veo3wn__334e02f3:hover,.Combobox_styles_5uhl12_i1veo3wn__334e02f3:active{color:var(--i1veo3wn-1);}
@@ -638,6 +642,17 @@
638
642
 
639
643
  .base_1gha00t_blzorgi__0445cc63 .base_1gha00t_swmawm7__0445cc63{height:var(--plasma-progress-track-height);border-radius:var(--plasma-progress-track-border-radius);}.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_s1mmwynp__0445cc63{height:var(--plasma-progress-filled-height);border-radius:var(--plasma-progress-filled-border-radius);}.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_s1oe6gw0__0445cc63{margin-left:var(--plasma-progress-value-margin-left);}
640
644
 
645
+ .Button_styles_lsgupt_sfn0xs0__09262837{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
646
+ .Button_styles_lsgupt_i1akdel6__09262837{line-height:0;color:var(--plasma-select-button-arrow-color);}.Button_styles_lsgupt_i1akdel6__09262837:hover{color:var(--plasma-select-button-arrow-color-hover);}.Button_styles_lsgupt_i1akdel6__09262837:active{color:var(--plasma-select-button-arrow-color-active);}
647
+ .Button_styles_lsgupt_sn98tws__09262837{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--sn98tws-0);height:var(--sn98tws-0);}
648
+ .Button_styles_lsgupt_ba2820e__09262837{display:inline;}.Button_styles_lsgupt_ba2820e__09262837 .Button_styles_lsgupt_selectWithoutBoxShadow__09262837::before{box-shadow:none !important;}.Button_styles_lsgupt_ba2820e__09262837 .Button_styles_lsgupt_arrowInverse__09262837{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
649
+ .Button_styles_lsgupt_lpf11kx__09262837{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
650
+
651
+ .Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc div.Textfield_styles_1i2t1rz_inputWrapper__22fdf4fc:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc.Textfield_styles_1i2t1rz_readonly__22fdf4fc{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
652
+ .Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc .Textfield_styles_1i2t1rz_arrowInverse__22fdf4fc{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc:hover,.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc:active{color:var(--i7x5udn-1);}
653
+ .Textfield_styles_1i2t1rz_s2oocb4__22fdf4fc{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
654
+ .Textfield_styles_1i2t1rz_s1kxyc50__22fdf4fc{margin:0;padding:0;}
655
+
641
656
  .Item_styles_1gk72bp_s1vls8ri__af2302db{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_1gk72bp_s1vls8ri__af2302db div.Item_styles_1gk72bp_cellContent__af2302db,.Item_styles_1gk72bp_s1vls8ri__af2302db div.Item_styles_1gk72bp_cellTextbox__af2302db{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_1gk72bp_s1vls8ri__af2302db div.Item_styles_1gk72bp_cellTextboxTitle__af2302db{position:relative;}.Item_styles_1gk72bp_s1vls8ri__af2302db div.Item_styles_1gk72bp_cellTextboxTitle__af2302db:before{content:' ';visibility:hidden;}.Item_styles_1gk72bp_s1vls8ri__af2302db div.Item_styles_1gk72bp_cellTextboxTitle__af2302db span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
642
657
 
643
658
  .Item_styles_1gk72bp_s17z4dei__af2302db{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
@@ -650,16 +665,9 @@
650
665
  .Item_styles_1gk72bp_w1hgpj20__af2302db{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1gk72bp_w1hgpj20__af2302db:hover:not(.Item_styles_1gk72bp_dropdownItemIsDisabled__af2302db){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1gk72bp_w1hgpj20__af2302db.Item_styles_1gk72bp_dropdownItemIsActive__af2302db{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1gk72bp_w1hgpj20__af2302db.Item_styles_1gk72bp_dropdownItemIsDisabled__af2302db{opacity:0.4;cursor:not-allowed;}.Item_styles_1gk72bp_w1hgpj20__af2302db:focus{outline:none;}.Item_styles_1gk72bp_w1hgpj20__af2302db::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1gk72bp_w1hgpj20__af2302db.Item_styles_1gk72bp_dropdownItemIsFocused__af2302db:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
651
666
 
652
667
 
653
- .Button_styles_lsgupt_sfn0xs0__09262837{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
654
- .Button_styles_lsgupt_i1akdel6__09262837{line-height:0;color:var(--plasma-select-button-arrow-color);}.Button_styles_lsgupt_i1akdel6__09262837:hover{color:var(--plasma-select-button-arrow-color-hover);}.Button_styles_lsgupt_i1akdel6__09262837:active{color:var(--plasma-select-button-arrow-color-active);}
655
- .Button_styles_lsgupt_sn98tws__09262837{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--sn98tws-0);height:var(--sn98tws-0);}
656
- .Button_styles_lsgupt_ba2820e__09262837{display:inline;}.Button_styles_lsgupt_ba2820e__09262837 .Button_styles_lsgupt_selectWithoutBoxShadow__09262837::before{box-shadow:none !important;}.Button_styles_lsgupt_ba2820e__09262837 .Button_styles_lsgupt_arrowInverse__09262837{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
657
- .Button_styles_lsgupt_lpf11kx__09262837{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
658
-
659
- .Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc div.Textfield_styles_1i2t1rz_inputWrapper__22fdf4fc:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1i2t1rz_s1yhwv5r__22fdf4fc.Textfield_styles_1i2t1rz_readonly__22fdf4fc{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
660
- .Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc .Textfield_styles_1i2t1rz_arrowInverse__22fdf4fc{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc:hover,.Textfield_styles_1i2t1rz_i7x5udn__22fdf4fc:active{color:var(--i7x5udn-1);}
661
- .Textfield_styles_1i2t1rz_s2oocb4__22fdf4fc{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
662
- .Textfield_styles_1i2t1rz_s1kxyc50__22fdf4fc{margin:0;padding:0;}
668
+ .SelectAll_styles_iii1q7_w1r0n22v__4aaf5c87{position:var(--w1r0n22v-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-right:var(--plasma-select-dropdown-border-width,0rem);margin-bottom:var(--w1r0n22v-1);margin-left:var(--plasma-select-dropdown-border-width,0rem);border-top-left-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}.SelectAll_styles_iii1q7_w1r0n22v__4aaf5c87 > li{margin:0 0.125rem;}
669
+ .SelectAll_styles_iii1q7_d19w91z6__4aaf5c87{margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));background:var(--surface-solid-card);}
670
+ .SelectAll_styles_iii1q7_d1nbef5q__4aaf5c87{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
663
671
 
664
672
  .Select_styles_11cghkj_upxbau6__b4c1dc3b{background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);max-height:var(--upxbau6-1);overflow-y:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
665
673
 
@@ -969,3 +977,9 @@
969
977
  .Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding-left:var(--c1c6iuz8-0);padding-right:var(--c1c6iuz8-1);}.Carousel_styles_zmchjj_cmeqer1__ccd8212a .Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{padding-right:var(--c1c6iuz8-2);}
970
978
 
971
979
  .CarouselItem_cqjszm_s13at6mi__7ff91d05{-webkit-scroll-snap-align:var(--s13at6mi-0);-moz-scroll-snap-align:var(--s13at6mi-0);-ms-scroll-snap-align:var(--s13at6mi-0);scroll-snap-align:var(--s13at6mi-0);-webkit-scroll-snap-stop:var(--s13at6mi-1);-moz-scroll-snap-stop:var(--s13at6mi-1);-ms-scroll-snap-stop:var(--s13at6mi-1);scroll-snap-stop:var(--s13at6mi-1);}
980
+
981
+ .PaginationDots_fm2ha5_dut2ldg__db2a2205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;}
982
+
983
+
984
+ .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2 + .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{margin-left:0.375rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:focus{outline:0 none;}
985
+ .PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{cursor:pointer;background:var(--poypaki-0);}.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:hover{background:var(--text-accent);}
package/es/index.js CHANGED
@@ -233,4 +233,7 @@ export { tokens as toastNewTokens } from './components/Toast/ToastNew/ToastNew.t
233
233
  export { carouselConfig, carouselRoot } from './components/Carousel/Carousel.js';
234
234
  export { CarouselGridWrapper } from './components/Carousel/Carousel.styles.js';
235
235
  export { CarouselItem } from './components/Carousel/CarouselItem.js';
236
+ export { SmartPaginationDots } from './components/PaginationDots/SmartPaginationDots.js';
237
+ export { PaginationDots } from './components/PaginationDots/PaginationDots.js';
238
+ export { PaginationDot } from './components/PaginationDots/PaginationDot.js';
236
239
  //# sourceMappingURL=index.js.map
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.324.0-dev.0",
3
+ "version": "0.324.1-canary.1986.15225031077.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "8cb722bf86d974c8d8968001a1fe593041b96afd"
140
+ "gitHead": "70a8186d3ba57a011981b16bccc7a9d7174dc52a"
141
141
  }
package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx CHANGED
@@ -436,6 +436,64 @@ type Items = Array<{
436
436
  }
437
437
  ```
438
438
  </TabItem>
439
+ <TabItem value="selectAll" label="Выбрать всё">
440
+ Работа с кнопкой "Выбрать всё" осуществляется через свойство `selectAllOptions` только в режиме `multiple`:
441
+ ```tsx
442
+ type SelectAllProps = {
443
+ checked?: boolean;
444
+ indeterminate?: boolean;
445
+ label?: string;
446
+ onClick?: () => void;
447
+ sticky?: boolean;
448
+ };
449
+ ```
450
+ Вся логика выбора элементов и взаимодействия с компонентом лежит на стороне пользователя.
451
+
452
+ ```tsx live
453
+ import React, { useState } from 'react';
454
+ import { Select } from '@salutejs/{{ package }}';
455
+
456
+ export function App() {
457
+ const [checked, setChecked] = useState(false);
458
+
459
+ const items = [
460
+ {
461
+ value: 'north_america',
462
+ label: 'Северная Америка',
463
+ },
464
+ {
465
+ value: 'south_america',
466
+ label: 'Южная Америка',
467
+ items: [
468
+ {
469
+ value: 'brazil',
470
+ label: 'Бразилия',
471
+ },
472
+ {
473
+ value: 'argentina',
474
+ label: 'Аргентина',
475
+ },
476
+ ],
477
+ },
478
+ ];
479
+
480
+ return (
481
+ <div style={{ display: "flex", gap: "30px", height: "300px" }}>
482
+ <Combobox
483
+ label="Label"
484
+ placeholder="Placeholder"
485
+ items={items}
486
+ multiple
487
+ selectAllOptions={{
488
+ checked,
489
+ onClick: () => setChecked(prev => !prev)
490
+ }}
491
+ />
492
+ </div>
493
+ );
494
+ }
495
+ ```
496
+ </TabItem>
439
497
  </Tabs>
440
498
 
441
499
  ## Использование с React Hook Form и нативной формой
package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js CHANGED
@@ -550,7 +550,10 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
550
550
  className: _Combobox.classes.emptyStateWrapper,
551
551
  size: size,
552
552
  description: emptyStateDescription || 'Ничего не найдено'
553
- }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, virtual ? /*#__PURE__*/_react["default"].createElement(_ui.VirtualList, {
553
+ }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.multiple && props.selectAllOptions && /*#__PURE__*/_react["default"].createElement(_ui.SelectAll, {
554
+ selectAllOptions: props.selectAllOptions,
555
+ variant: variant
556
+ }), virtual ? /*#__PURE__*/_react["default"].createElement(_ui.VirtualList, {
554
557
  items: filteredItems,
555
558
  listMaxHeight: listMaxHeight || listHeight,
556
559
  onScroll: onScroll
package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js CHANGED
@@ -223,7 +223,14 @@ var tokens = exports.tokens = {
223
223
  disclosureIconColor: '--plasma-combobox-disclosure-icon-color',
224
224
  disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover',
225
225
  disclosureIconSize: '--plasma-select-disclosure-icon-size',
226
- disclosureIconMargin: '--plasma-select-disclosure-icon-margin'
226
+ disclosureIconMargin: '--plasma-select-disclosure-icon-margin',
227
+ dividerMarginTop: '--plasma-combobox-divider-margin-top',
228
+ dividerMarginTopTight: '--plasma-combobox-divider-margin-top-tight',
229
+ dividerMarginRight: '--plasma-combobox-divider-margin-right',
230
+ dividerMarginBottom: '--plasma-combobox-divider-margin-bottom',
231
+ dividerMarginBottomTight: '--plasma-combobox-divider-margin-bottom-tight',
232
+ dividerMarginLeft: '--plasma-combobox-divider-margin-left',
233
+ dividerColor: '--plasma-combobox-divider-color'
227
234
  };
228
235
  var constants = exports.constants = {
229
236
  focusColor: '--surface-accent',
package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js ADDED
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SelectAll = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
8
+ var _Item = /*#__PURE__*/require("../Inner/ui/Item/Item.styles");
9
+ var _SelectAll = /*#__PURE__*/require("./SelectAll.styles");
10
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
+ var SelectAll = exports.SelectAll = function SelectAll(_ref) {
12
+ var variant = _ref.variant,
13
+ selectAllOptions = _ref.selectAllOptions;
14
+ return /*#__PURE__*/_react["default"].createElement(_SelectAll.Wrapper, {
15
+ variant: variant,
16
+ onClick: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.onClick,
17
+ sticky: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.sticky
18
+ }, /*#__PURE__*/_react["default"].createElement(_Item.Wrapper, {
19
+ variant: variant
20
+ }, /*#__PURE__*/_react["default"].createElement(_Item.IconWrapper, {
21
+ variant: variant
22
+ }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckboxWrapper, {
23
+ onClick: function onClick(e) {
24
+ return e.preventDefault();
25
+ }
26
+ }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
27
+ checked: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.checked,
28
+ indeterminate: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.indeterminate,
29
+ appearance: "default"
30
+ }))), /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell
31
+ // TODO: #1548
32
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
33
+ // @ts-ignore
34
+ , {
35
+ title: /*#__PURE__*/_react["default"].createElement("span", null, (selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.label) || 'Выбрать всё')
36
+ }))), /*#__PURE__*/_react["default"].createElement(_SelectAll.DividerWrapper, null, /*#__PURE__*/_react["default"].createElement(_SelectAll.Divider, {
37
+ variant: variant
38
+ })));
39
+ };
package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js ADDED
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Wrapper = exports.DividerWrapper = exports.Divider = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
8
+ var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
+ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
11
+ componentId: "plasma-new-hope__sc-10t9fym-0"
12
+ })(["position:", ";z-index:10;top:0;display:flex;flex-direction:column;background:var(", ");margin-bottom:", ";border-top-left-radius:calc(var(", ") - 0.125rem - var(", ",0rem));border-top-right-radius:calc(var(", ") - 0.125rem - var(", ",0rem));"], function (_ref) {
13
+ var sticky = _ref.sticky;
14
+ return sticky ? 'sticky' : 'static';
15
+ }, _Combobox.constants.background, function (_ref2) {
16
+ var variant = _ref2.variant;
17
+ return "var(".concat(variant === 'tight' ? _Combobox.tokens.dividerMarginBottomTight : _Combobox.tokens.dividerMarginBottom, ")");
18
+ }, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth);
19
+ var DividerWrapper = exports.DividerWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
+ componentId: "plasma-new-hope__sc-10t9fym-1"
21
+ })(["margin:0 calc(0.125rem + var(", ",0rem));background:var(", ");"], _Combobox.tokens.dropdownBorderWidth, _Combobox.constants.background);
22
+ var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
23
+ componentId: "plasma-new-hope__sc-10t9fym-2"
24
+ })(["height:0.0625rem;margin-top:", ";margin-right:var(", ");margin-left:var(", ");background:var(", ");"], function (_ref3) {
25
+ var variant = _ref3.variant;
26
+ return "var(".concat(variant === 'tight' ? _Combobox.tokens.dividerMarginTopTight : _Combobox.tokens.dividerMarginTop, ")");
27
+ }, _Combobox.tokens.dividerMarginRight, _Combobox.tokens.dividerMarginLeft, _Combobox.tokens.dividerColor);
package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js CHANGED
@@ -35,4 +35,15 @@ Object.keys(_VirtualList).forEach(function (key) {
35
35
  return _VirtualList[key];
36
36
  }
37
37
  });
38
+ });
39
+ var _SelectAll = /*#__PURE__*/require("./SelectAll/SelectAll");
40
+ Object.keys(_SelectAll).forEach(function (key) {
41
+ if (key === "default" || key === "__esModule") return;
42
+ if (key in exports && exports[key] === _SelectAll[key]) return;
43
+ Object.defineProperty(exports, key, {
44
+ enumerable: true,
45
+ get: function get() {
46
+ return _SelectAll[key];
47
+ }
48
+ });
38
49
  });
package/styled-components/cjs/components/PaginationDots/PaginationDot.js ADDED
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.PaginationDot = exports.DotBase = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
+ /**
10
+ * Элемент пагинации точками.
11
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
12
+ */
13
+ var DotBase = exports.DotBase = /*#__PURE__*/_styledComponents["default"].li.withConfig({
14
+ componentId: "plasma-new-hope__sc-1lu8gfj-0"
15
+ })(["width:", ";height:0.375rem;border-radius:1rem;background:", ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}"], function (_ref) {
16
+ var isActive = _ref.isActive;
17
+ return isActive ? '1.75rem' : '0.375rem';
18
+ }, function (_ref2) {
19
+ var isActive = _ref2.isActive;
20
+ return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
21
+ });
22
+
23
+ /**
24
+ * Элемент пагинации точками.
25
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
26
+ * @deprecated
27
+ */
28
+ var PaginationDot = exports.PaginationDot = /*#__PURE__*/(0, _styledComponents["default"])(DotBase).withConfig({
29
+ componentId: "plasma-new-hope__sc-1lu8gfj-1"
30
+ })(["cursor:pointer;background:", ";&:hover{background:var(--text-accent);}"], function (_ref3) {
31
+ var isActive = _ref3.isActive;
32
+ return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
33
+ });
package/styled-components/cjs/components/PaginationDots/PaginationDots.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.PaginationDots = exports.DotsBase = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
+ /**
10
+ * Оборачивающий компонент для пагинации точками.
11
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
12
+ */
13
+ var DotsBase = exports.DotsBase = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
14
+ componentId: "plasma-new-hope__sc-1ritf0l-0"
15
+ })(["display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"]);
16
+
17
+ /**
18
+ * Оборачивающий компонент для пагинации точками.
19
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
20
+ * @deprecated
21
+ */
22
+ var PaginationDots = exports.PaginationDots = /*#__PURE__*/(0, _styledComponents["default"])(DotsBase).withConfig({
23
+ componentId: "plasma-new-hope__sc-1ritf0l-1"
24
+ })([""]);
package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js ADDED
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SmartPaginationDots = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
8
+ var _usePaginationDots2 = /*#__PURE__*/require("./usePaginationDots");
9
+ var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
10
+ var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
11
+ var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
14
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
15
+ /**
16
+ * Компонент для отображения точек пагинации
17
+ * с возможностью ограничения количества видимых элементов.
18
+ * @deprecated
19
+ */
20
+ var SmartPaginationDots = exports.SmartPaginationDots = function SmartPaginationDots(_ref) {
21
+ var items = _ref.items,
22
+ index = _ref.index,
23
+ visibleItems = _ref.visibleItems,
24
+ onIndexChange = _ref.onIndexChange,
25
+ rest = _objectWithoutProperties(_ref, _excluded);
26
+ var _usePaginationDots = (0, _usePaginationDots2.usePaginationDots)({
27
+ items: items,
28
+ index: index,
29
+ visibleItems: visibleItems
30
+ }),
31
+ sliced = _usePaginationDots.sliced,
32
+ activeId = _usePaginationDots.activeId;
33
+ return /*#__PURE__*/_react["default"].createElement(_PaginationDots.PaginationDots, rest, sliced.map(function (_ref2, i) {
34
+ var id = _ref2.id;
35
+ return /*#__PURE__*/_react["default"].createElement(_PaginationDot.PaginationDot, {
36
+ key: "item:".concat(i),
37
+ isActive: id === activeId,
38
+ onClick: function onClick() {
39
+ return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
40
+ }
41
+ });
42
+ }));
43
+ };
package/styled-components/cjs/components/PaginationDots/index.js ADDED
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "PaginationDot", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _PaginationDot.PaginationDot;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "PaginationDots", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _PaginationDots.PaginationDots;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "SmartPaginationDots", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _SmartPaginationDots.SmartPaginationDots;
22
+ }
23
+ });
24
+ var _SmartPaginationDots = /*#__PURE__*/require("./SmartPaginationDots");
25
+ var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
26
+ var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
package/styled-components/cjs/components/PaginationDots/usePaginationDots.js ADDED
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.usePaginationDots = void 0;
7
+ var _react = /*#__PURE__*/require("react");
8
+ var usePaginationDots = exports.usePaginationDots = function usePaginationDots(_ref) {
9
+ var items = _ref.items,
10
+ index = _ref.index,
11
+ _ref$visibleItems = _ref.visibleItems,
12
+ visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
13
+ var activeId = items[index].id;
14
+ var prevIndex = (0, _react.useRef)(null);
15
+ var direction = 0;
16
+ if (prevIndex.current !== null) {
17
+ direction = index > prevIndex.current ? 1 : -1;
18
+ }
19
+ var start;
20
+ var end;
21
+ if (direction === 1) {
22
+ end = Math.min(Math.max(index + 2, visibleItems), items.length);
23
+ start = Math.max(end - visibleItems, 0);
24
+ } else if (direction === -1) {
25
+ start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
26
+ end = start + visibleItems;
27
+ } else {
28
+ start = Math.max(index - Math.floor(visibleItems / 2), 0);
29
+ end = Math.min(start + visibleItems, items.length);
30
+ start = end - visibleItems;
31
+ }
32
+ var sliced = items.slice(start, end);
33
+ prevIndex.current = index;
34
+ return {
35
+ sliced: sliced,
36
+ activeId: activeId
37
+ };
38
+ };