@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
 
@@ -8,9 +8,9 @@ var plasmaCore = require('@salutejs/plasma-core');
8
8
  require('@linaria/core');
9
9
  var common = require('../../engines/common.js');
10
10
  var PopupContext = require('../Popup/PopupContext.js');
11
- require('react-dom');
12
11
  var getSizeValueFromProp = require('../../utils/getSizeValueFromProp.js');
13
12
  require('../../utils/react.js');
13
+ require('react-dom');
14
14
  require('@linaria/react');
15
15
  var index = require('../Popup/utils/index.js');
16
16
  var Overlay = require('../Overlay/Overlay.js');
@@ -6,9 +6,9 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
6
6
  var React = require('react');
7
7
  var DrawerContext = require('../DrawerContext.js');
8
8
  var PopupContext = require('../../Popup/PopupContext.js');
9
- require('react-dom');
10
9
  require('@salutejs/plasma-core');
11
10
  require('../../../utils/react.js');
11
+ require('react-dom');
12
12
  require('@linaria/react');
13
13
 
14
14
  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);}
@@ -6,9 +6,9 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
6
6
  var React = require('react');
7
7
  var ModalContext = require('../ModalContext.js');
8
8
  var PopupContext = require('../../Popup/PopupContext.js');
9
- require('react-dom');
10
9
  require('@salutejs/plasma-core');
11
10
  require('../../../utils/react.js');
11
+ require('react-dom');
12
12
  require('@linaria/react');
13
13
 
14
14
  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);}
@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
6
  var React = require('react');
7
- var ReactDOM = require('react-dom');
8
7
  var plasmaCore = require('@salutejs/plasma-core');
9
8
  var index = require('../../utils/index.js');
10
9
  var Portal = require('../Portal/Portal.js');
@@ -12,7 +11,6 @@ var PopupContext = require('./PopupContext.js');
12
11
  var PopupRoot = require('./PopupRoot.js');
13
12
  var usePopup = require('./hooks/usePopup.js');
14
13
  var Popup_tokens = require('./Popup.tokens.js');
15
- var Popup_styles = require('./Popup.styles.js');
16
14
 
17
15
  var _excluded = ["id", "isOpen", "opened", "placement", "offset", "frame", "children", "overlay", "role", "zIndex", "popupInfo", "withAnimation", "className"];
