@salutejs/plasma-new-hope 0.272.1-canary.1785.13402487738.0 → 0.273.0-canary.1748.13402355393.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (228) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Calendar/Calendar.tokens.js +0 -2
  3. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +4 -4
  5. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
  6. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  7. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  8. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  9. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  10. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  11. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
  12. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
  13. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -14
  14. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  15. package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_1hkk03u.css → DateStructureItem.styles_1nxfztn.css} +1 -1
  16. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  17. package/cjs/components/DatePicker/DatePicker.tokens.js +1 -3
  18. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  19. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  20. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  21. package/cjs/components/DatePicker/DatePickerBase.styles_1vzl5em.css +2 -0
  22. package/cjs/components/DatePicker/RangeDate/RangeDate.css +9 -9
  23. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +7 -7
  24. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  25. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_k7d8e5.css +2 -0
  26. package/cjs/components/DatePicker/SingleDate/SingleDate.css +7 -7
  27. package/cjs/components/Pagination/Pagination.css +4 -4
  28. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  29. package/cjs/components/Range/Range.css +1 -1
  30. package/cjs/components/Select/Select.css +4 -4
  31. package/cjs/components/Select/Select.js +9 -4
  32. package/cjs/components/Select/Select.js.map +1 -1
  33. package/cjs/components/Select/Select.tokens.js +14 -0
  34. package/cjs/components/Select/Select.tokens.js.map +1 -1
  35. package/cjs/components/Select/ui/Target/Target.css +4 -4
  36. package/cjs/components/Select/ui/Target/Target.js +3 -1
  37. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  38. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +4 -4
  39. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -1
  40. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  41. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +17 -40
  42. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  43. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1gpvmro.css +3 -0
  44. package/cjs/components/Slider/Slider.css +1 -1
  45. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  46. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  47. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  48. package/cjs/components/TextField/variations/_read-only/{base_oizdmx.css → base_1xe4l4q.css} +1 -1
  49. package/cjs/index.css +12 -12
  50. package/emotion/cjs/components/Calendar/Calendar.tokens.js +0 -2
  51. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
  52. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -13
  53. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +1 -3
  54. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
  55. package/emotion/cjs/components/Select/Select.js +9 -4
  56. package/emotion/cjs/components/Select/Select.tokens.js +14 -0
  57. package/emotion/cjs/components/Select/ui/Target/Target.js +3 -1
  58. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -1
  59. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -22
  60. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  61. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  62. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  63. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  64. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  65. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +26 -23
  66. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +7 -0
  67. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  68. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  69. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  70. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +26 -23
  71. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +8 -0
  72. package/emotion/es/components/Calendar/Calendar.tokens.js +0 -2
  73. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
  74. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -13
  75. package/emotion/es/components/DatePicker/DatePicker.tokens.js +1 -3
  76. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -3
  77. package/emotion/es/components/Select/Select.js +9 -4
  78. package/emotion/es/components/Select/Select.tokens.js +14 -0
  79. package/emotion/es/components/Select/ui/Target/Target.js +3 -1
  80. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -1
  81. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -22
  82. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  83. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  84. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  85. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  86. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  87. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +26 -23
  88. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +7 -0
  89. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  90. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  91. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  92. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +26 -23
  93. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +8 -0
  94. package/es/components/Autocomplete/Autocomplete.css +1 -1
  95. package/es/components/Calendar/Calendar.tokens.js +0 -2
  96. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  97. package/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
  98. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
  99. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  100. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  101. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
  102. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  103. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  104. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
  105. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
  106. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -14
  107. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  108. package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_1hkk03u.css → DateStructureItem.styles_1nxfztn.css} +1 -1
  109. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  110. package/es/components/DatePicker/DatePicker.tokens.js +1 -3
  111. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  112. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  113. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  114. package/es/components/DatePicker/DatePickerBase.styles_1vzl5em.css +2 -0
  115. package/es/components/DatePicker/RangeDate/RangeDate.css +9 -9
  116. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +7 -7
  117. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  118. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_k7d8e5.css +2 -0
  119. package/es/components/DatePicker/SingleDate/SingleDate.css +7 -7
  120. package/es/components/Pagination/Pagination.css +4 -4
  121. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  122. package/es/components/Range/Range.css +1 -1
  123. package/es/components/Select/Select.css +4 -4
  124. package/es/components/Select/Select.js +9 -4
  125. package/es/components/Select/Select.js.map +1 -1
  126. package/es/components/Select/Select.tokens.js +14 -0
  127. package/es/components/Select/Select.tokens.js.map +1 -1
  128. package/es/components/Select/ui/Target/Target.css +4 -4
  129. package/es/components/Select/ui/Target/Target.js +3 -1
  130. package/es/components/Select/ui/Target/Target.js.map +1 -1
  131. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +4 -4
  132. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -1
  133. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  134. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +17 -40
  135. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  136. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1gpvmro.css +3 -0
  137. package/es/components/Slider/Slider.css +1 -1
  138. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  139. package/es/components/TextField/variations/_read-only/base.js +1 -1
  140. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  141. package/es/components/TextField/variations/_read-only/{base_oizdmx.css → base_1xe4l4q.css} +1 -1
  142. package/es/index.css +12 -12
  143. package/package.json +2 -2
  144. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +0 -2
  145. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
  146. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -11
  147. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +1 -3
  148. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  149. package/styled-components/cjs/components/Select/Select.js +9 -4
  150. package/styled-components/cjs/components/Select/Select.tokens.js +14 -0
  151. package/styled-components/cjs/components/Select/ui/Target/Target.js +3 -1
  152. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -1
  153. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -20
  154. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  155. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
  156. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
  157. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
  158. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  159. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +6 -3
  160. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +7 -0
  161. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
  162. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
  163. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
  164. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +6 -3
  165. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +8 -0
  166. package/styled-components/es/components/Calendar/Calendar.tokens.js +0 -2
  167. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
  168. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -11
  169. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +1 -3
  170. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  171. package/styled-components/es/components/Select/Select.js +9 -4
  172. package/styled-components/es/components/Select/Select.tokens.js +14 -0
  173. package/styled-components/es/components/Select/ui/Target/Target.js +3 -1
  174. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +2 -1
  175. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +11 -20
  176. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  177. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
  178. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
  179. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
  180. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  181. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +6 -3
  182. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +7 -0
  183. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
  184. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
  185. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
  186. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +6 -3
  187. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +8 -0
  188. package/types/components/Calendar/Calendar.tokens.d.ts +0 -2
  189. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  190. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
  191. package/types/components/DatePicker/DatePicker.tokens.d.ts +0 -2
  192. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  193. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  194. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -0
  195. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  196. package/types/components/Select/Select.d.ts.map +1 -1
  197. package/types/components/Select/Select.tokens.d.ts +14 -0
  198. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  199. package/types/components/Select/Select.types.d.ts +8 -0
  200. package/types/components/Select/Select.types.d.ts.map +1 -1
  201. package/types/components/Select/ui/Target/Target.d.ts +1 -1
  202. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  203. package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
  204. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  205. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  206. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
  207. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  208. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  209. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  210. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  211. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  212. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +3 -0
  213. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  214. package/types/examples/plasma_b2c/components/Select/Select.d.ts +9 -0
  215. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  216. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  217. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  218. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  219. package/types/examples/plasma_web/components/Select/Select.config.d.ts +3 -0
  220. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  221. package/types/examples/plasma_web/components/Select/Select.d.ts +9 -0
  222. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  223. package/cjs/components/DatePicker/DatePickerBase.styles_1jm7rc0.css +0 -2
  224. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_r5ataz.css +0 -2
  225. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1qjsc53.css +0 -3
  226. package/es/components/DatePicker/DatePickerBase.styles_1jm7rc0.css +0 -2
  227. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_r5ataz.css +0 -2
  228. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1qjsc53.css +0 -3
