@salutejs/plasma-new-hope 0.141.2-canary.1412.10789995138.0 → 0.141.2-canary.1429.10810544899.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (182) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +16 -15
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +16 -15
  3. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
  4. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.css +16 -15
  6. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.css +16 -15
  8. package/cjs/components/Drawer/Drawer.css +3 -4
  9. package/cjs/components/Drawer/Drawer.js +1 -1
  10. package/cjs/components/Drawer/hooks/useDrawer.js +1 -1
  11. package/cjs/components/Modal/Modal.css +3 -4
  12. package/cjs/components/Modal/hooks/useModal.js +1 -1
  13. package/cjs/components/Notification/NotificationsProvider.css +3 -4
  14. package/cjs/components/Popup/Popup.css +3 -4
  15. package/cjs/components/Popup/Popup.js +38 -159
  16. package/cjs/components/Popup/Popup.js.map +1 -1
  17. package/cjs/components/Popup/Popup.styles.js +9 -21
  18. package/cjs/components/Popup/Popup.styles.js.map +1 -1
  19. package/cjs/components/Popup/Popup.styles_141jyqa.css +3 -0
  20. package/cjs/components/Popup/PopupContext.js +0 -3
  21. package/cjs/components/Popup/PopupContext.js.map +1 -1
  22. package/cjs/components/Popup/hooks/usePopup.js +1 -1
  23. package/cjs/components/Popup/hooks/usePopup.js.map +1 -1
  24. package/cjs/components/Range/Range.css +16 -15
  25. package/cjs/components/Slider/Slider.css +16 -15
  26. package/cjs/components/Slider/components/Double/Double.css +16 -15
  27. package/cjs/components/TextField/TextField.js +1 -1
  28. package/cjs/components/TextField/TextField.js.map +1 -1
  29. package/cjs/components/TextField/TextField.styles.js +22 -11
  30. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  31. package/{es/components/TextField/TextField.styles_u6pm7v.css → cjs/components/TextField/TextField.styles_ht6ibd.css} +5 -4
  32. package/cjs/components/TextField/TextField.tokens.js +5 -1
  33. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  34. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  35. package/{es/components/TextField/variations/_label-placement/base_1dbnupp.css → cjs/components/TextField/variations/_label-placement/base_6k17xp.css} +1 -1
  36. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  37. package/{es/components/TextField/variations/_read-only/base_4tqave.css → cjs/components/TextField/variations/_read-only/base_8onybn.css} +1 -1
  38. package/cjs/components/TextField/variations/_size/base.js +1 -1
  39. package/cjs/components/TextField/variations/_size/{base_uk56yo.css → base_1h8l0kj.css} +1 -1
  40. package/cjs/components/TextField/variations/_view/base.js +1 -1
  41. package/cjs/components/TextField/variations/_view/{base_uszjx8.css → base_1ph5cr0.css} +1 -1
  42. package/cjs/index.css +19 -19
  43. package/emotion/cjs/components/Popup/Popup.js +38 -160
  44. package/emotion/cjs/components/Popup/Popup.styles.js +5 -25
  45. package/emotion/cjs/components/Popup/PopupContext.js +0 -3
  46. package/emotion/cjs/components/Popup/hooks/usePopup.js +1 -1
  47. package/emotion/cjs/components/TextField/TextField.js +2 -2
  48. package/emotion/cjs/components/TextField/TextField.styles.js +27 -23
  49. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +2 -2
  50. package/emotion/cjs/components/TextField/TextField.tokens.js +5 -1
  51. package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
  52. package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -1
  53. package/emotion/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +1 -1
  54. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
  55. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +3 -2
  56. package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -1
  57. package/emotion/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +1 -1
  58. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -12
  59. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -1
  60. package/emotion/es/components/Popup/Popup.js +39 -160
  61. package/emotion/es/components/Popup/Popup.styles.js +4 -24
  62. package/emotion/es/components/Popup/PopupContext.js +0 -3
  63. package/emotion/es/components/Popup/hooks/usePopup.js +1 -1
  64. package/emotion/es/components/TextField/TextField.js +2 -2
  65. package/emotion/es/components/TextField/TextField.styles.js +27 -23
  66. package/emotion/es/components/TextField/TextField.template-doc.mdx +2 -2
  67. package/emotion/es/components/TextField/TextField.tokens.js +5 -1
  68. package/emotion/es/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
  69. package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -1
  70. package/emotion/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +1 -1
  71. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
  72. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +3 -2
  73. package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -1
  74. package/emotion/es/examples/plasma_web/components/Popup/Popup.stories.tsx +1 -1
  75. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +12 -12
  76. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -1
  77. package/es/components/Autocomplete/Autocomplete.css +16 -15
  78. package/es/components/Combobox/ComboboxNew/Combobox.css +16 -15
  79. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
  80. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
  81. package/es/components/DatePicker/RangeDate/RangeDate.css +16 -15
  82. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
  83. package/es/components/DatePicker/SingleDate/SingleDate.css +16 -15
  84. package/es/components/Drawer/Drawer.css +3 -4
  85. package/es/components/Drawer/Drawer.js +1 -1
  86. package/es/components/Drawer/hooks/useDrawer.js +1 -1
  87. package/es/components/Modal/Modal.css +3 -4
  88. package/es/components/Modal/hooks/useModal.js +1 -1
  89. package/es/components/Notification/NotificationsProvider.css +3 -4
  90. package/es/components/Popup/Popup.css +3 -4
  91. package/es/components/Popup/Popup.js +40 -161
  92. package/es/components/Popup/Popup.js.map +1 -1
  93. package/es/components/Popup/Popup.styles.js +10 -20
  94. package/es/components/Popup/Popup.styles.js.map +1 -1
  95. package/es/components/Popup/Popup.styles_141jyqa.css +3 -0
  96. package/es/components/Popup/PopupContext.js +0 -3
  97. package/es/components/Popup/PopupContext.js.map +1 -1
  98. package/es/components/Popup/hooks/usePopup.js +1 -1
  99. package/es/components/Popup/hooks/usePopup.js.map +1 -1
  100. package/es/components/Range/Range.css +16 -15
  101. package/es/components/Slider/Slider.css +16 -15
  102. package/es/components/Slider/components/Double/Double.css +16 -15
  103. package/es/components/TextField/TextField.js +1 -1
  104. package/es/components/TextField/TextField.js.map +1 -1
  105. package/es/components/TextField/TextField.styles.js +22 -11
  106. package/es/components/TextField/TextField.styles.js.map +1 -1
  107. package/{cjs/components/TextField/TextField.styles_u6pm7v.css → es/components/TextField/TextField.styles_ht6ibd.css} +5 -4
  108. package/es/components/TextField/TextField.tokens.js +5 -1
  109. package/es/components/TextField/TextField.tokens.js.map +1 -1
  110. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  111. package/{cjs/components/TextField/variations/_label-placement/base_1dbnupp.css → es/components/TextField/variations/_label-placement/base_6k17xp.css} +1 -1
  112. package/es/components/TextField/variations/_read-only/base.js +1 -1
  113. package/{cjs/components/TextField/variations/_read-only/base_4tqave.css → es/components/TextField/variations/_read-only/base_8onybn.css} +1 -1
  114. package/es/components/TextField/variations/_size/base.js +1 -1
  115. package/es/components/TextField/variations/_size/{base_uk56yo.css → base_1h8l0kj.css} +1 -1
  116. package/es/components/TextField/variations/_view/base.js +1 -1
  117. package/es/components/TextField/variations/_view/{base_uszjx8.css → base_1ph5cr0.css} +1 -1
  118. package/es/index.css +19 -19
  119. package/package.json +3 -3
  120. package/styled-components/cjs/components/Popup/Popup.js +38 -160
  121. package/styled-components/cjs/components/Popup/Popup.styles.js +4 -7
  122. package/styled-components/cjs/components/Popup/PopupContext.js +0 -3
  123. package/styled-components/cjs/components/Popup/hooks/usePopup.js +1 -1
  124. package/styled-components/cjs/components/TextField/TextField.js +1 -1
  125. package/styled-components/cjs/components/TextField/TextField.styles.js +12 -9
  126. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +2 -2
  127. package/styled-components/cjs/components/TextField/TextField.tokens.js +5 -1
  128. package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
  129. package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -1
  130. package/styled-components/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +1 -1
  131. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
  132. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +3 -2
  133. package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -1
  134. package/styled-components/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +1 -1
  135. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +4 -4
  136. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -1
  137. package/styled-components/es/components/Popup/Popup.js +39 -160
  138. package/styled-components/es/components/Popup/Popup.styles.js +3 -6
  139. package/styled-components/es/components/Popup/PopupContext.js +0 -3
  140. package/styled-components/es/components/Popup/hooks/usePopup.js +1 -1
  141. package/styled-components/es/components/TextField/TextField.js +1 -1
  142. package/styled-components/es/components/TextField/TextField.styles.js +12 -9
  143. package/styled-components/es/components/TextField/TextField.template-doc.mdx +2 -2
  144. package/styled-components/es/components/TextField/TextField.tokens.js +5 -1
  145. package/styled-components/es/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
  146. package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -1
  147. package/styled-components/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +1 -1
  148. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
  149. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +3 -2
  150. package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -1
  151. package/styled-components/es/examples/plasma_web/components/Popup/Popup.stories.tsx +1 -1
  152. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +4 -4
  153. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +2 -1
  154. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +4 -4
  155. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  156. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +4 -4
  157. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  158. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +4 -4
  159. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  160. package/types/components/Popup/Popup.d.ts +1 -1
  161. package/types/components/Popup/Popup.d.ts.map +1 -1
  162. package/types/components/Popup/Popup.styles.d.ts +0 -1
  163. package/types/components/Popup/Popup.styles.d.ts.map +1 -1
  164. package/types/components/Popup/PopupContext.d.ts.map +1 -1
  165. package/types/components/Range/Range.styles.d.ts +4 -4
  166. package/types/components/Range/Range.styles.d.ts.map +1 -1
  167. package/types/components/Slider/components/Double/Double.styles.d.ts +4 -4
  168. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  169. package/types/components/TextField/TextField.styles.d.ts +6 -2
  170. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  171. package/types/components/TextField/TextField.tokens.d.ts +3 -0
  172. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  173. package/types/components/TextField/TextField.types.d.ts +2 -1
  174. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  175. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  176. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +4 -4
  177. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  178. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  179. package/types/examples/plasma_web/components/TextField/TextField.d.ts +4 -4
  180. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  181. package/cjs/components/Popup/Popup.styles_8h77g1.css +0 -4
  182. package/es/components/Popup/Popup.styles_8h77g1.css +0 -4