18
16
  var handlePosition = function handlePosition(placement, offset) {
@@ -38,8 +36,8 @@ var handlePosition = function handlePosition(placement, offset) {
38
36
  var bottom;
39
37
  var transform;
40
38
  var placements = placement.split('-');
41
- placements.forEach(function (placementValue) {
42
- switch (placementValue) {
39
+ placements.forEach(function (placement) {
40
+ switch (placement) {
43
41
  case 'left':
44
42
  left = x;
45
43
  break;
@@ -70,139 +68,9 @@ var handlePosition = function handlePosition(placement, offset) {
70
68
  transform: transform
71
69
  };
72
70
  };
73
- /*
74
- const getPortalParent = (frame: 'document' | string | React.RefObject<HTMLElement>, portalRef) => {
75
- if (typeof frame !== 'string' && frame && frame.current) {
76
- portalRef.current = frame.current;
77
- return;
78
- }
79
-
80
- if (typeof frame === 'string' && frame !== 'document') {
81
- const element = document.getElementById(frame);
82
- if (element) {
83
- const portal = document.createElement('div');
84
- portal.className = 'frame-portal';
85
- portal.style.position = 'relative';
86
- portal.style.width = '0';
87
-
88
- element.appendChild(portal);
89
- portalRef.current = portal;
90
-
91
- return;
92
- //
93
- // const portal = document?.querySelector('.frame-portal');
94
- // if (!portal) {
95
- // portal = document.createElement('div');
96
- // document.getElementById(frame)?.appendChild(portal);
97
- // }
98
- // return portal;
99
- }
100
- }
101
-
102
- const portal = document.getElementById(POPUP_PORTAL_ID);
103
-
104
- if (!portal) {
105
- ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
106
- }
107
-
108
- portalRef.current = portal;
109
-
110
- let portal;
111
-
112
- const hasFrame = typeof frame !== 'string' && frame && frame.current;
113
- if (hasFrame) {
114
- portal = frame.current;
115
- } else {
116
- // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
117
-
118
- portal = document.getElementById(POPUP_PORTAL_ID);
119
-
120
- if (!portal) {
121
- if (typeof frame === 'string' && frame !== 'document') {
122
- portal = document.createElement('div');
123
- document.getElementById(frame)?.appendChild(portal);
124
- } else {
125
- portal.className('frame-portal');
126
- document.body.appendChild(portal);
127
- // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
128
- }
129
- }
130
- }
131
-
132
- };
133
-
134
- const usePortalContainer = (frame: 'document' | string | React.RefObject<HTMLElement>) => {
135
- const portalRef = useRef<HTMLDivElement | null>(null);
136
-
137
- if (typeof frame !== 'string' && frame && frame.current) {
138
- return frame.current;
139
- }
140
-
141
- if (typeof frame === 'string' && frame !== 'document') {
142
- const element = document.getElementById(frame);
143
-
144
- const portal = document?.querySelector('.frame-portal');
145
-
146
- if (portal) {
147
- return portal;
148
- }
149
-
150
- if (element) {
151
- const portal = document.createElement('div');
152
- portal.className = 'frame-portal';
153
- portal.style.position = 'relative';
154
- // portal.style.width = '0';
155
-
156
- element.appendChild(portal);
157
- return portal;
158
- //
159
- // const portal = document?.querySelector('.frame-portal');
160
- // if (!portal) {
161
- // portal = document.createElement('div');
162
- // document.getElementById(frame)?.appendChild(portal);
163
- // }
164
- // return portal;
165
- }
166
- }
167
-
168
- const portal = document.getElementById(POPUP_PORTAL_ID);
169
-
170
- if (!portal) {
171
- const res = ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
172
-
173
- console.log('!!! res', res);
174
- }
175
-
176
- console.log('!!!! portalRef.current', portalRef.current, document.getElementById(POPUP_PORTAL_ID));
177
- return portalRef.current;
178
-
179
- let portal;
180
-
181
- const hasFrame = typeof frame !== 'string' && frame && frame.current;
182
- if (hasFrame) {
183
- portal = frame.current;
184
- } else {
185
- // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
186
-
187
- portal = document.getElementById(POPUP_PORTAL_ID);
188
-
189
- if (!portal) {
190
- if (typeof frame === 'string' && frame !== 'document') {
191
- portal = document.createElement('div');
192
- document.getElementById(frame)?.appendChild(portal);
193
- } else {
194
- portal.className('frame-portal');
195
- document.body.appendChild(portal);
196
- // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
197
- }
198
- }
199
- }
200
-
201
- };
202
- */
203
71
 
204
72
  /**
205
- * Базовый компонент Popup.
73
+ * Базовый копмонент Popup.
206
74
  */
207
75
  var popupRoot = function popupRoot(Root) {
208
76
  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
@@ -237,16 +105,47 @@ var popupRoot = function popupRoot(Root) {
237
105
  isVisible = _usePopup.isVisible,
238
106
  animationInfo = _usePopup.animationInfo,
239
107
  setVisible = _usePopup.setVisible;
240
-
241
- // const container = usePortalContainer(frame);
242
108
  var portalRef = React.useRef(null);
243
109
  var contentRef = React.useRef(null);
244
110
  var innerRef = plasmaCore.useForkRef(contentRef, outerRootRef);
111
+ var _useState = React.useState(false),
112
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
113
+ forceRender = _useState2[1];
114
+ React.useEffect(function () {
115
+ var portal = document.getElementById(PopupContext.POPUP_PORTAL_ID);
116
+ if (typeof frame !== 'string' && frame && frame.current) {
117
+ portal = frame.current;
118
+ }
119
+ if (!portal) {
120
+ portal = document.createElement('div');
121
+ portal.setAttribute('id', PopupContext.POPUP_PORTAL_ID);
122
+ /**
123
+ * Нужно для того, чтобы во фрейме не происходило скачков контента
124
+ * при анимации через transform, если есть элемент с шириной/высотой в 100% (Overlay)
125
+ */
126
+ portal.style.width = '0';
127
+ if (typeof frame === 'string' && frame !== 'document') {
128
+ var _document$getElementB;
129
+ (_document$getElementB = document.getElementById(frame)) === null || _document$getElementB === void 0 || _document$getElementB.appendChild(portal);
130
+ } else {
131
+ document.body.appendChild(portal);
132
+ }
133
+ }
134
+ portalRef.current = portal;
135
+
136
+ /**
137
+ * Изменение стейта нужно для того, чтобы Popup
138
+ * отобразился после записи DOM элемента в portalRef.current
139
+ */
140
+ forceRender(true);
141
+ }, []);
245
142
  if (!isVisible && !innerIsOpen) {
246
143
  return null;
247
144
  }
248
145
  var cls = index.cx(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? Popup_tokens.classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? Popup_tokens.classes.endTransition : '');
249
- var rootNode = /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
146
+ return /*#__PURE__*/React.createElement(React.Fragment, null, portalRef.current && /*#__PURE__*/React.createElement(Portal.Portal, {
147
+ container: portalRef.current
148
+ }, /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
250
149
  className: cls
251
150
  }, rest), overlay, /*#__PURE__*/React.createElement(PopupRoot.PopupRoot, {
252
151
  id: innerId,
@@ -256,27 +155,7 @@ var popupRoot = function popupRoot(Root) {
256
155
  zIndex: zIndex,
257
156
  animationInfo: animationInfo,
258
157
  setVisible: setVisible
259
- }, children));
260
- if (typeof frame !== 'string' && frame && frame.current) {
261
- return /*#__PURE__*/React.createElement(Portal.Portal, {
262
- container: frame.current
263
- }, rootNode);
264
- }
265
- var withFrameId = typeof frame === 'string' && frame !== 'document';
266
- var containerElement = withFrameId && document.getElementById(frame);
267
- if (containerElement) {
268
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Popup_styles.StyledPortalContainer, {
269
- ref: portalRef
270
- }, portalRef.current && /*#__PURE__*/React.createElement(Portal.Portal, {
271
- container: portalRef.current
272
- }, rootNode)), containerElement));
273
- }
274
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Popup_styles.StyledPortal, {
275
- id: PopupContext.POPUP_PORTAL_ID,
276
- ref: portalRef
277
- }, portalRef.current && /*#__PURE__*/React.createElement(Portal.Portal, {
278
- container: portalRef.current
279
- }, rootNode)), document.body));
158
+ }, children))));
280
159
  });
281
160
  };
282
161
  var popupConfig = {