package/cjs/components/Pagination/Pagination.css CHANGED
@@ -120,7 +120,7 @@
120
120
 
121
121
  .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
122
122
 
123
- .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{color:var(--plasma-textfield__label-color-readonly);}
123
+ .base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly].base_1xe4l4q_textfieldHasDivider__ff37ca57 .base_1xe4l4q_iq39zt5__ff37ca57:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57:focus-within .base_1xe4l4q_i19ry60d__ff37ca57,.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_i19ry60d__ff37ca57{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_io4bpie__ff37ca57{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_tlv9av6__ff37ca57{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_lb3k3v1__ff37ca57{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly].base_1xe4l4q_labelPlacementOuter__ff37ca57 .base_1xe4l4q_luk2zst__ff37ca57{color:var(--plasma-textfield__label-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_s190z894__ff37ca57:hover{cursor:default;}
124
124
 
125
125
  .base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
126
126
 
@@ -184,9 +184,9 @@
184
184
 
185
185
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
186
186
 
187
- .Textfield_styles_1qjsc53_s1yhwv5r__e84f7fb1{--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(--plasma-select-textfield-box-shadow);}.Textfield_styles_1qjsc53_s1yhwv5r__e84f7fb1 div.Textfield_styles_1qjsc53_inputWrapper__e84f7fb1:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
188
- .Textfield_styles_1qjsc53_i7x5udn__e84f7fb1{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1qjsc53_i7x5udn__e84f7fb1 .Textfield_styles_1qjsc53_arrowInverse__e84f7fb1{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1qjsc53_i7x5udn__e84f7fb1:hover,.Textfield_styles_1qjsc53_i7x5udn__e84f7fb1:active{color:var(--i7x5udn-1);}
189
- .Textfield_styles_1qjsc53_s2oocb4__e84f7fb1{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
187
+ .Textfield_styles_1gpvmro_s1yhwv5r__f11a8d9a{--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__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--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);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--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-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--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-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-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__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--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(--plasma-select-textfield-box-shadow);}.Textfield_styles_1gpvmro_s1yhwv5r__f11a8d9a div.Textfield_styles_1gpvmro_inputWrapper__f11a8d9a:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
188
+ .Textfield_styles_1gpvmro_i7x5udn__f11a8d9a{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a .Textfield_styles_1gpvmro_arrowInverse__f11a8d9a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a:hover,.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a:active{color:var(--i7x5udn-1);}
189
+ .Textfield_styles_1gpvmro_s2oocb4__f11a8d9a{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
190
190
 
191
191
  .Select_styles_1mmlpo3_upxbau6__d1d42807{box-sizing:border-box;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:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
192
192
 
package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css CHANGED
@@ -88,7 +88,7 @@
88
88
 
89
89
  .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
90
90
 
91
- .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{color:var(--plasma-textfield__label-color-readonly);}
91
+ .base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly].base_1xe4l4q_textfieldHasDivider__ff37ca57 .base_1xe4l4q_iq39zt5__ff37ca57:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57:focus-within .base_1xe4l4q_i19ry60d__ff37ca57,.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_i19ry60d__ff37ca57{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_io4bpie__ff37ca57{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_tlv9av6__ff37ca57{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_lb3k3v1__ff37ca57{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly].base_1xe4l4q_labelPlacementOuter__ff37ca57 .base_1xe4l4q_luk2zst__ff37ca57{color:var(--plasma-textfield__label-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_s190z894__ff37ca57:hover{cursor:default;}
92
92
 
93
93
  .base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
94
94
 
@@ -152,9 +152,9 @@
152
152
 
153
153
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
154
154
 
155
- .Textfield_styles_1qjsc53_s1yhwv5r__e84f7fb1{--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(--plasma-select-textfield-box-shadow);}.Textfield_styles_1qjsc53_s1yhwv5r__e84f7fb1 div.Textfield_styles_1qjsc53_inputWrapper__e84f7fb1:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
156
- .Textfield_styles_1qjsc53_i7x5udn__e84f7fb1{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1qjsc53_i7x5udn__e84f7fb1 .Textfield_styles_1qjsc53_arrowInverse__e84f7fb1{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1qjsc53_i7x5udn__e84f7fb1:hover,.Textfield_styles_1qjsc53_i7x5udn__e84f7fb1:active{color:var(--i7x5udn-1);}
157
- .Textfield_styles_1qjsc53_s2oocb4__e84f7fb1{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
155
+ .Textfield_styles_1gpvmro_s1yhwv5r__f11a8d9a{--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__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--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);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--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-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--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-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-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__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--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(--plasma-select-textfield-box-shadow);}.Textfield_styles_1gpvmro_s1yhwv5r__f11a8d9a div.Textfield_styles_1gpvmro_inputWrapper__f11a8d9a:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
156
+ .Textfield_styles_1gpvmro_i7x5udn__f11a8d9a{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a .Textfield_styles_1gpvmro_arrowInverse__f11a8d9a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a:hover,.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a:active{color:var(--i7x5udn-1);}
157
+ .Textfield_styles_1gpvmro_s2oocb4__f11a8d9a{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
158
158
 
159
159
  .Select_styles_1mmlpo3_upxbau6__d1d42807{box-sizing:border-box;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:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
160
160
 
package/cjs/components/Range/Range.css CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
16
16
 
17
- .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{color:var(--plasma-textfield__label-color-readonly);}
17
+ .base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly].base_1xe4l4q_textfieldHasDivider__ff37ca57 .base_1xe4l4q_iq39zt5__ff37ca57:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57:focus-within .base_1xe4l4q_i19ry60d__ff37ca57,.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_i19ry60d__ff37ca57{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_io4bpie__ff37ca57{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_tlv9av6__ff37ca57{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_lb3k3v1__ff37ca57{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly].base_1xe4l4q_labelPlacementOuter__ff37ca57 .base_1xe4l4q_luk2zst__ff37ca57{color:var(--plasma-textfield__label-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_s190z894__ff37ca57:hover{cursor:default;}
18
18
 
19
19
  .base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
20
20
 
package/cjs/components/Select/Select.css CHANGED
@@ -88,7 +88,7 @@
88
88
 
89
89
  .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
90
90
 
91
- .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{color:var(--plasma-textfield__label-color-readonly);}
91
+ .base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly].base_1xe4l4q_textfieldHasDivider__ff37ca57 .base_1xe4l4q_iq39zt5__ff37ca57:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_iq39zt5__ff37ca57:focus-within .base_1xe4l4q_i19ry60d__ff37ca57,.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_i19ry60d__ff37ca57{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_io4bpie__ff37ca57{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_tlv9av6__ff37ca57{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_lb3k3v1__ff37ca57{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly].base_1xe4l4q_labelPlacementOuter__ff37ca57 .base_1xe4l4q_luk2zst__ff37ca57{color:var(--plasma-textfield__label-color-readonly);}.base_1xe4l4q_b1w985rt__ff37ca57[readonly] .base_1xe4l4q_s190z894__ff37ca57:hover{cursor:default;}
92
92
 
93
93
  .base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
94
94
 
@@ -152,9 +152,9 @@
152
152
 
153
153
  .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
154
154
 
155
- .Textfield_styles_1qjsc53_s1yhwv5r__e84f7fb1{--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(--plasma-select-textfield-box-shadow);}.Textfield_styles_1qjsc53_s1yhwv5r__e84f7fb1 div.Textfield_styles_1qjsc53_inputWrapper__e84f7fb1:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
156
- .Textfield_styles_1qjsc53_i7x5udn__e84f7fb1{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1qjsc53_i7x5udn__e84f7fb1 .Textfield_styles_1qjsc53_arrowInverse__e84f7fb1{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1qjsc53_i7x5udn__e84f7fb1:hover,.Textfield_styles_1qjsc53_i7x5udn__e84f7fb1:active{color:var(--i7x5udn-1);}
157
- .Textfield_styles_1qjsc53_s2oocb4__e84f7fb1{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
155
+ .Textfield_styles_1gpvmro_s1yhwv5r__f11a8d9a{--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__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--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);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--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-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--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-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-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__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--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(--plasma-select-textfield-box-shadow);}.Textfield_styles_1gpvmro_s1yhwv5r__f11a8d9a div.Textfield_styles_1gpvmro_inputWrapper__f11a8d9a:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
156
+ .Textfield_styles_1gpvmro_i7x5udn__f11a8d9a{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a .Textfield_styles_1gpvmro_arrowInverse__f11a8d9a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a:hover,.Textfield_styles_1gpvmro_i7x5udn__f11a8d9a:active{color:var(--i7x5udn-1);}
157
+ .Textfield_styles_1gpvmro_s2oocb4__f11a8d9a{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
158
158
 
159
159
  .Select_styles_1mmlpo3_upxbau6__d1d42807{box-sizing:border-box;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:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
160
160
 
package/cjs/components/Select/Select.js CHANGED
@@ -28,7 +28,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
28
28
 
29
29
  var React__default = /*#__PURE__*/_interopDefault(React);
30
30
 
31
- var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue"];
31
+ var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue"];
32
32
 
33
33
  /**
34
34
  * Выпадающий список. Поддерживает выбор одного или нескольких значений.
@@ -50,6 +50,8 @@ var selectRoot = function selectRoot(Root) {
50
50
  helperText = props.helperText,
51
51
  _props$disabled = props.disabled,
52
52
  disabled = _props$disabled === void 0 ? false : _props$disabled,
53
+ _props$readOnly = props.readOnly,
54
+ readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
53
55
  outerView = props.view,
54
56
  size = props.size,
55
57
  listOverflow = props.listOverflow,
@@ -110,7 +112,7 @@ var selectRoot = function selectRoot(Root) {
110
112
  var activeDescendantItemValue = ((_getItemByFocused = useKeyboardNavigation.getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
111
113
  var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
112
114
  var treeId = plasmaCore.safeUseId();
113
- var view = target === 'textfield-like' && disabled ? 'default' : getView.getView(status, outerView);
115
+ var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView.getView(status, outerView);
114
116
 
115
117
  // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
116
118
  var requiredProps = props.target === 'button-like' ? undefined : {
@@ -160,7 +162,7 @@ var selectRoot = function selectRoot(Root) {
160
162
  }
161
163
  };
162
164
  var handleListToggle = function handleListToggle(opened) {
163
- if (disabled) {
165
+ if (disabled || readOnly) {
164
166
  return;
165
167
  }
166
168
  if (opened) {
@@ -296,6 +298,7 @@ var selectRoot = function selectRoot(Root) {
296
298
  labelPlacement: labelPlacement,
297
299
  chipView: chipView,
298
300
  disabled: disabled,
301
+ readOnly: readOnly,
299
302
  id: id
300
303
  }, rest), name && /*#__PURE__*/React__default.default.createElement(SelectNative.SelectNative, {
301
304
  items: valueToItemMap,
@@ -337,6 +340,7 @@ var selectRoot = function selectRoot(Root) {
337
340
  size: size,
338
341
  contentLeft: contentLeft,
339
342
  disabled: disabled,
343
+ readOnly: readOnly,
340
344
  renderValue: renderValue,
341
345
  selectProps: props,
342
346
  inputWrapperRef: referenceRef,
@@ -360,7 +364,8 @@ var selectRoot = function selectRoot(Root) {
360
364
  size: size,
361
365
  labelPlacement: labelPlacement,
362
366
  chipView: chipView,
363
- disabled: disabled
367
+ disabled: disabled,
368
+ readOnly: readOnly
364
369
  }, rest), /*#__PURE__*/React__default.default.createElement(Select_styles.Ul, {
365
370
  role: "tree",
366
371
  id: "".concat(treeId, "_tree_level_1"),
package/cjs/components/Select/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useState,\n useReducer,\n useMemo,\n useLayoutEffect,\n useRef,\n ChangeEvent,\n ForwardedRef,\n} from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\nimport type { HintProps } from '../TextField/TextField.types';\n\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n initialItemsTransform,\n updateAncestors,\n updateDescendants,\n updateSingleAncestors,\n getView,\n getInitialValue,\n} from './utils';\nimport { Inner, Target } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { Ul, base } from './Select.styles';\nimport type { MergedSelectProps, RequiredProps } from './Select.types';\nimport type { MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';\nimport { FloatingPopover } from './FloatingPopover';\nimport { SelectNative } from './ui/SelectNative/SelectNative';\nimport { Context } from './Select.context';\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) =>\n forwardRef<HTMLButtonElement, MergedSelectProps>((props, ref) => {\n const {\n id,\n value: outerValue,\n onChange: outerOnChange,\n target = 'textfield-like',\n items,\n placement = 'bottom',\n label,\n labelPlacement,\n placeholder,\n helperText,\n disabled = false,\n view: outerView,\n size,\n listOverflow,\n listHeight,\n listWidth,\n contentLeft,\n onScrollBottom,\n chipView,\n variant = 'normal',\n portal,\n renderValue,\n renderItem,\n status,\n onItemSelect,\n separator,\n closeAfterSelect: outerCloseAfterSelect,\n isTargetAmount,\n beforeList,\n afterList,\n zIndex,\n name,\n defaultValue,\n ...rest\n } = props;\n const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n // Создаем структуры для быстрой работы с деревом\n const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap, labelToItemMap] = usePathMaps(\n transformedItems,\n );\n\n const [internalValue, setInternalValue] = useState<string | number | Array<string | number>>(\n props.multiselect ? [] : '',\n );\n\n const value =\n outerValue !== null && outerValue !== undefined\n ? getInitialValue(outerValue, valueToItemMap)\n : internalValue;\n\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n // Состояния дерева элементов\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n const [checked, setChecked] = useState(valueToCheckedMap);\n\n const isCurrentListOpen = Boolean(path[0]);\n const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value.toString() || '';\n const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;\n const treeId = safeUseId();\n const view = target === 'textfield-like' && disabled ? 'default' : getView(status, outerView);\n\n // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.\n const requiredProps =\n props.target === 'button-like'\n ? undefined\n : ({\n required: props.required,\n requiredPlacement: props.requiredPlacement,\n optional: props.optional,\n } as RequiredProps);\n\n // Собираем объект с пропсами для hint и прокидываем их напрямую в компонент Textfield.\n const hintProps =\n props.target === 'button-like'\n ? undefined\n : ({\n hintText: props.hintText,\n hintTrigger: props.hintTrigger,\n hintView: props.hintView,\n hintSize: props.hintSize,\n hintTargetPlacement: props.hintTargetPlacement,\n hintPlacement: props.hintPlacement,\n hintWidth: props.hintWidth,\n hintHasArrow: props.hintHasArrow,\n } as HintProps);\n\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n if (!isCurrentListOpen) {\n return;\n }\n\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }, floatingPopoverRef);\n\n const onChange = (\n newValue?: string | number | Array<string | number> | ChangeEvent<HTMLSelectElement> | null,\n ) => {\n if (outerOnChange) {\n // Условие для отправки если компонент используется без формы.\n if (!name && (typeof newValue === 'string' || Array.isArray(newValue))) {\n outerOnChange(newValue as any);\n }\n\n // Условие для отправки если компонент используется с формой.\n if (name && typeof newValue === 'object' && !Array.isArray(newValue)) {\n outerOnChange(newValue as any);\n }\n }\n\n // Условие для изменения внутреннего значения (только если newValue строка или массив строк).\n if (typeof newValue === 'string' || Array.isArray(newValue)) {\n setInternalValue(newValue);\n }\n };\n\n const handleListToggle = (opened: boolean) => {\n if (disabled) {\n return;\n }\n\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n };\n\n const handleCheckboxChange = (item: MergedDropdownNodeTransformed) => {\n if (!props.multiselect) {\n return;\n }\n\n const checkedCopy = new Map(checked);\n\n if (!checkedCopy.get(item.value)) {\n checkedCopy.set(item.value, true);\n updateDescendants(item, checkedCopy, true, valueToItemMap);\n } else {\n checkedCopy.set(item.value, false);\n updateDescendants(item, checkedCopy, false);\n }\n\n updateAncestors(item, checkedCopy);\n\n const newValues: Array<string | number> = [];\n\n valueToItemMap.forEach((item, key) => {\n if (checkedCopy.get(key)) {\n newValues.push(item.value);\n }\n });\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(newValues);\n }\n };\n\n const handleItemClick = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (!isEmpty(item?.items)) {\n return;\n }\n\n if (props.multiselect) {\n handleCheckboxChange(item);\n return;\n }\n\n if (e) {\n e.stopPropagation();\n }\n\n const isCurrentChecked = checked.get(item.value);\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(isCurrentChecked ? '' : item.value);\n }\n\n if (onItemSelect) {\n onItemSelect(item, e!);\n }\n };\n\n const handlePressDown = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (isEmpty(item.items)) {\n handleItemClick(item, e);\n } else if (props.multiselect) {\n handleCheckboxChange(item);\n }\n };\n\n const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n if (!onScrollBottom) return;\n\n const { target } = e;\n\n if (\n (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n (target as HTMLElement).clientHeight\n ) {\n onScrollBottom(e);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n });\n\n // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n useLayoutEffect(() => {\n const checkedCopy = new Map(checked);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isEmpty(value) || typeof value === 'number') {\n if (Array.isArray(value)) {\n value.forEach((val) => {\n checkedCopy.set(val, true);\n updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n });\n } else {\n checkedCopy.set(value, 'done');\n updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n }\n }\n\n setChecked(checkedCopy);\n\n // В deps мы кладем именно outerValue и internalValue, а не просто value.\n // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n }, [outerValue, internalValue, items]);\n\n useLayoutEffect(() => {\n if (defaultValue) {\n setInternalValue(defaultValue as string | string[]);\n }\n }, [defaultValue]);\n\n return (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n chipView={chipView}\n disabled={disabled}\n id={id}\n {...(rest as any)}\n >\n {name && (\n <SelectNative\n items={valueToItemMap}\n name={name}\n value={internalValue}\n multiselect={props.multiselect}\n onChange={onChange}\n onSetValue={setInternalValue}\n ref={ref as ForwardedRef<HTMLButtonElement>}\n />\n )}\n <Context.Provider\n value={{\n focusedPath,\n checked,\n multiselect: props.multiselect,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n renderItem,\n treeId,\n }}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isCurrentListOpen}\n onToggle={handleListToggle}\n placement={placement}\n portal={portal}\n listWidth={listWidth}\n target={(referenceRef) => (\n <Target\n ref={name ? null : ref}\n value={value}\n opened={isCurrentListOpen}\n valueToItemMap={valueToItemMap}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderValue={renderValue}\n selectProps={props}\n inputWrapperRef={referenceRef as React.MutableRefObject<HTMLDivElement>}\n multiselect={props.multiselect}\n view={view}\n helperText={helperText}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n isTargetAmount={isTargetAmount}\n onChange={onChange}\n labelToItemMap={labelToItemMap}\n chipView={chipView}\n separator={separator}\n requiredProps={requiredProps}\n hintProps={hintProps}\n />\n )}\n zIndex={zIndex}\n >\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n chipView={chipView}\n disabled={disabled}\n {...(rest as any)}\n >\n <Ul\n role=\"tree\"\n id={`${treeId}_tree_level_1`}\n aria-multiselectable={Boolean(props.multiselect)}\n listHeight={listHeight}\n listOverflow={listOverflow}\n onScroll={handleScroll}\n listWidth={listWidth}\n ref={targetRef}\n >\n {beforeList}\n\n {transformedItems.map((item, index) => (\n <Inner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n listWidth={listWidth}\n />\n ))}\n\n {afterList}\n </Ul>\n </Root>\n </FloatingPopover>\n </Context.Provider>\n </Root>\n );\n });\n\nexport const selectConfig = {\n name: 'Select',\n tag: 'div',\n layout: selectRoot,\n base,\n variations: {},\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'default',\n },\n};\n"],"names":["selectRoot","Root","forwardRef","props","ref","_getItemByFocused","id","outerValue","value","outerOnChange","onChange","_props$target","target","items","_props$placement","placement","label","labelPlacement","placeholder","helperText","_props$disabled","disabled","outerView","view","size","listOverflow","listHeight","listWidth","contentLeft","onScrollBottom","chipView","_props$variant","variant","portal","renderValue","renderItem","status","onItemSelect","separator","outerCloseAfterSelect","closeAfterSelect","isTargetAmount","beforeList","afterList","zIndex","name","defaultValue","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","labelToItemMap","_useState","useState","multiselect","_useState2","internalValue","setInternalValue","undefined","getInitialValue","floatingPopoverRef","useRef","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState3","_useState4","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","toString","treeId","safeUseId","getView","requiredProps","required","requiredPlacement","optional","hintProps","hintText","hintTrigger","hintView","hintSize","hintTargetPlacement","hintPlacement","hintWidth","hintHasArrow","targetRef","useOutsideClick","type","newValue","Array","isArray","_typeof","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","useLayoutEffect","_","val","updateSingleAncestors","React","createElement","_extends","SelectNative","onSetValue","Context","Provider","FloatingPopover","onToggle","referenceRef","Target","selectProps","inputWrapperRef","Ul","role","concat","onScroll","map","index","Inner","currentLevel","selectConfig","tag","layout","base","variations","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useState,\n useReducer,\n useMemo,\n useLayoutEffect,\n useRef,\n ChangeEvent,\n ForwardedRef,\n} from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\nimport type { HintProps } from '../TextField/TextField.types';\n\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n initialItemsTransform,\n updateAncestors,\n updateDescendants,\n updateSingleAncestors,\n getView,\n getInitialValue,\n} from './utils';\nimport { Inner, Target } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { Ul, base } from './Select.styles';\nimport type { MergedSelectProps, RequiredProps } from './Select.types';\nimport type { MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';\nimport { FloatingPopover } from './FloatingPopover';\nimport { SelectNative } from './ui/SelectNative/SelectNative';\nimport { Context } from './Select.context';\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) =>\n forwardRef<HTMLButtonElement, MergedSelectProps>((props, ref) => {\n const {\n id,\n value: outerValue,\n onChange: outerOnChange,\n target = 'textfield-like',\n items,\n placement = 'bottom',\n label,\n labelPlacement,\n placeholder,\n helperText,\n disabled = false,\n readOnly = false,\n view: outerView,\n size,\n listOverflow,\n listHeight,\n listWidth,\n contentLeft,\n onScrollBottom,\n chipView,\n variant = 'normal',\n portal,\n renderValue,\n renderItem,\n status,\n onItemSelect,\n separator,\n closeAfterSelect: outerCloseAfterSelect,\n isTargetAmount,\n beforeList,\n afterList,\n zIndex,\n name,\n defaultValue,\n ...rest\n } = props;\n const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n // Создаем структуры для быстрой работы с деревом\n const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap, labelToItemMap] = usePathMaps(\n transformedItems,\n );\n\n const [internalValue, setInternalValue] = useState<string | number | Array<string | number>>(\n props.multiselect ? [] : '',\n );\n\n const value =\n outerValue !== null && outerValue !== undefined\n ? getInitialValue(outerValue, valueToItemMap)\n : internalValue;\n\n const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n // Состояния дерева элементов\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n const [checked, setChecked] = useState(valueToCheckedMap);\n\n const isCurrentListOpen = Boolean(path[0]);\n const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value.toString() || '';\n const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;\n const treeId = safeUseId();\n const view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);\n\n // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.\n const requiredProps =\n props.target === 'button-like'\n ? undefined\n : ({\n required: props.required,\n requiredPlacement: props.requiredPlacement,\n optional: props.optional,\n } as RequiredProps);\n\n // Собираем объект с пропсами для hint и прокидываем их напрямую в компонент Textfield.\n const hintProps =\n props.target === 'button-like'\n ? undefined\n : ({\n hintText: props.hintText,\n hintTrigger: props.hintTrigger,\n hintView: props.hintView,\n hintSize: props.hintSize,\n hintTargetPlacement: props.hintTargetPlacement,\n hintPlacement: props.hintPlacement,\n hintWidth: props.hintWidth,\n hintHasArrow: props.hintHasArrow,\n } as HintProps);\n\n const targetRef = useOutsideClick<HTMLUListElement>(() => {\n if (!isCurrentListOpen) {\n return;\n }\n\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }, floatingPopoverRef);\n\n const onChange = (\n newValue?: string | number | Array<string | number> | ChangeEvent<HTMLSelectElement> | null,\n ) => {\n if (outerOnChange) {\n // Условие для отправки если компонент используется без формы.\n if (!name && (typeof newValue === 'string' || Array.isArray(newValue))) {\n outerOnChange(newValue as any);\n }\n\n // Условие для отправки если компонент используется с формой.\n if (name && typeof newValue === 'object' && !Array.isArray(newValue)) {\n outerOnChange(newValue as any);\n }\n }\n\n // Условие для изменения внутреннего значения (только если newValue строка или массив строк).\n if (typeof newValue === 'string' || Array.isArray(newValue)) {\n setInternalValue(newValue);\n }\n };\n\n const handleListToggle = (opened: boolean) => {\n if (disabled || readOnly) {\n return;\n }\n\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n }\n };\n\n const handleCheckboxChange = (item: MergedDropdownNodeTransformed) => {\n if (!props.multiselect) {\n return;\n }\n\n const checkedCopy = new Map(checked);\n\n if (!checkedCopy.get(item.value)) {\n checkedCopy.set(item.value, true);\n updateDescendants(item, checkedCopy, true, valueToItemMap);\n } else {\n checkedCopy.set(item.value, false);\n updateDescendants(item, checkedCopy, false);\n }\n\n updateAncestors(item, checkedCopy);\n\n const newValues: Array<string | number> = [];\n\n valueToItemMap.forEach((item, key) => {\n if (checkedCopy.get(key)) {\n newValues.push(item.value);\n }\n });\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(newValues);\n }\n };\n\n const handleItemClick = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (!isEmpty(item?.items)) {\n return;\n }\n\n if (props.multiselect) {\n handleCheckboxChange(item);\n return;\n }\n\n if (e) {\n e.stopPropagation();\n }\n\n const isCurrentChecked = checked.get(item.value);\n\n if (closeAfterSelect) {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n }\n\n if (onChange) {\n onChange(isCurrentChecked ? '' : item.value);\n }\n\n if (onItemSelect) {\n onItemSelect(item, e!);\n }\n };\n\n const handlePressDown = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (isEmpty(item.items)) {\n handleItemClick(item, e);\n } else if (props.multiselect) {\n handleCheckboxChange(item);\n }\n };\n\n const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n if (!onScrollBottom) return;\n\n const { target } = e;\n\n if (\n (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n (target as HTMLElement).clientHeight\n ) {\n onScrollBottom(e);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n });\n\n // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n useLayoutEffect(() => {\n const checkedCopy = new Map(checked);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isEmpty(value) || typeof value === 'number') {\n if (Array.isArray(value)) {\n value.forEach((val) => {\n checkedCopy.set(val, true);\n updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n });\n } else {\n checkedCopy.set(value, 'done');\n updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n }\n }\n\n setChecked(checkedCopy);\n\n // В deps мы кладем именно outerValue и internalValue, а не просто value.\n // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n }, [outerValue, internalValue, items]);\n\n useLayoutEffect(() => {\n if (defaultValue) {\n setInternalValue(defaultValue as string | string[]);\n }\n }, [defaultValue]);\n\n return (\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n chipView={chipView}\n disabled={disabled}\n readOnly={readOnly}\n id={id}\n {...(rest as any)}\n >\n {name && (\n <SelectNative\n items={valueToItemMap}\n name={name}\n value={internalValue}\n multiselect={props.multiselect}\n onChange={onChange}\n onSetValue={setInternalValue}\n ref={ref as ForwardedRef<HTMLButtonElement>}\n />\n )}\n <Context.Provider\n value={{\n focusedPath,\n checked,\n multiselect: props.multiselect,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n renderItem,\n treeId,\n }}\n >\n <FloatingPopover\n ref={floatingPopoverRef}\n opened={isCurrentListOpen}\n onToggle={handleListToggle}\n placement={placement}\n portal={portal}\n listWidth={listWidth}\n target={(referenceRef) => (\n <Target\n ref={name ? null : ref}\n value={value}\n opened={isCurrentListOpen}\n valueToItemMap={valueToItemMap}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n readOnly={readOnly}\n renderValue={renderValue}\n selectProps={props}\n inputWrapperRef={referenceRef as React.MutableRefObject<HTMLDivElement>}\n multiselect={props.multiselect}\n view={view}\n helperText={helperText}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n isTargetAmount={isTargetAmount}\n onChange={onChange}\n labelToItemMap={labelToItemMap}\n chipView={chipView}\n separator={separator}\n requiredProps={requiredProps}\n hintProps={hintProps}\n />\n )}\n zIndex={zIndex}\n >\n <Root\n view={view}\n size={size}\n labelPlacement={labelPlacement}\n chipView={chipView}\n disabled={disabled}\n readOnly={readOnly}\n {...(rest as any)}\n >\n <Ul\n role=\"tree\"\n id={`${treeId}_tree_level_1`}\n aria-multiselectable={Boolean(props.multiselect)}\n listHeight={listHeight}\n listOverflow={listOverflow}\n onScroll={handleScroll}\n listWidth={listWidth}\n ref={targetRef}\n >\n {beforeList}\n\n {transformedItems.map((item, index) => (\n <Inner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n listWidth={listWidth}\n />\n ))}\n\n {afterList}\n </Ul>\n </Root>\n </FloatingPopover>\n </Context.Provider>\n </Root>\n );\n });\n\nexport const selectConfig = {\n name: 'Select',\n tag: 'div',\n layout: selectRoot,\n base,\n variations: {},\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'default',\n },\n};\n"],"names":["selectRoot","Root","forwardRef","props","ref","_getItemByFocused","id","outerValue","value","outerOnChange","onChange","_props$target","target","items","_props$placement","placement","label","labelPlacement","placeholder","helperText","_props$disabled","disabled","_props$readOnly","readOnly","outerView","view","size","listOverflow","listHeight","listWidth","contentLeft","onScrollBottom","chipView","_props$variant","variant","portal","renderValue","renderItem","status","onItemSelect","separator","outerCloseAfterSelect","closeAfterSelect","isTargetAmount","beforeList","afterList","zIndex","name","defaultValue","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","labelToItemMap","_useState","useState","multiselect","_useState2","internalValue","setInternalValue","undefined","getInitialValue","floatingPopoverRef","useRef","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState3","_useState4","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","toString","treeId","safeUseId","getView","requiredProps","required","requiredPlacement","optional","hintProps","hintText","hintTrigger","hintView","hintSize","hintTargetPlacement","hintPlacement","hintWidth","hintHasArrow","targetRef","useOutsideClick","type","newValue","Array","isArray","_typeof","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","useLayoutEffect","_","val","updateSingleAncestors","React","createElement","_extends","SelectNative","onSetValue","Context","Provider","FloatingPopover","onToggle","referenceRef","Target","selectProps","inputWrapperRef","Ul","role","concat","onScroll","map","index","Inner","currentLevel","selectConfig","tag","layout","base","variations","defaults"],"mappings":"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"}
package/cjs/components/Select/Select.tokens.js CHANGED
@@ -76,6 +76,12 @@ var tokens = {
76
76
  textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',
77
77
  textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',
78
78
  textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',
79
+ /** Цвета для read-only состояния */
80
+ textFieldColorReadOnly: '--plasma-select-textfield-color-readonly',
81
+ textFieldBackgroundColorReadOnly: '--plasma-select-textfield-bg-color-readonly',
82
+ textFieldBorderColorReadOnly: '--plasma-select-textfield-border-color-readonly',
83
+ textFieldPlaceholderColorReadOnly: '--plasma-select-textfield__placeholder-color-readonly',
84
+ textFieldDividerColorReadOnly: '--plasma-select-textfield-divider-color-readonly',
79
85
  textFieldHeight: '--plasma-select-textfield-height',
80
86
  textFieldBorderWidth: '--plasma-select-textfield-border-width',
81
87
  textFieldBorderRadius: '--plasma-select-textfield-border-radius',
@@ -99,6 +105,7 @@ var tokens = {
99
105
  textFieldContentSlotRightColorHover: '--plasma-select-textfield-content-right-slot-color-hover',
100
106
  textFieldContentSlotRightColorActive: '--plasma-select-textfield-content-right-slot-color-active',
101
107
  textFieldLabelColor: '--plasma-select-textfield-label-color',
108
+ textFieldLabelColorReadOnly: '--plasma-select-textfield__label-color-readonly',
102
109
  textFieldLabelOffset: '--plasma-select-textfield-label-offset',
103
110
  textFieldLabelFontFamily: '--plasma-select-textfield-label-font-family',
104
111
  textFieldLabelFontStyle: '--plasma-select-textfield-label-font-style',
@@ -115,6 +122,7 @@ var tokens = {
115
122
  textFieldLabelInnerPadding: '--plasma-select-textfield-placement-inner-label-padding',
116
123
  textFieldContentLabelInnerPadding: '--plasma-select-textfield-placement-inner-content-padding',
117
124
  textFieldTitleCaptionColor: '--plasma-select-textfield-title-caption-color',
125
+ textFieldTitleCaptionColorReadOnly: '--plasma-select-textfield__title-caption-color-readonly',
118
126
  textFieldTitleCaptionInnerLabelOffset: '--plasma-select-textfield-title-caption-label-inner-offset',
119
127
  textFieldTitleCaptionFontFamily: '--plasma-select-textfield-title-caption-font-family',
120
128
  textFieldTitleCaptionFontStyle: '--plasma-select-textfield-title-caption-font-style',
@@ -123,6 +131,7 @@ var tokens = {
123
131
  textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',
124
132
  textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',
125
133
  textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',
134
+ textFieldLeftHelperColorReadOnly: '--plasma-select-textfield__left-helper-color-readonly',
126
135
  textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',
127
136
  textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',
128
137
  textFieldLeftHelperFontStyle: '--plasma-select-textfield-left-helper-font-style',
@@ -172,6 +181,10 @@ var tokens = {
172
181
  textFieldChipBackgroundHover: '--plasma-select-textfield-chip-background-hover',
173
182
  textFieldChipColorHover: '--plasma-select-textfield-chip-color-hover',
174
183
  textFieldChipScaleHover: '--plasma-select-textfield-chip-scale-hover',
184
+ textFieldChipBackgroundReadOnly: '--plasma-select-textfield__chip-background-readonly',
185
+ textFieldChipColorReadOnly: '--plasma-select-textfield__chip-color-readonly',
186
+ textFieldChipBackgroundReadOnlyHover: '--plasma-select-textfield__chip-background-readonly-hover',
187
+ textFieldChipColorReadOnlyHover: '--plasma-select-textfield__chip-color-readonly-hover',
175
188
  textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',
176
189
  textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',
177
190
  textFieldChipScaleActive: '--plasma-select-textfield-chip-scale-active',
@@ -188,6 +201,7 @@ var tokens = {
188
201
  textFieldChipLineHeight: '--plasma-select-textfield-chip-line-height',
189
202
  textFieldChipClearContentMarginLeft: '--plasma-select-textfield-chip-clear-content-margin-left',
190
203
  textFieldChipClearContentMarginRight: '--plasma-select-textfield-chip-clear-content-margin-right',
204
+ textFieldChipOpacityReadonly: '--plasma-select-textfield__chip-opacity-readonly',
191
205
  textFieldIndicatorColor: '--plasma-select-new-textfield-indicator-color',
192
206
  textFieldIndicatorSizeInner: '--plasma-select-new-textfield-indicator-size-inner',
193
207
  textFieldIndicatorSizeOuter: '--plasma-select-new-textfield-indicator-size-outer',