@salutejs/plasma-new-hope 0.262.0-canary.1767.13257914746.0 → 0.262.0-canary.1770.13273833712.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (238) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +5 -5
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +5 -5
  3. package/cjs/components/Combobox/ComboboxOld/Combobox.css +4 -4
  4. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  5. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  6. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  7. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  8. package/cjs/components/DatePicker/RangeDate/RangeDate.css +6 -6
  9. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -6
  10. package/cjs/components/DatePicker/SingleDate/SingleDate.css +5 -5
  11. package/cjs/components/Dropdown/Dropdown.css +4 -4
  12. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
  13. package/cjs/components/Pagination/Pagination.css +5 -5
  14. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +5 -5
  15. package/cjs/components/Popover/Popover.css +4 -4
  16. package/cjs/components/Popover/Popover.styles.js +1 -1
  17. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  18. package/cjs/components/Popover/Popover.styles_15l7isk.css +4 -0
  19. package/cjs/components/Popover/Popover.tokens.js +0 -1
  20. package/cjs/components/Popover/Popover.tokens.js.map +1 -1
  21. package/cjs/components/Range/Range.css +6 -6
  22. package/cjs/components/Range/Range.styles.js.map +1 -1
  23. package/cjs/components/Range/Range.tokens.js +2 -0
  24. package/cjs/components/Range/Range.tokens.js.map +1 -1
  25. package/cjs/components/Range/variations/_readonly/base.js +1 -1
  26. package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
  27. package/{es/components/Range/variations/_readonly/base_8q1gx8.css → cjs/components/Range/variations/_readonly/base_1jlqwtc.css} +1 -1
  28. package/cjs/components/Select/Select.css +5 -5
  29. package/cjs/components/Select/ui/Target/Target.css +5 -5
  30. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +5 -5
  31. package/cjs/components/Slider/Slider.css +5 -5
  32. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +5 -5
  33. package/cjs/components/TextArea/TextArea.js +9 -7
  34. package/cjs/components/TextArea/TextArea.js.map +1 -1
  35. package/cjs/components/TextArea/TextArea.tokens.js +1 -0
  36. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  37. package/cjs/components/TextArea/ui/Hint/Hint.css +4 -4
  38. package/cjs/components/TextArea/variations/_read-only/base.js +9 -0
  39. package/cjs/components/TextArea/variations/_read-only/base.js.map +1 -0
  40. package/cjs/components/TextArea/variations/_read-only/base_vx1mwu.css +1 -0
  41. package/cjs/components/TextField/ui/Hint/Hint.css +4 -4
  42. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  43. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  44. package/{es/components/TextField/variations/_read-only/base_oizdmx.css → cjs/components/TextField/variations/_read-only/base_bvfe3o.css} +1 -1
  45. package/cjs/index.css +8 -6
  46. package/emotion/cjs/components/Popover/Popover.styles.js +4 -4
  47. package/emotion/cjs/components/Popover/Popover.tokens.js +0 -1
  48. package/emotion/cjs/components/Range/Range.styles.js +10 -10
  49. package/emotion/cjs/components/Range/Range.tokens.js +2 -0
  50. package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
  51. package/emotion/cjs/components/TextArea/TextArea.js +10 -8
  52. package/emotion/cjs/components/TextArea/TextArea.tokens.js +1 -0
  53. package/emotion/cjs/components/TextArea/variations/_read-only/base.js +10 -0
  54. package/emotion/cjs/components/TextArea/variations/_read-only/tokens.json +1 -0
  55. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  56. package/emotion/cjs/components/_Icon/Icon.assets/Lock.js +26 -0
  57. package/emotion/cjs/components/_Icon/Icons/IconLock.js +24 -0
  58. package/emotion/cjs/components/_Icon/index.js +7 -0
  59. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  60. package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
  61. package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -3
  62. package/emotion/cjs/examples/plasma_b2c/components/Range/Range.config.js +7 -7
  63. package/emotion/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
  64. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +16 -13
  65. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
  66. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +22 -22
  67. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
  68. package/emotion/cjs/examples/plasma_web/components/Popover/Popover.config.js +1 -1
  69. package/emotion/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -3
  70. package/emotion/cjs/examples/plasma_web/components/Range/Range.config.js +7 -7
  71. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
  72. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +22 -22
  73. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
  74. package/emotion/es/components/Popover/Popover.styles.js +4 -4
  75. package/emotion/es/components/Popover/Popover.tokens.js +0 -1
  76. package/emotion/es/components/Range/Range.styles.js +10 -10
  77. package/emotion/es/components/Range/Range.tokens.js +2 -0
  78. package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
  79. package/emotion/es/components/TextArea/TextArea.js +6 -4
  80. package/emotion/es/components/TextArea/TextArea.tokens.js +1 -0
  81. package/emotion/es/components/TextArea/variations/_read-only/base.js +4 -0
  82. package/emotion/es/components/TextArea/variations/_read-only/tokens.json +1 -0
  83. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  84. package/emotion/es/components/_Icon/Icon.assets/Lock.js +19 -0
  85. package/emotion/es/components/_Icon/Icons/IconLock.js +17 -0
  86. package/emotion/es/components/_Icon/index.js +1 -0
  87. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  88. package/emotion/es/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
  89. package/emotion/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -3
  90. package/emotion/es/examples/plasma_b2c/components/Range/Range.config.js +7 -7
  91. package/emotion/es/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
  92. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +16 -13
  93. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
  94. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +22 -22
  95. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
  96. package/emotion/es/examples/plasma_web/components/Popover/Popover.config.js +1 -1
  97. package/emotion/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -3
  98. package/emotion/es/examples/plasma_web/components/Range/Range.config.js +7 -7
  99. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
  100. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +22 -22
  101. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
  102. package/es/components/Autocomplete/Autocomplete.css +5 -5
  103. package/es/components/Combobox/ComboboxNew/Combobox.css +5 -5
  104. package/es/components/Combobox/ComboboxOld/Combobox.css +4 -4
  105. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  106. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  107. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  108. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  109. package/es/components/DatePicker/RangeDate/RangeDate.css +6 -6
  110. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -6
  111. package/es/components/DatePicker/SingleDate/SingleDate.css +5 -5
  112. package/es/components/Dropdown/Dropdown.css +4 -4
  113. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
  114. package/es/components/Pagination/Pagination.css +5 -5
  115. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +5 -5
  116. package/es/components/Popover/Popover.css +4 -4
  117. package/es/components/Popover/Popover.styles.js +1 -1
  118. package/es/components/Popover/Popover.styles.js.map +1 -1
  119. package/es/components/Popover/Popover.styles_15l7isk.css +4 -0
  120. package/es/components/Popover/Popover.tokens.js +0 -1
  121. package/es/components/Popover/Popover.tokens.js.map +1 -1
  122. package/es/components/Range/Range.css +6 -6
  123. package/es/components/Range/Range.styles.js.map +1 -1
  124. package/es/components/Range/Range.tokens.js +2 -0
  125. package/es/components/Range/Range.tokens.js.map +1 -1
  126. package/es/components/Range/variations/_readonly/base.js +1 -1
  127. package/es/components/Range/variations/_readonly/base.js.map +1 -1
  128. package/{cjs/components/Range/variations/_readonly/base_8q1gx8.css → es/components/Range/variations/_readonly/base_1jlqwtc.css} +1 -1
  129. package/es/components/Select/Select.css +5 -5
  130. package/es/components/Select/ui/Target/Target.css +5 -5
  131. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +5 -5
  132. package/es/components/Slider/Slider.css +5 -5
  133. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +5 -5
  134. package/es/components/TextArea/TextArea.js +9 -7
  135. package/es/components/TextArea/TextArea.js.map +1 -1
  136. package/es/components/TextArea/TextArea.tokens.js +1 -0
  137. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  138. package/es/components/TextArea/ui/Hint/Hint.css +4 -4
  139. package/es/components/TextArea/variations/_read-only/base.js +5 -0
  140. package/es/components/TextArea/variations/_read-only/base.js.map +1 -0
  141. package/es/components/TextArea/variations/_read-only/base_vx1mwu.css +1 -0
  142. package/es/components/TextField/ui/Hint/Hint.css +4 -4
  143. package/es/components/TextField/variations/_read-only/base.js +1 -1
  144. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  145. package/{cjs/components/TextField/variations/_read-only/base_oizdmx.css → es/components/TextField/variations/_read-only/base_bvfe3o.css} +1 -1
  146. package/es/index.css +8 -6
  147. package/package.json +2 -2
  148. package/styled-components/cjs/components/Popover/Popover.styles.js +3 -3
  149. package/styled-components/cjs/components/Popover/Popover.tokens.js +0 -1
  150. package/styled-components/cjs/components/Range/Range.tokens.js +2 -0
  151. package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
  152. package/styled-components/cjs/components/TextArea/TextArea.js +9 -7
  153. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +1 -0
  154. package/styled-components/cjs/components/TextArea/variations/_read-only/base.js +10 -0
  155. package/styled-components/cjs/components/TextArea/variations/_read-only/tokens.json +1 -0
  156. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  157. package/styled-components/cjs/components/_Icon/Icon.assets/Lock.js +26 -0
  158. package/styled-components/cjs/components/_Icon/Icons/IconLock.js +24 -0
  159. package/styled-components/cjs/components/_Icon/index.js +7 -0
  160. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  161. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
  162. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -3
  163. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +1 -1
  164. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
  165. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +3 -0
  166. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
  167. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +7 -7
  168. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
  169. package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.config.js +1 -1
  170. package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -3
  171. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +1 -1
  172. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
  173. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -7
  174. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
  175. package/styled-components/es/components/Popover/Popover.styles.js +3 -3
  176. package/styled-components/es/components/Popover/Popover.tokens.js +0 -1
  177. package/styled-components/es/components/Range/Range.tokens.js +2 -0
  178. package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
  179. package/styled-components/es/components/TextArea/TextArea.js +5 -3
  180. package/styled-components/es/components/TextArea/TextArea.tokens.js +1 -0
  181. package/styled-components/es/components/TextArea/variations/_read-only/base.js +4 -0
  182. package/styled-components/es/components/TextArea/variations/_read-only/tokens.json +1 -0
  183. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  184. package/styled-components/es/components/_Icon/Icon.assets/Lock.js +19 -0
  185. package/styled-components/es/components/_Icon/Icons/IconLock.js +17 -0
  186. package/styled-components/es/components/_Icon/index.js +1 -0
  187. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  188. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
  189. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -3
  190. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +1 -1
  191. package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
  192. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +3 -0
  193. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
  194. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +7 -7
  195. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
  196. package/styled-components/es/examples/plasma_web/components/Popover/Popover.config.js +1 -1
  197. package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -3
  198. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +1 -1
  199. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
  200. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -7
  201. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
  202. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  203. package/types/components/Popover/Popover.tokens.d.ts +0 -1
  204. package/types/components/Popover/Popover.tokens.d.ts.map +1 -1
  205. package/types/components/Range/Range.tokens.d.ts +2 -0
  206. package/types/components/Range/Range.tokens.d.ts.map +1 -1
  207. package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
  208. package/types/components/TextArea/TextArea.d.ts +3 -2
  209. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  210. package/types/components/TextArea/TextArea.tokens.d.ts +1 -0
  211. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  212. package/types/components/TextArea/variations/_read-only/base.d.ts +2 -0
  213. package/types/components/TextArea/variations/_read-only/base.d.ts.map +1 -0
  214. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  215. package/types/components/_Icon/Icon.assets/Lock.d.ts +4 -0
  216. package/types/components/_Icon/Icon.assets/Lock.d.ts.map +1 -0
  217. package/types/components/_Icon/Icons/IconLock.d.ts +4 -0
  218. package/types/components/_Icon/Icons/IconLock.d.ts.map +1 -0
  219. package/types/components/_Icon/index.d.ts +1 -0
  220. package/types/components/_Icon/index.d.ts.map +1 -1
  221. package/types/examples/plasma_b2c/components/Popover/Popover.config.d.ts.map +1 -1
  222. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -1
  223. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
  224. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  225. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +3 -0
  226. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  227. package/types/examples/plasma_web/components/Popover/Popover.config.d.ts.map +1 -1
  228. package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -1
  229. package/cjs/components/Popover/Popover.styles_ji8em4.css +0 -4
  230. package/emotion/cjs/examples/plasma_b2c/components/Popover/style.css +0 -4
  231. package/emotion/cjs/examples/plasma_web/components/Popover/style.css +0 -4
  232. package/emotion/es/examples/plasma_b2c/components/Popover/style.css +0 -4
  233. package/emotion/es/examples/plasma_web/components/Popover/style.css +0 -4
  234. package/es/components/Popover/Popover.styles_ji8em4.css +0 -4
  235. package/styled-components/cjs/examples/plasma_b2c/components/Popover/style.css +0 -4
  236. package/styled-components/cjs/examples/plasma_web/components/Popover/style.css +0 -4
  237. package/styled-components/es/examples/plasma_b2c/components/Popover/style.css +0 -4
  238. package/styled-components/es/examples/plasma_web/components/Popover/style.css +0 -4