@@ -6,30 +6,31 @@
6
6
 
7
7
  .base_tzdxy8_b1l9fpln__8f6a3445[readonly]{cursor:default;}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_czi0aji__8f6a3445{background:var(--plasma-range-background-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_s14q3826__8f6a3445{display:block;color:var(--plasma-range__label-color-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_l1fwucr5__8f6a3445{color:var(--plasma-range__left-helper-color-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_s1e6rwfy__8f6a3445{color:var(--plasma-range__divider-color-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_sfxtxl2__8f6a3445,.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_s1hiyoiq__8f6a3445{color:var(--plasma-range-textfield-color-readonly);}
8
8
 
9
- .base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_io4bpie__5ad04311{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_i13qvwoy__5ad04311{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311.base_uk56yo_hasChips__5ad04311{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311.base_uk56yo_hasEmptyContentLeft__5ad04311{padding-left:var(--plasma-textfield-padding-with-chips);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311.base_uk56yo_hasEmptyContentRight__5ad04311{padding-right:var(--plasma-textfield-padding-with-chips);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_lbt1ohz__5ad04311{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_luk2zst__5ad04311{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_s1gjsnfi__5ad04311,.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_ssv2kwg__5ad04311{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_s1gjsnfi__5ad04311{margin:var(--plasma-textfield__before-text-margin);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_ssv2kwg__5ad04311{margin:var(--plasma-textfield__after-text-margin);}
9
+ .base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_io4bpie__42c27ee8{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_i13qvwoy__42c27ee8{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasChips__42c27ee8{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentLeft__42c27ee8{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentRight__42c27ee8{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_lbt1ohz__42c27ee8{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_l1gjsnfi__42c27ee8{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8,.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8{margin:var(--plasma-textfield__before-text-margin);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{margin:var(--plasma-textfield__after-text-margin);}
10
10
 
11
- .base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_iq39zt5__89b91e11{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_iq39zt5__89b91e11:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_iq39zt5__89b91e11:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_i19ry60d__89b91e11{color:var(--plasma-textfield__placeholder-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_io4bpie__89b91e11{color:var(--plasma-textfield-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_luk2zst__89b91e11{color:var(--plasma-textfield__left-helper-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_s1gjsnfi__89b91e11{color:var(--plasma-textfield__before-text-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_ssv2kwg__89b91e11{color:var(--plasma-textfield__after-text-color);}
11
+ .base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_i19ry60d__dc105684{color:var(--plasma-textfield__placeholder-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_io4bpie__dc105684{color:var(--plasma-textfield-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_l1gjsnfi__dc105684{color:var(--plasma-textfield__left-helper-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_ssv2kwg__dc105684{color:var(--plasma-textfield__before-text-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_s190z894__dc105684{color:var(--plasma-textfield__after-text-color);}
12
12
 
13
13
  .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
14
14
 
15
- .base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_iq39zt5__04747393{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_4tqave_b1w985rt__04747393[readonly] .base_4tqave_iq39zt5__04747393:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_i19ry60d__04747393{color:var(--plasma-textfield__placeholder-color-readonly);}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_io4bpie__04747393{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_luk2zst__04747393{color:var(--plasma-textfield__left-helper-color-readonly);}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_lbt1ohz__04747393{color:var(--plasma-textfield__label-color-readonly);}
15
+ .base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_iq39zt5__90d753aa{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_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_iq39zt5__90d753aa:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_i19ry60d__90d753aa{color:var(--plasma-textfield__placeholder-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_io4bpie__90d753aa{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_l1gjsnfi__90d753aa{color:var(--plasma-textfield__left-helper-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_lbt1ohz__90d753aa{color:var(--plasma-textfield__label-color-readonly);}
16
16
 
17
- .base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementOuter__218bc44d .base_1dbnupp_lbt1ohz__218bc44d{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_i13qvwoy__218bc44d{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_ssv2kwg__218bc44d,.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_s1gjsnfi__218bc44d{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_io4bpie__218bc44d:focus ~ .base_1dbnupp_lbt1ohz__218bc44d,.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_io4bpie__218bc44d.base_1dbnupp_hasValue__218bc44d ~ .base_1dbnupp_lbt1ohz__218bc44d{-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_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_lbt1ohz__218bc44d{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:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
17
+ .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-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_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{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:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
18
18
 
19
- .TextField_styles_u6pm7v_iq39zt5__c8d76292{position:relative;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;}
20
- .TextField_styles_u6pm7v_i1j28rg8__c8d76292{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_u6pm7v_i1j28rg8__c8d76292::-webkit-scrollbar{display:none;}.TextField_styles_u6pm7v_i1j28rg8__c8d76292.TextField_styles_u6pm7v_hasChips__c8d76292{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
21
- .TextField_styles_u6pm7v_s13zudoe__c8d76292{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
22
- .TextField_styles_u6pm7v_io4bpie__c8d76292{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_u6pm7v_io4bpie__c8d76292::-webkit-input-placeholder{opacity:0;}.TextField_styles_u6pm7v_io4bpie__c8d76292::-moz-placeholder{opacity:0;}.TextField_styles_u6pm7v_io4bpie__c8d76292:-ms-input-placeholder{opacity:0;}.TextField_styles_u6pm7v_io4bpie__c8d76292::placeholder{opacity:0;}
23
- .TextField_styles_u6pm7v_i13qvwoy__c8d76292{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
24
- .TextField_styles_u6pm7v_i19ry60d__c8d76292{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
25
- .TextField_styles_u6pm7v_lbt1ohz__c8d76292{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
26
- .TextField_styles_u6pm7v_slv9av6__c8d76292{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
27
- .TextField_styles_u6pm7v_s600610__c8d76292{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
19
+ .TextField_styles_ht6ibd_iq39zt5__613b88ea{position:relative;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;}
20
+ .TextField_styles_ht6ibd_i1j28rg8__613b88ea{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_ht6ibd_i1j28rg8__613b88ea::-webkit-scrollbar{display:none;}.TextField_styles_ht6ibd_i1j28rg8__613b88ea.TextField_styles_ht6ibd_hasChips__613b88ea{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
21
+ .TextField_styles_ht6ibd_s13zudoe__613b88ea{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
22
+ .TextField_styles_ht6ibd_io4bpie__613b88ea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_ht6ibd_io4bpie__613b88ea::-webkit-input-placeholder{opacity:0;}.TextField_styles_ht6ibd_io4bpie__613b88ea::-moz-placeholder{opacity:0;}.TextField_styles_ht6ibd_io4bpie__613b88ea:-ms-input-placeholder{opacity:0;}.TextField_styles_ht6ibd_io4bpie__613b88ea::placeholder{opacity:0;}
23
+ .TextField_styles_ht6ibd_i13qvwoy__613b88ea{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
24
+ .TextField_styles_ht6ibd_i19ry60d__613b88ea{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
25
+ .TextField_styles_ht6ibd_lbt1ohz__613b88ea{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
26
+ .TextField_styles_ht6ibd_slv9av6__613b88ea{color:var(--plasma-textfield-content-slot-color);line-height:0;}
27
+ .TextField_styles_ht6ibd_s600610__613b88ea.TextField_styles_ht6ibd_slv9av6__613b88ea{margin:var(--plasma-textfield__left-content-margin);}
28
+ .TextField_styles_ht6ibd_suk2zst__613b88ea.TextField_styles_ht6ibd_slv9av6__613b88ea{margin:var(--plasma-textfield__right-content-margin);}.TextField_styles_ht6ibd_suk2zst__613b88ea.TextField_styles_ht6ibd_slv9av6__613b88ea:hover{color:var(--plasma-textfield-content-slot-color-hover);cursor:pointer;}.TextField_styles_ht6ibd_suk2zst__613b88ea.TextField_styles_ht6ibd_slv9av6__613b88ea:active{color:var(--plasma-textfield-content-slot-color-active);}
28
29
 
29
30
 
30
31
 
31
- .TextField_styles_u6pm7v_s190z894__c8d76292{color:var(--plasma-textfield__optional-color);}
32
- .TextField_styles_u6pm7v_sb3k3v1__c8d76292{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementOuter__c8d76292{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementOuter__c8d76292.TextField_styles_u6pm7v_alignRight__c8d76292{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementInner__c8d76292{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementInner__c8d76292.TextField_styles_u6pm7v_alignRight__c8d76292{inset:var(--plasma-textfield__indicator-placement-inner-right);}
32
+ .TextField_styles_ht6ibd_sb3k3v1__613b88ea{color:var(--plasma-textfield__optional-color);}
33
+ .TextField_styles_ht6ibd_s7hnwwb__613b88ea{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_ht6ibd_s7hnwwb__613b88ea.TextField_styles_ht6ibd_labelPlacementOuter__613b88ea{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_ht6ibd_s7hnwwb__613b88ea.TextField_styles_ht6ibd_labelPlacementOuter__613b88ea.TextField_styles_ht6ibd_alignRight__613b88ea{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_ht6ibd_s7hnwwb__613b88ea.TextField_styles_ht6ibd_labelPlacementInner__613b88ea{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_ht6ibd_s7hnwwb__613b88ea.TextField_styles_ht6ibd_labelPlacementInner__613b88ea.TextField_styles_ht6ibd_alignRight__613b88ea{inset:var(--plasma-textfield__indicator-placement-inner-right);}
33
34
 
34
35
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
35
36
 
@@ -76,30 +76,31 @@
76
76
 
77
77
  .base_1jucwp_b160pc19__2f1aa288[readonly]{cursor:default;}.base_1jucwp_b160pc19__2f1aa288[readonly] .base_1jucwp_svfqi8__2f1aa288{display:block;color:var(--plasma-date-picker__label-color-readonly);}.base_1jucwp_b160pc19__2f1aa288[readonly] .base_1jucwp_l5dd1qs__2f1aa288{color:var(--plasma-date-picker__left-helper-color-readonly);}
78
78
 
79
- .base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_io4bpie__5ad04311{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_i13qvwoy__5ad04311{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311.base_uk56yo_hasChips__5ad04311{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311.base_uk56yo_hasEmptyContentLeft__5ad04311{padding-left:var(--plasma-textfield-padding-with-chips);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_iq39zt5__5ad04311.base_uk56yo_hasEmptyContentRight__5ad04311{padding-right:var(--plasma-textfield-padding-with-chips);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_lbt1ohz__5ad04311{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_luk2zst__5ad04311{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_s1gjsnfi__5ad04311,.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_ssv2kwg__5ad04311{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_s1gjsnfi__5ad04311{margin:var(--plasma-textfield__before-text-margin);}.base_uk56yo_b13ve66i__5ad04311 .base_uk56yo_ssv2kwg__5ad04311{margin:var(--plasma-textfield__after-text-margin);}
79
+ .base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_io4bpie__42c27ee8{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_i13qvwoy__42c27ee8{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasChips__42c27ee8{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentLeft__42c27ee8{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentRight__42c27ee8{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_lbt1ohz__42c27ee8{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_l1gjsnfi__42c27ee8{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8,.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8{margin:var(--plasma-textfield__before-text-margin);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{margin:var(--plasma-textfield__after-text-margin);}
80
80
 
81
- .base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_iq39zt5__89b91e11{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_iq39zt5__89b91e11:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_iq39zt5__89b91e11:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_i19ry60d__89b91e11{color:var(--plasma-textfield__placeholder-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_io4bpie__89b91e11{color:var(--plasma-textfield-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_luk2zst__89b91e11{color:var(--plasma-textfield__left-helper-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_s1gjsnfi__89b91e11{color:var(--plasma-textfield__before-text-color);}.base_uszjx8_bptx5xt__89b91e11 .base_uszjx8_ssv2kwg__89b91e11{color:var(--plasma-textfield__after-text-color);}
81
+ .base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_i19ry60d__dc105684{color:var(--plasma-textfield__placeholder-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_io4bpie__dc105684{color:var(--plasma-textfield-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_l1gjsnfi__dc105684{color:var(--plasma-textfield__left-helper-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_ssv2kwg__dc105684{color:var(--plasma-textfield__before-text-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_s190z894__dc105684{color:var(--plasma-textfield__after-text-color);}
82
82
 
83
83
  .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
84
84
 
85
- .base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_iq39zt5__04747393{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_4tqave_b1w985rt__04747393[readonly] .base_4tqave_iq39zt5__04747393:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_i19ry60d__04747393{color:var(--plasma-textfield__placeholder-color-readonly);}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_io4bpie__04747393{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_luk2zst__04747393{color:var(--plasma-textfield__left-helper-color-readonly);}.base_4tqave_b1w985rt__04747393[readonly] .base_4tqave_lbt1ohz__04747393{color:var(--plasma-textfield__label-color-readonly);}
85
+ .base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_iq39zt5__90d753aa{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_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_iq39zt5__90d753aa:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_i19ry60d__90d753aa{color:var(--plasma-textfield__placeholder-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_io4bpie__90d753aa{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_l1gjsnfi__90d753aa{color:var(--plasma-textfield__left-helper-color-readonly);}.base_8onybn_b1w985rt__90d753aa[readonly] .base_8onybn_lbt1ohz__90d753aa{color:var(--plasma-textfield__label-color-readonly);}
86
86
 
87
- .base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementOuter__218bc44d .base_1dbnupp_lbt1ohz__218bc44d{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_i13qvwoy__218bc44d{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_ssv2kwg__218bc44d,.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_s1gjsnfi__218bc44d{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_io4bpie__218bc44d:focus ~ .base_1dbnupp_lbt1ohz__218bc44d,.base_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_io4bpie__218bc44d.base_1dbnupp_hasValue__218bc44d ~ .base_1dbnupp_lbt1ohz__218bc44d{-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_1dbnupp_b15d3bnf__218bc44d.base_1dbnupp_labelPlacementInner__218bc44d .base_1dbnupp_lbt1ohz__218bc44d{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:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
87
+ .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-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_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{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:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
88
88
 
89
- .TextField_styles_u6pm7v_iq39zt5__c8d76292{position:relative;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;}
90
- .TextField_styles_u6pm7v_i1j28rg8__c8d76292{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_u6pm7v_i1j28rg8__c8d76292::-webkit-scrollbar{display:none;}.TextField_styles_u6pm7v_i1j28rg8__c8d76292.TextField_styles_u6pm7v_hasChips__c8d76292{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
91
- .TextField_styles_u6pm7v_s13zudoe__c8d76292{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
92
- .TextField_styles_u6pm7v_io4bpie__c8d76292{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_u6pm7v_io4bpie__c8d76292::-webkit-input-placeholder{opacity:0;}.TextField_styles_u6pm7v_io4bpie__c8d76292::-moz-placeholder{opacity:0;}.TextField_styles_u6pm7v_io4bpie__c8d76292:-ms-input-placeholder{opacity:0;}.TextField_styles_u6pm7v_io4bpie__c8d76292::placeholder{opacity:0;}
93
- .TextField_styles_u6pm7v_i13qvwoy__c8d76292{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
94
- .TextField_styles_u6pm7v_i19ry60d__c8d76292{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
95
- .TextField_styles_u6pm7v_lbt1ohz__c8d76292{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
96
- .TextField_styles_u6pm7v_slv9av6__c8d76292{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
97
- .TextField_styles_u6pm7v_s600610__c8d76292{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
89
+ .TextField_styles_ht6ibd_iq39zt5__613b88ea{position:relative;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;}
90
+ .TextField_styles_ht6ibd_i1j28rg8__613b88ea{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_ht6ibd_i1j28rg8__613b88ea::-webkit-scrollbar{display:none;}.TextField_styles_ht6ibd_i1j28rg8__613b88ea.TextField_styles_ht6ibd_hasChips__613b88ea{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
91
+ .TextField_styles_ht6ibd_s13zudoe__613b88ea{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
92
+ .TextField_styles_ht6ibd_io4bpie__613b88ea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_ht6ibd_io4bpie__613b88ea::-webkit-input-placeholder{opacity:0;}.TextField_styles_ht6ibd_io4bpie__613b88ea::-moz-placeholder{opacity:0;}.TextField_styles_ht6ibd_io4bpie__613b88ea:-ms-input-placeholder{opacity:0;}.TextField_styles_ht6ibd_io4bpie__613b88ea::placeholder{opacity:0;}
93
+ .TextField_styles_ht6ibd_i13qvwoy__613b88ea{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
94
+ .TextField_styles_ht6ibd_i19ry60d__613b88ea{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
95
+ .TextField_styles_ht6ibd_lbt1ohz__613b88ea{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
96
+ .TextField_styles_ht6ibd_slv9av6__613b88ea{color:var(--plasma-textfield-content-slot-color);line-height:0;}
97
+ .TextField_styles_ht6ibd_s600610__613b88ea.TextField_styles_ht6ibd_slv9av6__613b88ea{margin:var(--plasma-textfield__left-content-margin);}
98
+ .TextField_styles_ht6ibd_suk2zst__613b88ea.TextField_styles_ht6ibd_slv9av6__613b88ea{margin:var(--plasma-textfield__right-content-margin);}.TextField_styles_ht6ibd_suk2zst__613b88ea.TextField_styles_ht6ibd_slv9av6__613b88ea:hover{color:var(--plasma-textfield-content-slot-color-hover);cursor:pointer;}.TextField_styles_ht6ibd_suk2zst__613b88ea.TextField_styles_ht6ibd_slv9av6__613b88ea:active{color:var(--plasma-textfield-content-slot-color-active);}
98
99
 
99
100
 
100
101
 
101
- .TextField_styles_u6pm7v_s190z894__c8d76292{color:var(--plasma-textfield__optional-color);}
102
- .TextField_styles_u6pm7v_sb3k3v1__c8d76292{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementOuter__c8d76292{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementOuter__c8d76292.TextField_styles_u6pm7v_alignRight__c8d76292{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementInner__c8d76292{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_u6pm7v_sb3k3v1__c8d76292.TextField_styles_u6pm7v_labelPlacementInner__c8d76292.TextField_styles_u6pm7v_alignRight__c8d76292{inset:var(--plasma-textfield__indicator-placement-inner-right);}
102
+ .TextField_styles_ht6ibd_sb3k3v1__613b88ea{color:var(--plasma-textfield__optional-color);}
103
+ .TextField_styles_ht6ibd_s7hnwwb__613b88ea{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_ht6ibd_s7hnwwb__613b88ea.TextField_styles_ht6ibd_labelPlacementOuter__613b88ea{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_ht6ibd_s7hnwwb__613b88ea.TextField_styles_ht6ibd_labelPlacementOuter__613b88ea.TextField_styles_ht6ibd_alignRight__613b88ea{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_ht6ibd_s7hnwwb__613b88ea.TextField_styles_ht6ibd_labelPlacementInner__613b88ea{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_ht6ibd_s7hnwwb__613b88ea.TextField_styles_ht6ibd_labelPlacementInner__613b88ea.TextField_styles_ht6ibd_alignRight__613b88ea{inset:var(--plasma-textfield__indicator-placement-inner-right);}
103
104
 
104
105
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
105
106
 
@@ -1,7 +1,6 @@
1
- .Popup_styles_8h77g1_svkpf6n__4eb91f42{position:fixed;top:0;left:0;right:0;bottom:0;}.Popup_styles_8h77g1_svkpf6n__4eb91f42:empty{width:0;pointer-events:none;}.Popup_styles_8h77g1_svkpf6n__4eb91f42:not(:empty){width:auto;pointer-events:auto;}
2
- .Popup_styles_8h77g1_s1cjo3us__4eb91f42{width:0;}
3
- .Popup_styles_8h77g1_p5u7tqa__4eb91f42{position:relative;max-width:100%;pointer-events:all;}
4
- .Popup_styles_8h77g1_p1f40oul__4eb91f42{position:absolute;z-index:var(--p1f40oul-0);left:var(--p1f40oul-1);right:var(--p1f40oul-2);top:var(--p1f40oul-3);bottom:var(--p1f40oul-4);-webkit-transform:var(--p1f40oul-5);-ms-transform:var(--p1f40oul-5);transform:var(--p1f40oul-5);}
1
+
2
+ .Popup_styles_141jyqa_p1cjo3us__ed39c2a3{position:relative;max-width:100%;pointer-events:all;}
3
+ .Popup_styles_141jyqa_p5u7tqa__ed39c2a3{position:absolute;z-index:var(--p5u7tqa-0);left:var(--p5u7tqa-1);right:var(--p5u7tqa-2);top:var(--p5u7tqa-3);bottom:var(--p5u7tqa-4);-webkit-transform:var(--p5u7tqa-5);-ms-transform:var(--p5u7tqa-5);transform:var(--p5u7tqa-5);}
5
4
 
6
5
  .Overlay_styles_cxej3y_s1afr8la__70d4dd9a{position:fixed;inset:0;z-index:var(--s1afr8la-0);--plasma_private-overlay-background-color:var(--s1afr8la-1);--plasma_private-overlay-backdrop-filter:var(--s1afr8la-2);background:var(--s1afr8la-3);-webkit-backdrop-filter:var(--s1afr8la-4);backdrop-filter:var(--s1afr8la-4);cursor:var(--s1afr8la-5);}
7
6
 
@@ -4,9 +4,9 @@ import { useFocusTrap, useForkRef, safeUseId } from '@salutejs/plasma-core';
4
4
  import '@linaria/core';
5
5
  import { component, mergeConfig } from '../../engines/common.js';
6
6
  import { usePopupContext } from '../Popup/PopupContext.js';
7
- import 'react-dom';
8
7
  import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
9
8
  import '../../utils/react.js';
9
+ import 'react-dom';
10
10
  import '@linaria/react';
11
11
  import { DEFAULT_Z_INDEX } from '../Popup/utils/index.js';
12
12
  import { Overlay } from '../Overlay/Overlay.js';
@@ -2,9 +2,9 @@ import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPlugin
2
2
  import { useRef, useCallback, useEffect } from 'react';
3
3
  import { getIdLastDrawer, hasDrawers } from '../DrawerContext.js';
4
4
  import { usePopupContext } from '../../Popup/PopupContext.js';
5
- import 'react-dom';
6
5
  import '@salutejs/plasma-core';
7
6
  import '../../../utils/react.js';
7
+ import 'react-dom';
8
8
  import '@linaria/react';
9
9
 
10
10
  var ESCAPE_KEYCODE = 27;
@@ -1,6 +1,5 @@
1
- .Popup_styles_8h77g1_svkpf6n__4eb91f42{position:fixed;top:0;left:0;right:0;bottom:0;}.Popup_styles_8h77g1_svkpf6n__4eb91f42:empty{width:0;pointer-events:none;}.Popup_styles_8h77g1_svkpf6n__4eb91f42:not(:empty){width:auto;pointer-events:auto;}
2
- .Popup_styles_8h77g1_s1cjo3us__4eb91f42{width:0;}
3
- .Popup_styles_8h77g1_p5u7tqa__4eb91f42{position:relative;max-width:100%;pointer-events:all;}
4
- .Popup_styles_8h77g1_p1f40oul__4eb91f42{position:absolute;z-index:var(--p1f40oul-0);left:var(--p1f40oul-1);right:var(--p1f40oul-2);top:var(--p1f40oul-3);bottom:var(--p1f40oul-4);-webkit-transform:var(--p1f40oul-5);-ms-transform:var(--p1f40oul-5);transform:var(--p1f40oul-5);}
1
+
2
+ .Popup_styles_141jyqa_p1cjo3us__ed39c2a3{position:relative;max-width:100%;pointer-events:all;}
3
+ .Popup_styles_141jyqa_p5u7tqa__ed39c2a3{position:absolute;z-index:var(--p5u7tqa-0);left:var(--p5u7tqa-1);right:var(--p5u7tqa-2);top:var(--p5u7tqa-3);bottom:var(--p5u7tqa-4);-webkit-transform:var(--p5u7tqa-5);-ms-transform:var(--p5u7tqa-5);transform:var(--p5u7tqa-5);}
5
4
 
6
5
  .Overlay_styles_cxej3y_s1afr8la__70d4dd9a{position:fixed;inset:0;z-index:var(--s1afr8la-0);--plasma_private-overlay-background-color:var(--s1afr8la-1);--plasma_private-overlay-backdrop-filter:var(--s1afr8la-2);background:var(--s1afr8la-3);-webkit-backdrop-filter:var(--s1afr8la-4);backdrop-filter:var(--s1afr8la-4);cursor:var(--s1afr8la-5);}
@@ -2,9 +2,9 @@ import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPlugin
2
2
  import { useCallback, useEffect } from 'react';
3
3
  import { getIdLastModal } from '../ModalContext.js';
4
4
  import { usePopupContext } from '../../Popup/PopupContext.js';
5
- import 'react-dom';
6
5
  import '@salutejs/plasma-core';
7
6
  import '../../../utils/react.js';
7
+ import 'react-dom';
8
8
  import '@linaria/react';
9
9
 
10
10
  var ESCAPE_KEYCODE = 27;
@@ -1,7 +1,6 @@
1
- .Popup_styles_8h77g1_svkpf6n__4eb91f42{position:fixed;top:0;left:0;right:0;bottom:0;}.Popup_styles_8h77g1_svkpf6n__4eb91f42:empty{width:0;pointer-events:none;}.Popup_styles_8h77g1_svkpf6n__4eb91f42:not(:empty){width:auto;pointer-events:auto;}
2
- .Popup_styles_8h77g1_s1cjo3us__4eb91f42{width:0;}
3
- .Popup_styles_8h77g1_p5u7tqa__4eb91f42{position:relative;max-width:100%;pointer-events:all;}
4
- .Popup_styles_8h77g1_p1f40oul__4eb91f42{position:absolute;z-index:var(--p1f40oul-0);left:var(--p1f40oul-1);right:var(--p1f40oul-2);top:var(--p1f40oul-3);bottom:var(--p1f40oul-4);-webkit-transform:var(--p1f40oul-5);-ms-transform:var(--p1f40oul-5);transform:var(--p1f40oul-5);}
1
+
2
+ .Popup_styles_141jyqa_p1cjo3us__ed39c2a3{position:relative;max-width:100%;pointer-events:all;}
3
+ .Popup_styles_141jyqa_p5u7tqa__ed39c2a3{position:absolute;z-index:var(--p5u7tqa-0);left:var(--p5u7tqa-1);right:var(--p5u7tqa-2);top:var(--p5u7tqa-3);bottom:var(--p5u7tqa-4);-webkit-transform:var(--p5u7tqa-5);-ms-transform:var(--p5u7tqa-5);transform:var(--p5u7tqa-5);}
5
4
 
6
5
  .base_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_1x0spnh_b1ty39ru__fb659d61:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
7
6
 
@@ -1,4 +1,3 @@
1
- .Popup_styles_8h77g1_svkpf6n__4eb91f42{position:fixed;top:0;left:0;right:0;bottom:0;}.Popup_styles_8h77g1_svkpf6n__4eb91f42:empty{width:0;pointer-events:none;}.Popup_styles_8h77g1_svkpf6n__4eb91f42:not(:empty){width:auto;pointer-events:auto;}
2
- .Popup_styles_8h77g1_s1cjo3us__4eb91f42{width:0;}
3
- .Popup_styles_8h77g1_p5u7tqa__4eb91f42{position:relative;max-width:100%;pointer-events:all;}
4
- .Popup_styles_8h77g1_p1f40oul__4eb91f42{position:absolute;z-index:var(--p1f40oul-0);left:var(--p1f40oul-1);right:var(--p1f40oul-2);top:var(--p1f40oul-3);bottom:var(--p1f40oul-4);-webkit-transform:var(--p1f40oul-5);-ms-transform:var(--p1f40oul-5);transform:var(--p1f40oul-5);}
1
+
2
+ .Popup_styles_141jyqa_p1cjo3us__ed39c2a3{position:relative;max-width:100%;pointer-events:all;}
3
+ .Popup_styles_141jyqa_p5u7tqa__ed39c2a3{position:absolute;z-index:var(--p5u7tqa-0);left:var(--p5u7tqa-1);right:var(--p5u7tqa-2);top:var(--p5u7tqa-3);bottom:var(--p5u7tqa-4);-webkit-transform:var(--p5u7tqa-5);-ms-transform:var(--p5u7tqa-5);transform:var(--p5u7tqa-5);}
@@ -1,6 +1,5 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef, useRef } from 'react';
3
- import ReactDOM from 'react-dom';
1
+ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { forwardRef, useRef, useState, useEffect } from 'react';
4
3
  import { safeUseId, useForkRef } from '@salutejs/plasma-core';
5
4
  import { cx } from '../../utils/index.js';
6
5
  import { Portal } from '../Portal/Portal.js';
@@ -8,7 +7,6 @@ import { POPUP_PORTAL_ID } from './PopupContext.js';
8
7
  import { PopupRoot } from './PopupRoot.js';
9
8
  import { usePopup } from './hooks/usePopup.js';
10
9
  import { classes } from './Popup.tokens.js';
11
- import { StyledPortalContainer, StyledPortal } from './Popup.styles.js';
12
10
 
13
11
  var _excluded = ["id", "isOpen", "opened", "placement", "offset", "frame", "children", "overlay", "role", "zIndex", "popupInfo", "withAnimation", "className"];
14
12
  var handlePosition = function handlePosition(placement, offset) {
@@ -34,8 +32,8 @@ var handlePosition = function handlePosition(placement, offset) {
34
32
  var bottom;
35
33
  var transform;
36
34
  var placements = placement.split('-');
37
- placements.forEach(function (placementValue) {
38
- switch (placementValue) {
35
+ placements.forEach(function (placement) {
36
+ switch (placement) {
39
37
  case 'left':
40
38
  left = x;
41
39
  break;
@@ -66,139 +64,9 @@ var handlePosition = function handlePosition(placement, offset) {
66
64
  transform: transform
67
65
  };
68
66
  };
69
- /*
70
- const getPortalParent = (frame: 'document' | string | React.RefObject<HTMLElement>, portalRef) => {
71
- if (typeof frame !== 'string' && frame && frame.current) {
72
- portalRef.current = frame.current;
73
- return;
74
- }
75
-
76
- if (typeof frame === 'string' && frame !== 'document') {
77
- const element = document.getElementById(frame);
78
- if (element) {
79
- const portal = document.createElement('div');
80
- portal.className = 'frame-portal';
81
- portal.style.position = 'relative';
82
- portal.style.width = '0';
83
-
84
- element.appendChild(portal);
85
- portalRef.current = portal;
86
-
87
- return;
88
- //
89
- // const portal = document?.querySelector('.frame-portal');
90
- // if (!portal) {
91
- // portal = document.createElement('div');
92
- // document.getElementById(frame)?.appendChild(portal);
93
- // }
94
- // return portal;
95
- }
96
- }
97
-
98
- const portal = document.getElementById(POPUP_PORTAL_ID);
99
-
100
- if (!portal) {
101
- ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
102
- }
103
-
104
- portalRef.current = portal;
105
-
106
- let portal;
107
-
108
- const hasFrame = typeof frame !== 'string' && frame && frame.current;
109
- if (hasFrame) {
110
- portal = frame.current;
111
- } else {
112
- // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
113
-
114
- portal = document.getElementById(POPUP_PORTAL_ID);
115
-
116
- if (!portal) {
117
- if (typeof frame === 'string' && frame !== 'document') {
118
- portal = document.createElement('div');
119
- document.getElementById(frame)?.appendChild(portal);
120
- } else {
121
- portal.className('frame-portal');
122
- document.body.appendChild(portal);
123
- // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
124
- }
125
- }
126
- }
127
-
128
- };
129
-
130
- const usePortalContainer = (frame: 'document' | string | React.RefObject<HTMLElement>) => {
131
- const portalRef = useRef<HTMLDivElement | null>(null);
132
-
133
- if (typeof frame !== 'string' && frame && frame.current) {
134
- return frame.current;
135
- }
136
-
137
- if (typeof frame === 'string' && frame !== 'document') {
138
- const element = document.getElementById(frame);
139
-
140
- const portal = document?.querySelector('.frame-portal');
141
-
142
- if (portal) {
143
- return portal;
144
- }
145
-
146
- if (element) {
147
- const portal = document.createElement('div');
148
- portal.className = 'frame-portal';
149
- portal.style.position = 'relative';
150
- // portal.style.width = '0';
151
-
152
- element.appendChild(portal);
153
- return portal;
154
- //
155
- // const portal = document?.querySelector('.frame-portal');
156
- // if (!portal) {
157
- // portal = document.createElement('div');
158
- // document.getElementById(frame)?.appendChild(portal);
159
- // }
160
- // return portal;
161
- }
162
- }
163
-
164
- const portal = document.getElementById(POPUP_PORTAL_ID);
165
-
166
- if (!portal) {
167
- const res = ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
168
-
169
- console.log('!!! res', res);
170
- }
171
-
172
- console.log('!!!! portalRef.current', portalRef.current, document.getElementById(POPUP_PORTAL_ID));
173
- return portalRef.current;
174
-
175
- let portal;
176
-
177
- const hasFrame = typeof frame !== 'string' && frame && frame.current;
178
- if (hasFrame) {
179
- portal = frame.current;
180
- } else {
181
- // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
182
-
183
- portal = document.getElementById(POPUP_PORTAL_ID);
184
-
185
- if (!portal) {
186
- if (typeof frame === 'string' && frame !== 'document') {
187
- portal = document.createElement('div');
188
- document.getElementById(frame)?.appendChild(portal);
189
- } else {
190
- portal.className('frame-portal');
191
- document.body.appendChild(portal);
192
- // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
193
- }
194
- }
195
- }
196
-
197
- };
198
- */
199
67
 
200
68
  /**
201
- * Базовый компонент Popup.
69
+ * Базовый копмонент Popup.
202
70
  */
203
71
  var popupRoot = function popupRoot(Root) {
204
72
  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
@@ -233,16 +101,47 @@ var popupRoot = function popupRoot(Root) {
233
101
  isVisible = _usePopup.isVisible,
234
102
  animationInfo = _usePopup.animationInfo,
235
103
  setVisible = _usePopup.setVisible;
236
-
237
- // const container = usePortalContainer(frame);
238
104
  var portalRef = useRef(null);
239
105
  var contentRef = useRef(null);
240
106
  var innerRef = useForkRef(contentRef, outerRootRef);
107
+ var _useState = useState(false),
108
+ _useState2 = _slicedToArray(_useState, 2),
109
+ forceRender = _useState2[1];
110
+ useEffect(function () {
111
+ var portal = document.getElementById(POPUP_PORTAL_ID);
112
+ if (typeof frame !== 'string' && frame && frame.current) {
113
+ portal = frame.current;
114
+ }
115
+ if (!portal) {
116
+ portal = document.createElement('div');
117
+ portal.setAttribute('id', POPUP_PORTAL_ID);
118
+ /**
119
+ * Нужно для того, чтобы во фрейме не происходило скачков контента
120
+ * при анимации через transform, если есть элемент с шириной/высотой в 100% (Overlay)
121
+ */
122
+ portal.style.width = '0';
123
+ if (typeof frame === 'string' && frame !== 'document') {
124
+ var _document$getElementB;
125
+ (_document$getElementB = document.getElementById(frame)) === null || _document$getElementB === void 0 || _document$getElementB.appendChild(portal);
126
+ } else {
127
+ document.body.appendChild(portal);
128
+ }
129
+ }
130
+ portalRef.current = portal;
131
+
132
+ /**
133
+ * Изменение стейта нужно для того, чтобы Popup
134
+ * отобразился после записи DOM элемента в portalRef.current
135
+ */
136
+ forceRender(true);
137
+ }, []);
241
138
  if (!isVisible && !innerIsOpen) {
242
139
  return null;
243
140
  }
244
141
  var cls = cx(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? classes.endTransition : '');
245
- var rootNode = /*#__PURE__*/React.createElement(Root, _extends({
142
+ return /*#__PURE__*/React.createElement(React.Fragment, null, portalRef.current && /*#__PURE__*/React.createElement(Portal, {
143
+ container: portalRef.current
144
+ }, /*#__PURE__*/React.createElement(Root, _extends({
246
145
  className: cls
247
146
  }, rest), overlay, /*#__PURE__*/React.createElement(PopupRoot, {
248
147
  id: innerId,
@@ -252,27 +151,7 @@ var popupRoot = function popupRoot(Root) {
252
151
  zIndex: zIndex,
253
152
  animationInfo: animationInfo,
254
153
  setVisible: setVisible
255
- }, children));
256
- if (typeof frame !== 'string' && frame && frame.current) {
257
- return /*#__PURE__*/React.createElement(Portal, {
258
- container: frame.current
259
- }, rootNode);
260
- }
261
- var withFrameId = typeof frame === 'string' && frame !== 'document';
262
- var containerElement = withFrameId && document.getElementById(frame);
263
- if (containerElement) {
264
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(StyledPortalContainer, {
265
- ref: portalRef
266
- }, portalRef.current && /*#__PURE__*/React.createElement(Portal, {
267
- container: portalRef.current
268
- }, rootNode)), containerElement));
269
- }
270
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(StyledPortal, {
271
- id: POPUP_PORTAL_ID,
272
- ref: portalRef
273
- }, portalRef.current && /*#__PURE__*/React.createElement(Portal, {
274
- container: portalRef.current
275
- }, rootNode)), document.body));
154
+ }, children))));
276
155
  });
277
156
  };
278
157
  var popupConfig = {