package/es/index.css CHANGED
@@ -126,10 +126,10 @@
126
126
  .Radiobox_styles_vikocp_s14xglkp__f2b84016{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_vikocp_s14xglkp__f2b84016{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
127
127
  .Radiobox_styles_vikocp_bdte4ex__f2b84016{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Radiobox_styles_vikocp_bdte4ex__f2b84016 .Radiobox_styles_vikocp_singleLine__f2b84016{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
128
128
 
129
- .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
130
- .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
131
- .Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
132
- .Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
129
+ .Popover_styles_15l7isk_s1g1xbt5__0e040602{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
130
+ .Popover_styles_15l7isk_s12xwbyh__0e040602{display:inline-block;}.Popover_styles_15l7isk_s12xwbyh__0e040602.Popover_styles_15l7isk_popoverTargetAsRef__0e040602{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_15l7isk_s12xwbyh__0e040602.Popover_styles_15l7isk_popoverTargetAsRef__0e040602 .Popover_styles_15l7isk_s1g1xbt5__0e040602{width:100%;height:100%;display:block;}
131
+ .Popover_styles_15l7isk_s1pd4d8a__0e040602{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_15l7isk_s1pd4d8a__0e040602::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
132
+ .Popover_styles_15l7isk_s16xlixz__0e040602{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_15l7isk_s16xlixz__0e040602.Popover_styles_15l7isk_popoverAnimate__0e040602{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_15l7isk_s16xlixz__0e040602.Popover_styles_15l7isk_popoverOpen__0e040602{opacity:1;visibility:visible;}.Popover_styles_15l7isk_s16xlixz__0e040602:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top'] > .Popover_styles_15l7isk_popoverArrow__0e040602{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left'] > .Popover_styles_15l7isk_popoverArrow__0e040602{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right'] > .Popover_styles_15l7isk_popoverArrow__0e040602{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
133
133
 
134
134
 
135
135
  .TextArea_styles_ztsrpt_o1r1fvk8__c79165c1{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;margin-bottom:var(--o1r1fvk8-0);}
@@ -156,6 +156,8 @@
156
156
 
157
157
  .base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59{border:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_o1r1fvk8__f2a5cb59{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_stc5t23__f2a5cb59{right:0;bottom:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59,.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_snf439a__f2a5cb59{padding-left:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_snf439a__f2a5cb59{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59.base_kgm261_textareaHasRightContent__f2a5cb59{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59:not(.base_kgm261_innerPlaceholderUp__f2a5cb59) .base_kgm261_s14zw9ik__f2a5cb59{color:var(--plasma-textarea-clear-placeholder-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59:not(.base_kgm261_innerPlaceholderUp__f2a5cb59).base_kgm261_focusedOuterPlaceholderColor__f2a5cb59 .base_kgm261_s14zw9ik__f2a5cb59{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59.base_kgm261_innerPlaceholderUp__f2a5cb59{color:var(--plasma-textarea-placeholder-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s14zw9ik__f2a5cb59{padding-left:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59.base_kgm261_requiredAlignRight__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasHint__f2a5cb59 .base_kgm261_s18tpn65__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasHint__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59.base_kgm261_requiredAlignRight__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_textareaContainer__f2a5cb59{border:unset;border-radius:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaWrapper__f2a5cb59{background-color:unset;box-shadow:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaContainer__f2a5cb59{border:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaHelpers__f2a5cb59{background-color:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59:not([readonly]) .base_kgm261_s3wsw3p__f2a5cb59:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59:not([readonly]) .base_kgm261_s3wsw3p__f2a5cb59:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
158
158
 
159
+ .base_vx1mwu_b1xxdrt2__fbf15cbb[readonly] .base_vx1mwu_s18lndvq__fbf15cbb{color:var(--plasma-textarea-input-color-read-only);}
160
+
159
161
  .base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_1bn0zc9_b1w9g1pa__29fe1634 .base_1bn0zc9_textarea__29fe1634:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
160
162
 
161
163
  .base_111a0qe_b193dn9j__86c7166a .base_111a0qe_h1luq7vd__86c7166a{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}
@@ -172,7 +174,7 @@
172
174
 
173
175
  .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;}
174
176
 
175
- .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);}
177
+ .base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63{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_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_textfieldHasDivider__9e0cae63 .base_bvfe3o_iq39zt5__9e0cae63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:focus-within .base_bvfe3o_i19ry60d__9e0cae63,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_i19ry60d__9e0cae63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_io4bpie__9e0cae63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_tlv9av6__9e0cae63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_lb3k3v1__9e0cae63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:hover,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_labelPlacementOuter__9e0cae63 .base_bvfe3o_luk2zst__9e0cae63{color:var(--plasma-textfield__label-color-readonly);}
176
178
 
177
179
  .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);}
178
180
 
@@ -718,7 +720,7 @@
718
720
 
719
721
  .base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
720
722
 
721
- .base_8q1gx8_b1l9fpln__a910018b[readonly]{cursor:default;}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_cfxtxl2__a910018b{background:var(--plasma-range-background-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s14q3826__a910018b{display:block;color:var(--plasma-range__label-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_l1e6rwfy__a910018b{color:var(--plasma-range__left-helper-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s1hiyoiq__a910018b{color:var(--plasma-range__divider-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s15y5ylz__a910018b,.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_suha98b__a910018b{color:var(--plasma-range-textfield-color-readonly);}
723
+ .base_1jlqwtc_b1l9fpln__86a36108[readonly]{cursor:default;}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_cfxtxl2__86a36108{background:var(--plasma-range-background-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s14q3826__86a36108{display:block;color:var(--plasma-range__label-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_l1e6rwfy__86a36108{color:var(--plasma-range__left-helper-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s1hiyoiq__86a36108{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s15y5ylz__86a36108,.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{color:var(--plasma-range-textfield-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{opacity:var(--plasma-range__right-content-opacity-readonly);}
722
724
 
723
725
  .Range_styles_pk9346_s1k2erwt__4887fc13{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_pk9346_s1k2erwt__4887fc13.Range_styles_pk9346_rangeValueError__4887fc13{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_pk9346_s1k2erwt__4887fc13.Range_styles_pk9346_rangeValueSuccess__4887fc13{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
724
726
  .Range_styles_pk9346_b16kyj37__4887fc13{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.262.0-canary.1767.13257914746.0",
3
+ "version": "0.262.0-canary.1770.13273833712.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -131,5 +131,5 @@
131
131
  "sideEffects": [
132
132
  "*.css"
133
133
  ],
134
- "gitHead": "b2beb57f53d5e035a5549f8f0ee2009b30a39347"
134
+ "gitHead": "fe823f8686bd74cf456d893c11dde1c4f2089861"
135
135
  }
@@ -16,10 +16,10 @@ var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["defa
16
16
  })(["display:inline-block;&.", "{position:absolute;top:0;left:0;width:100%;height:100%;", "{width:100%;height:100%;display:block;}}"], _Popover.classes.targetAsRef, StyledRoot);
17
17
  var StyledArrow = exports.StyledArrow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
18
18
  componentId: "plasma-new-hope__sc-tnpyex-2"
19
- })(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], _Popover.tokens.arrowMaskWidth, _Popover.tokens.arrowMaskHeight, _Popover.tokens.arrowMaskWidth, _Popover.tokens.arrowMaskHeight, _Popover.tokens.arrowMaskImage, _Popover.tokens.arrowBackground);
19
+ })(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], /*#__PURE__*/String(_Popover.tokens.arrowMaskWidth), /*#__PURE__*/String(_Popover.tokens.arrowMaskHeight), /*#__PURE__*/String(_Popover.tokens.arrowMaskWidth), /*#__PURE__*/String(_Popover.tokens.arrowMaskHeight), /*#__PURE__*/String(_Popover.tokens.arrowMaskImage), /*#__PURE__*/String(_Popover.tokens.arrowBackground));
20
20
  var StyledPopover = exports.StyledPopover = /*#__PURE__*/_styledComponents["default"].div.withConfig({
21
21
  componentId: "plasma-new-hope__sc-tnpyex-3"
22
- })(["position:absolute;z-index:", ";opacity:0;visibility:hidden;box-shadow:var(", ");&.", "{transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}&.", "{opacity:1;visibility:visible;}&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
22
+ })(["position:absolute;z-index:", ";opacity:0;visibility:hidden;&.", "{transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}&.", "{opacity:1;visibility:visible;}&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
23
23
  var zIndex = _ref.zIndex;
24
24
  return zIndex || _utils.DEFAULT_Z_INDEX;
25
- }, _Popover.tokens.boxShadow, _Popover.classes.animate, _Popover.classes.open, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.tokens.arrowEdgeMargin, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.tokens.arrowEdgeMargin, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.tokens.arrowEdgeMargin, _Popover.classes.arrow, _Popover.tokens.arrowHeight, _Popover.tokens.arrowEdgeMargin, _Popover.classes.arrow, _Popover.classes.arrow, _Popover.tokens.arrowEdgeMargin, _Popover.classes.arrow, _Popover.classes.arrow, _Popover.tokens.arrowEdgeMargin, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight, _Popover.tokens.arrowHeight);
25
+ }, _Popover.classes.animate, _Popover.classes.open, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight));
@@ -14,7 +14,6 @@ var classes = exports.classes = {
14
14
  animate: 'popover-animate'
15
15
  };
16
16
  var tokens = exports.tokens = {
17
- boxShadow: '--plasma-popover-box-shadow',
18
17
  arrowMaskWidth: '--plasma-popover-arrow-mask-width',
19
18
  arrowMaskHeight: '--plasma-popover-arrow-mask-height',
20
19
  arrowMaskImage: '--plasma-popover-arrow-mask-image',
@@ -26,6 +26,7 @@ var tokens = exports.tokens = {
26
26
  /** Токены разделителя */
27
27
  dividerColor: '--plasma-range__divider-color',
28
28
  dividerColorReadOnly: '--plasma-range__divider-color-readonly',
29
+ dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',
29
30
  dividerPadding: '--plasma-range__divider-padding',
30
31
  dividerFontFamily: '--plasma-range__divider-font-family',
31
32
  dividerFontStyle: '--plasma-range__divider-font-style',
@@ -36,6 +37,7 @@ var tokens = exports.tokens = {
36
37
  /** Токены слотов для контента */
37
38
  leftContentMargin: '--plasma-range__left-content-margin',
38
39
  rightContentMargin: '--plasma-range__right-content-margin',
40
+ rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
39
41
  /** Токены лейбла */
40
42
  labelColor: '--plasma-range__label-color',
41
43
  labelColorReadOnly: '--plasma-range__label-color-readonly',
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Range = /*#__PURE__*/require("../../Range.tokens");
9
9
  var _Range2 = /*#__PURE__*/require("../../Range.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", "{background:var(", ");}", "{display:block;color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", ",", "{color:var(", ");}}"], _Range2.ContentWrapper, _Range.tokens.backgroundReadOnly, _Range2.StyledLabel, _Range.tokens.labelColorReadOnly, _Range2.LeftHelper, _Range.tokens.leftHelperColorReadOnly, _Range2.StyledDivider, _Range.tokens.dividerColorReadOnly, _Range2.StyledContentLeft, _Range2.StyledContentRight, _Range.tokens.textFieldColorReadOnly);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", "{background:var(", ");}", "{display:block;color:var(", ");}", "{color:var(", ");}", "{color:var(", ");opacity:var(", ");}", ",", "{color:var(", ");}", "{opacity:var(", ");}}"], _Range2.ContentWrapper, _Range.tokens.backgroundReadOnly, _Range2.StyledLabel, _Range.tokens.labelColorReadOnly, _Range2.LeftHelper, _Range.tokens.leftHelperColorReadOnly, _Range2.StyledDivider, _Range.tokens.dividerColorReadOnly, _Range.tokens.dividerOpacityReadOnly, _Range2.StyledContentLeft, _Range2.StyledContentRight, _Range.tokens.textFieldColorReadOnly, _Range2.StyledContentRight, _Range.tokens.rightContentOpacityReadOnly);
@@ -17,9 +17,10 @@ var _TextArea2 = /*#__PURE__*/require("./TextArea.tokens");
17
17
  var _base = /*#__PURE__*/require("./variations/_view/base");
18
18
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
19
19
  var _base3 = /*#__PURE__*/require("./variations/_clear/base");
20
- var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
21
- var _base5 = /*#__PURE__*/require("./variations/_hint-view/base");
22
- var _base6 = /*#__PURE__*/require("./variations/_hint-size/base");
20
+ var _base4 = /*#__PURE__*/require("./variations/_read-only/base");
21
+ var _base5 = /*#__PURE__*/require("./variations/_disabled/base");
22
+ var _base6 = /*#__PURE__*/require("./variations/_hint-view/base");
23
+ var _base7 = /*#__PURE__*/require("./variations/_hint-size/base");
23
24
  var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
24
25
  var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "leftHelperPlacement", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
25
26
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -358,18 +359,19 @@ var textAreaConfig = exports.textAreaConfig = {
358
359
  css: _base3.base,
359
360
  attrs: true
360
361
  },
361
- disabled: {
362
+ readOnly: {
362
363
  css: _base4.base,
363
364
  attrs: true
364
365
  },
365
- readOnly: {
366
+ disabled: {
367
+ css: _base5.base,
366
368
  attrs: true
367
369
  },
368
370
  hintView: {
369
- css: _base5.base
371
+ css: _base6.base
370
372
  },
371
373
  hintSize: {
372
- css: _base6.base
374
+ css: _base7.base
373
375
  }
374
376
  },
375
377
  defaults: {
@@ -66,6 +66,7 @@ var tokens = exports.tokens = {
66
66
  /** Цвет текста для элемента textarea */
67
67
  inputColor: '--plasma-textarea-input-color',
68
68
  clearInputColor: '--plasma-textarea-input-clear-color',
69
+ inputColorReadOnly: '--plasma-textarea-input-color-read-only',
69
70
  /** Цвет текста для элемента textarea в состоянии focus */
70
71
  inputColorFocus: '--plasma-textarea-input-color-focus',
71
72
  /** Цвет каретки для элемента textarea */
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.base = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("styled-components");
8
+ var _TextArea = /*#__PURE__*/require("../../TextArea.styles");
9
+ var _TextArea2 = /*#__PURE__*/require("../../TextArea.tokens");
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");}}"], _TextArea.StyledTextArea, _TextArea2.tokens.inputColorReadOnly);
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
9
  var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}", ":hover,", ":active{cursor:default;color:var(", ",var(", "));}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField2.StyledContentRight, _TextField2.StyledContentRight, _TextField.tokens.contentSlotRightColor, _TextField.tokens.contentSlotColor, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Lock = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
+ var _path, _path2;
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+ var Lock = exports.Lock = function Lock(props) {
12
+ return /*#__PURE__*/_react["default"].createElement("svg", _extends({
13
+ width: "24",
14
+ height: "24",
15
+ viewBox: "0 0 24 24",
16
+ fill: "none"
17
+ }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
18
+ d: "M12.0001 18C13.1046 18 14.0001 17.1046 14.0001 16C14.0001 14.8954 13.1046 14 12.0001 14C10.8955 14 10.0001 14.8954 10.0001 16C10.0001 17.1046 10.8955 18 12.0001 18Z",
19
+ fill: "currentColor"
20
+ })), _path2 || (_path2 = /*#__PURE__*/_react["default"].createElement("path", {
21
+ fillRule: "evenodd",
22
+ clipRule: "evenodd",
23
+ d: "M16.7501 7V10.0056C17.0393 10.0142 17.2842 10.0359 17.5087 10.0898C18.6971 10.3751 19.625 11.3029 19.9103 12.4913C20.0005 12.8672 20.0003 13.3001 20.0001 13.9028L20.0001 17.2814C20.0001 17.9548 20.0001 18.5055 19.9635 18.9531C19.9257 19.4163 19.8449 19.8347 19.6458 20.2255C19.3342 20.837 18.837 21.3342 18.2255 21.6458C17.8348 21.8449 17.4164 21.9256 16.9531 21.9634C16.5056 22 15.9549 22 15.2815 22H8.71861C8.04524 22 7.49454 22 7.04698 21.9634C6.58372 21.9256 6.16532 21.8449 5.77458 21.6458C5.16306 21.3342 4.66587 20.837 4.35428 20.2255C4.15519 19.8347 4.07445 19.4163 4.0366 18.9531C4.00004 18.5055 4.00004 17.9548 4.00005 17.2814L4.00003 13.9029C3.99978 13.3001 3.9996 12.8672 4.08985 12.4913C4.37515 11.3029 5.30299 10.3751 6.49135 10.0898C6.7159 10.0359 6.96077 10.0142 7.25005 10.0056V7C7.25005 4.37665 9.3767 2.25 12.0001 2.25C14.6234 2.25 16.7501 4.37665 16.7501 7ZM8.75005 7C8.75005 5.20507 10.2051 3.75 12.0001 3.75C13.795 3.75 15.2501 5.20507 15.2501 7V10H8.75005V7ZM6.84152 11.5484C7.02117 11.5052 7.25947 11.5 8.00005 11.5H16.0001C16.7406 11.5 16.9789 11.5052 17.1586 11.5484C17.7985 11.702 18.2981 12.2016 18.4517 12.8415C18.4948 13.0211 18.5001 13.2594 18.5001 14V17.25C18.5001 17.9624 18.4995 18.4517 18.4685 18.8309C18.4382 19.2014 18.3827 19.4004 18.3093 19.5445C18.1415 19.8738 17.8738 20.1415 17.5445 20.3093C17.4005 20.3827 17.2015 20.4382 16.831 20.4684C16.4517 20.4994 15.9625 20.5 15.2501 20.5H8.75005C8.03761 20.5 7.54839 20.4994 7.16913 20.4684C6.79863 20.4382 6.59961 20.3827 6.45557 20.3093C6.12628 20.1415 5.85857 19.8738 5.69079 19.5445C5.6174 19.4004 5.56189 19.2014 5.53162 18.8309C5.50063 18.4517 5.50005 17.9624 5.50005 17.25V14C5.50005 13.2594 5.50527 13.0211 5.5484 12.8415C5.70203 12.2016 6.20164 11.702 6.84152 11.5484Z",
24
+ fill: "currentColor"
25
+ })));
26
+ };
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconLock = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
+ var _Lock = /*#__PURE__*/require("../Icon.assets/Lock");
9
+ var _IconRoot = /*#__PURE__*/require("../IconRoot");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ var IconLock = exports.IconLock = function IconLock(_ref) {
12
+ var _ref$size = _ref.size,
13
+ size = _ref$size === void 0 ? 's' : _ref$size,
14
+ color = _ref.color,
15
+ className = _ref.className,
16
+ sizeCustomValue = _ref.sizeCustomValue;
17
+ return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
18
+ className: className,
19
+ sizeCustomValue: sizeCustomValue,
20
+ size: size,
21
+ color: color,
22
+ icon: _Lock.Lock
23
+ });
24
+ };
@@ -159,6 +159,12 @@ Object.defineProperty(exports, "IconInfoCircleOutline", {
159
159
  return _IconInfoCircleOutline.IconInfoCircleOutline;
160
160
  }
161
161
  });
162
+ Object.defineProperty(exports, "IconLock", {
163
+ enumerable: true,
164
+ get: function get() {
165
+ return _IconLock.IconLock;
166
+ }
167
+ });
162
168
  Object.defineProperty(exports, "IconMic", {
163
169
  enumerable: true,
164
170
  get: function get() {
@@ -244,6 +250,7 @@ var _IconDisclosureRightWithOffset = /*#__PURE__*/require("./Icons/IconDisclosur
244
250
  var _IconDisclosureDownFill = /*#__PURE__*/require("./Icons/IconDisclosureDownFill");
245
251
  var _IconDisclosureDownWithOffset = /*#__PURE__*/require("./Icons/IconDisclosureDownWithOffset");
246
252
  var _IconDisclosureUpWithOffset = /*#__PURE__*/require("./Icons/IconDisclosureUpWithOffset");
253
+ var _IconLock = /*#__PURE__*/require("./Icons/IconLock");
247
254
  var _IconMic = /*#__PURE__*/require("./Icons/IconMic");
248
255
  var _IconChevronLeft = /*#__PURE__*/require("./Icons/IconChevronLeft");
249
256
  var _IconChevronDoubleLeft = /*#__PURE__*/require("./Icons/IconChevronDoubleLeft");
@@ -1,7 +1,7 @@
1
1
  import React, { ComponentProps, useEffect, useRef, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import { action } from '@storybook/addon-actions';
4
- import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
4
+ import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
5
5
 
6
6
  import { WithTheme } from '../../../_helpers';
7
7
  import { IconButton } from '../IconButton/IconButton';
@@ -12,7 +12,7 @@ var config = exports.config = {
12
12
  },
13
13
  variations: {
14
14
  view: {
15
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--shadow-down-hard-m);", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], _Popover.popoverTokens.boxShadow, _Popover.popoverTokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Popover.popoverTokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Popover.popoverTokens.arrowBackground)
15
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], _Popover.popoverTokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Popover.popoverTokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Popover.popoverTokens.arrowBackground)
16
16
  }
17
17
  }
18
18
  };
@@ -8,8 +8,6 @@ import { WithTheme } from '../../../_helpers';
8
8
 
9
9
  import { Popover } from './Popover';
10
10
 
11
- import './style.css';
12
-
13
11
  const meta: Meta<typeof Popover> = {
14
12
  title: 'b2c/Overlay/Popover',
15
13
  decorators: [WithTheme],
@@ -83,7 +81,7 @@ type StoryPopoverProps = ComponentProps<typeof Popover> & {
83
81
  const StyledContent = styled.div`
84
82
  background: var(--surface-solid-tertiary);
85
83
  padding: 1rem;
86
- border-radius: var(--popover-border-radius);
84
+ border-radius: 0.5rem;
87
85
 
88
86
  display: flex;
89
87
  flex-direction: column;
@@ -25,7 +25,7 @@ var config = exports.config = {
25
25
  "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Range.rangeTokens.disabledOpacity)
26
26
  },
27
27
  readOnly: {
28
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Range.rangeTokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly)
28
+ "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":0.4;", ":0.4;", ":var(--text-primary);", ":transparent;", ":var(--text-secondary);"], _Range.rangeTokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _Range.rangeTokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly)
29
29
  }
30
30
  }
31
31
  };
@@ -1,7 +1,7 @@
1
1
  import React, { ChangeEvent, ComponentProps, Dispatch, SetStateAction, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import { action } from '@storybook/addon-actions';
4
- import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
4
+ import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
5
5
 
6
6
  import { WithTheme } from '../../../_helpers';
7
7
  import { IconChevronLeft } from '../../../../components/_Icon';
@@ -34,6 +34,9 @@ var config = exports.config = {
34
34
  clear: {
35
35
  "true": /*#__PURE__*/(0, _styledComponents.css)([""])
36
36
  },
37
+ readOnly: {
38
+ "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);"], _TextArea.textAreaTokens.inputColorReadOnly)
39
+ },
37
40
  disabled: {
38
41
  "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.disabledOpacity, _TextArea.textAreaTokens.inputColorDisabled, _TextArea.textAreaTokens.dividerColorReadOnly, _TextArea.textAreaTokens.titleCaptionColorReadOnly)
39
42
  }