@salutejs/plasma-new-hope 0.116.0-canary.1328.10268131365.0 → 0.116.0-canary.1332.10266696598.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (172) hide show
  1. package/cjs/components/Button/Button.css +8 -8
  2. package/cjs/components/Button/Button.styles.js +1 -1
  3. package/cjs/components/Button/Button.styles.js.map +1 -1
  4. package/cjs/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
  5. package/cjs/components/Button/Button.tokens.js +0 -2
  6. package/cjs/components/Button/Button.tokens.js.map +1 -1
  7. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
  8. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
  9. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  10. package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
  11. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
  12. package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
  13. package/cjs/components/Drawer/Drawer.css +8 -8
  14. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
  15. package/cjs/components/EmptyState/EmptyState.css +8 -8
  16. package/cjs/components/IconButton/IconButton.css +8 -8
  17. package/cjs/components/Notification/Notification.css +8 -8
  18. package/cjs/components/Notification/NotificationsProvider.css +8 -8
  19. package/cjs/components/Pagination/Pagination.css +29 -29
  20. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
  21. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
  22. package/cjs/components/Select/Select.css +30 -30
  23. package/cjs/components/Select/Select.js +32 -28
  24. package/cjs/components/Select/Select.js.map +1 -1
  25. package/cjs/components/Select/Select.styles.js +1 -1
  26. package/cjs/components/Select/Select.styles.js.map +1 -1
  27. package/{es/components/Select/Select.styles_1e7cbbz.css → cjs/components/Select/Select.styles_zx0ztg.css} +1 -1
  28. package/cjs/components/Select/Select.tokens.js.map +1 -1
  29. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  30. package/cjs/components/Select/ui/Inner/Inner.css +31 -31
  31. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +30 -30
  32. package/cjs/components/Select/ui/Target/Target.css +26 -26
  33. package/cjs/components/Select/ui/Target/Target.js +11 -7
  34. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  35. package/cjs/components/Select/ui/Target/ui/Button/Button.css +14 -14
  36. package/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
  37. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  38. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
  39. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  40. package/{es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css → cjs/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css} +3 -3
  41. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
  42. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  43. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  44. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
  45. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  46. package/{es/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css → cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css} +1 -1
  47. package/cjs/components/Select/utils/getButtonLabel.js +13 -12
  48. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  49. package/cjs/components/Toast/Toast.css +8 -8
  50. package/cjs/components/Toast/ToastController.css +8 -8
  51. package/cjs/index.css +31 -31
  52. package/emotion/cjs/components/Button/Button.styles.js +8 -8
  53. package/emotion/cjs/components/Button/Button.tokens.js +0 -2
  54. package/emotion/cjs/components/Select/Select.js +32 -28
  55. package/emotion/cjs/components/Select/Select.styles.js +6 -6
  56. package/emotion/cjs/components/Select/Select.tokens.js +1 -1
  57. package/emotion/cjs/components/Select/ui/Target/Target.js +11 -7
  58. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
  59. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
  60. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  61. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
  62. package/emotion/cjs/components/Select/utils/getButtonLabel.js +13 -12
  63. package/emotion/es/components/Button/Button.styles.js +8 -8
  64. package/emotion/es/components/Button/Button.tokens.js +0 -2
  65. package/emotion/es/components/Select/Select.js +32 -28
  66. package/emotion/es/components/Select/Select.styles.js +6 -6
  67. package/emotion/es/components/Select/Select.tokens.js +1 -1
  68. package/emotion/es/components/Select/ui/Target/Target.js +11 -7
  69. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
  70. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +5 -8
  71. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  72. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -16
  73. package/emotion/es/components/Select/utils/getButtonLabel.js +13 -12
  74. package/es/components/Button/Button.css +8 -8
  75. package/es/components/Button/Button.styles.js +1 -1
  76. package/es/components/Button/Button.styles.js.map +1 -1
  77. package/es/components/Button/{Button.styles_1sopr3d.css → Button.styles_1oz1dew.css} +2 -2
  78. package/es/components/Button/Button.tokens.js +0 -2
  79. package/es/components/Button/Button.tokens.js.map +1 -1
  80. package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
  81. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
  82. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  83. package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
  84. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
  85. package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
  86. package/es/components/Drawer/Drawer.css +8 -8
  87. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
  88. package/es/components/EmptyState/EmptyState.css +8 -8
  89. package/es/components/IconButton/IconButton.css +8 -8
  90. package/es/components/Notification/Notification.css +8 -8
  91. package/es/components/Notification/NotificationsProvider.css +8 -8
  92. package/es/components/Pagination/Pagination.css +29 -29
  93. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
  94. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
  95. package/es/components/Select/Select.css +30 -30
  96. package/es/components/Select/Select.js +32 -28
  97. package/es/components/Select/Select.js.map +1 -1
  98. package/es/components/Select/Select.styles.js +1 -1
  99. package/es/components/Select/Select.styles.js.map +1 -1
  100. package/{cjs/components/Select/Select.styles_1e7cbbz.css → es/components/Select/Select.styles_zx0ztg.css} +1 -1
  101. package/es/components/Select/Select.tokens.js.map +1 -1
  102. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  103. package/es/components/Select/ui/Inner/Inner.css +31 -31
  104. package/es/components/Select/ui/Inner/ui/Item/Item.css +30 -30
  105. package/es/components/Select/ui/Target/Target.css +26 -26
  106. package/es/components/Select/ui/Target/Target.js +11 -7
  107. package/es/components/Select/ui/Target/Target.js.map +1 -1
  108. package/es/components/Select/ui/Target/ui/Button/Button.css +14 -14
  109. package/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
  110. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  111. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +2 -12
  112. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  113. package/{cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css → es/components/Select/ui/Target/ui/Button/Button.styles_nn6pg.css} +3 -3
  114. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +21 -21
  115. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  116. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  117. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -11
  118. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  119. package/{cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css → es/components/Select/ui/Target/ui/Textfield/Textfield.styles_16d02b7.css} +1 -1
  120. package/es/components/Select/utils/getButtonLabel.js +13 -12
  121. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  122. package/es/components/Toast/Toast.css +8 -8
  123. package/es/components/Toast/ToastController.css +8 -8
  124. package/es/index.css +31 -31
  125. package/package.json +2 -2
  126. package/styled-components/cjs/components/Button/Button.styles.js +2 -2
  127. package/styled-components/cjs/components/Button/Button.tokens.js +0 -2
  128. package/styled-components/cjs/components/Select/Select.js +32 -28
  129. package/styled-components/cjs/components/Select/Select.styles.js +1 -1
  130. package/styled-components/cjs/components/Select/Select.tokens.js +1 -1
  131. package/styled-components/cjs/components/Select/ui/Target/Target.js +11 -7
  132. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +8 -7
  133. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
  134. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  135. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
  136. package/styled-components/cjs/components/Select/utils/getButtonLabel.js +13 -12
  137. package/styled-components/es/components/Button/Button.styles.js +2 -2
  138. package/styled-components/es/components/Button/Button.tokens.js +0 -2
  139. package/styled-components/es/components/Select/Select.js +32 -28
  140. package/styled-components/es/components/Select/Select.styles.js +1 -1
  141. package/styled-components/es/components/Select/Select.tokens.js +1 -1
  142. package/styled-components/es/components/Select/ui/Target/Target.js +11 -7
  143. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +8 -7
  144. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -6
  145. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +11 -11
  146. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -4
  147. package/styled-components/es/components/Select/utils/getButtonLabel.js +13 -12
  148. package/types/components/Button/Button.styles.d.ts.map +1 -1
  149. package/types/components/Button/Button.tokens.d.ts +0 -2
  150. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  151. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -4
  152. package/types/components/Select/Select.types.d.ts +8 -12
  153. package/types/components/Select/Select.types.d.ts.map +1 -1
  154. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +1 -1
  155. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  156. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  157. package/types/components/Select/ui/Target/Target.types.d.ts +1 -2
  158. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  159. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  160. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -4
  161. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
  162. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +2 -2
  163. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  164. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  165. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +2 -4
  166. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  167. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -3
  168. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  169. package/types/components/Select/utils/getButtonLabel.d.ts +1 -1
  170. package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
  171. package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -4
  172. package/types/examples/plasma_web/components/Select/Select.d.ts +4 -4
package/es/index.css CHANGED
@@ -8,14 +8,14 @@
8
8
 
9
9
  .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
10
10
 
11
- .Button_styles_1sopr3d_bzw1898__8219590b{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1sopr3d_bzw1898__8219590b.Button_styles_1sopr3d_buttonContentRelaxed__8219590b{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
12
- .Button_styles_1sopr3d_bdfuqwe__8219590b{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
13
- .Button_styles_1sopr3d_l9ypozh__8219590b{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
14
- .Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
15
- .Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
- .Button_styles_1sopr3d_s7rggv0__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);}
17
- .Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
18
- .Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
11
+ .Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
12
+ .Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
13
+ .Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
14
+ .Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
15
+ .Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
+ .Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
17
+ .Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
18
+ .Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
19
19
 
20
20
  .IconButton_styles_7v8g0e_b1ua728l__3b30d792{position:relative;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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792: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);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792: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);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
21
21
 
@@ -488,32 +488,32 @@
488
488
  .Item_styles_y3jg1m_wzzpzvq__110489ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_y3jg1m_wzzpzvq__110489ac:hover:not(.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsActive__110489ac{background:var(--surface-transparent-secondary);}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsDisabled__110489ac{opacity:0.4;cursor:not-allowed;}.Item_styles_y3jg1m_wzzpzvq__110489ac:focus{outline:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_y3jg1m_wzzpzvq__110489ac.Item_styles_y3jg1m_dropdownItemIsFocused__110489ac:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
489
489
 
490
490
 
491
- .Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
492
- .Button_styles_lxxm4p_i1akdel6__70a12c1a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:active{color:var(--plasma-select-target-button-arrow-color-active);}
493
- .Button_styles_lxxm4p_sn98tws__70a12c1a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
494
- .Button_styles_lxxm4p_ba2820e__70a12c1a{display:inline;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_selectWithoutBoxShadow__70a12c1a::before{box-shadow:none !important;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_arrowInverse__70a12c1a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
495
- .Button_styles_lxxm4p_lpf11kx__70a12c1a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
491
+ .Button_styles_nn6pg_sfn0xs0__4081a75b{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
492
+ .Button_styles_nn6pg_i1akdel6__4081a75b{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_nn6pg_i1akdel6__4081a75b:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_nn6pg_i1akdel6__4081a75b:active{color:var(--plasma-select-target-button-arrow-color-active);}
493
+ .Button_styles_nn6pg_sn98tws__4081a75b{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
494
+ .Button_styles_nn6pg_ba2820e__4081a75b{display:inline;}.Button_styles_nn6pg_ba2820e__4081a75b .Button_styles_nn6pg_selectWithoutBoxShadow__4081a75b::before{box-shadow:none !important;}
495
+ .Button_styles_nn6pg_lpf11kx__4081a75b{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_nn6pg_lpf11kx__4081a75b .Button_styles_nn6pg_arrowInverse__4081a75b{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
496
496
 
497
497
  .Chip_styles_1a752pa_scwjjdn__1a6784c0{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_1a752pa_scwjjdn__1a6784c0::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_1a752pa_scwjjdn__1a6784c0.Chip_styles_1a752pa_selectChipIsFocused__1a6784c0:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
498
498
 
499
- .Textfield_styles_5mg7p7_t1yhwv5r__edd76511{display:inline;}.Textfield_styles_5mg7p7_t1yhwv5r__edd76511 .Textfield_styles_5mg7p7_selectTextfieldTarget__edd76511{background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);}.Textfield_styles_5mg7p7_t1yhwv5r__edd76511 .Textfield_styles_5mg7p7_selectWithoutBoxShadow__edd76511::before{box-shadow:none !important;}
500
- .Textfield_styles_5mg7p7_s7x5udn__edd76511{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--s7x5udn-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 0.0625rem var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.Textfield_styles_5mg7p7_s7x5udn__edd76511::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.0625rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_5mg7p7_s7x5udn__edd76511.Textfield_styles_5mg7p7_focusVisible__edd76511:focus::before,.Textfield_styles_5mg7p7_s7x5udn__edd76511[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
501
-
502
- .Textfield_styles_5mg7p7_i1kxyc50__edd76511{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_5mg7p7_i1kxyc50__edd76511:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_5mg7p7_i1kxyc50__edd76511:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
503
- .Textfield_styles_5mg7p7_wqzfsxn__edd76511{width:100%;height:100%;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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_5mg7p7_wqzfsxn__edd76511 .Textfield_styles_5mg7p7_arrowInverse__edd76511{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
504
- .Textfield_styles_5mg7p7_c1cgo38i__edd76511{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_5mg7p7_c1cgo38i__edd76511::-webkit-scrollbar{display:none;}
505
- .Textfield_styles_5mg7p7_l9ikjwc__edd76511{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
506
- .Textfield_styles_5mg7p7_p1jn3k4y__edd76511{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
507
- .Textfield_styles_5mg7p7_i8xlj9b__edd76511{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
508
- .Textfield_styles_5mg7p7_iu6fefp__edd76511{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
509
- .Textfield_styles_5mg7p7_c1ox0htq__edd76511{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
510
- .Textfield_styles_5mg7p7_v1kam5d__edd76511{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
511
-
512
- .Select_styles_1e7cbbz_spxbau6__4a6fbd83 .Select_styles_1e7cbbz_popoverRoot__4a6fbd83,.Select_styles_1e7cbbz_spxbau6__4a6fbd83 .Select_styles_1e7cbbz_popoverTarget__4a6fbd83{width:100%;}
513
- .Select_styles_1e7cbbz_u1yey2x3__4a6fbd83{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
514
- .Select_styles_1e7cbbz_bvro45w__4a6fbd83 .Select_styles_1e7cbbz_popoverWrapper__4a6fbd83,.Select_styles_1e7cbbz_bvro45w__4a6fbd83 .Select_styles_1e7cbbz_popoverTarget__4a6fbd83{display:block;}
515
- .Select_styles_1e7cbbz_ogpldc9__4a6fbd83{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
516
- .Select_styles_1e7cbbz_h2ef052__4a6fbd83{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
499
+ .Textfield_styles_16d02b7_t1yhwv5r__12f473dc{display:inline;}.Textfield_styles_16d02b7_t1yhwv5r__12f473dc .Textfield_styles_16d02b7_selectTextfieldTarget__12f473dc{background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);}.Textfield_styles_16d02b7_t1yhwv5r__12f473dc .Textfield_styles_16d02b7_selectWithoutBoxShadow__12f473dc::before{box-shadow:none !important;}
500
+ .Textfield_styles_16d02b7_s7x5udn__12f473dc{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 0.0625rem var(--plasma-select-target-textfield-border-color);position:relative;}.Textfield_styles_16d02b7_s7x5udn__12f473dc::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.0625rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_16d02b7_s7x5udn__12f473dc.Textfield_styles_16d02b7_focusVisible__12f473dc:focus::before,.Textfield_styles_16d02b7_s7x5udn__12f473dc[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
501
+
502
+ .Textfield_styles_16d02b7_i1kxyc50__12f473dc{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_16d02b7_i1kxyc50__12f473dc:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_16d02b7_i1kxyc50__12f473dc:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
503
+ .Textfield_styles_16d02b7_wqzfsxn__12f473dc{width:100%;height:100%;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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_16d02b7_wqzfsxn__12f473dc .Textfield_styles_16d02b7_arrowInverse__12f473dc{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
504
+ .Textfield_styles_16d02b7_c1cgo38i__12f473dc{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_16d02b7_c1cgo38i__12f473dc::-webkit-scrollbar{display:none;}
505
+ .Textfield_styles_16d02b7_l9ikjwc__12f473dc{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
506
+ .Textfield_styles_16d02b7_p1jn3k4y__12f473dc{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
507
+ .Textfield_styles_16d02b7_i8xlj9b__12f473dc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
508
+ .Textfield_styles_16d02b7_iu6fefp__12f473dc{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
509
+ .Textfield_styles_16d02b7_c1ox0htq__12f473dc{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
510
+ .Textfield_styles_16d02b7_v1kam5d__12f473dc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
511
+
512
+ .Select_styles_zx0ztg_spxbau6__ae62f9d8 .Select_styles_zx0ztg_popoverRoot__ae62f9d8,.Select_styles_zx0ztg_spxbau6__ae62f9d8 .Select_styles_zx0ztg_popoverTarget__ae62f9d8{width:100%;}
513
+ .Select_styles_zx0ztg_u1yey2x3__ae62f9d8{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:var(--shadow-down-soft-s);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
514
+ .Select_styles_zx0ztg_bvro45w__ae62f9d8 .Select_styles_zx0ztg_popoverWrapper__ae62f9d8,.Select_styles_zx0ztg_bvro45w__ae62f9d8 .Select_styles_zx0ztg_popoverTarget__ae62f9d8{display:block;}
515
+ .Select_styles_zx0ztg_ogpldc9__ae62f9d8{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
516
+ .Select_styles_zx0ztg_h2ef052__ae62f9d8{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
517
517
 
518
518
  .base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
519
519
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.116.0-canary.1328.10268131365.0",
3
+ "version": "0.116.0-canary.1332.10266696598.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -118,5 +118,5 @@
118
118
  "react-popper": "2.3.0",
119
119
  "storeon": "3.1.5"
120
120
  },
121
- "gitHead": "6045c1a00bd06667105e4fe14f19cc279bbce006"
121
+ "gitHead": "cbe7a33e0228d1b8608534213b21760629c01306"
122
122
  }
@@ -42,10 +42,10 @@ var StyledSpinner = exports.StyledSpinner = /*#__PURE__*/(0, _styledComponents["
42
42
  })(["", ":var(", ");", ":var(", ");"], _Spinner.spinnerTokens.size, _Button.tokens.buttonSpinnerSize, _Spinner.spinnerTokens.color, _Button.tokens.buttonSpinnerColor);
43
43
  var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
44
44
  componentId: "plasma-new-hope__sc-9d9bqj-5"
45
- })(["display:flex;margin:var(", ");align-self:var(", ");"], _Button.tokens.buttonLeftContentMargin, _Button.tokens.buttonLeftContentAlignSelf);
45
+ })(["display:flex;margin:var(", ");"], _Button.tokens.buttonLeftContentMargin);
46
46
  var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
47
47
  componentId: "plasma-new-hope__sc-9d9bqj-6"
48
- })(["display:flex;margin:var(", ");align-self:var(", ");"], _Button.tokens.buttonRightContentMargin, _Button.tokens.buttonRightContentAlignSelf);
48
+ })(["display:flex;margin:var(", ");"], _Button.tokens.buttonRightContentMargin);
49
49
  var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.", " {\n width: var(", ");\n padding: 0;\n }\n"])), /*#__PURE__*/String(_Button.classes.buttonSquare), _Button.tokens.buttonHeight);
50
50
 
51
51
  // INFO: Для возможности переиспользования стилей в других компонентах
@@ -35,9 +35,7 @@ var tokens = exports.tokens = {
35
35
  buttonLetterSpacing: '--plasma-button-letter-spacing',
36
36
  buttonLineHeight: '--plasma-button-line-height',
37
37
  buttonLeftContentMargin: '--plasma-button-left-content-margin',
38
- buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',
39
38
  buttonRightContentMargin: '--plasma-button-right-content-margin',
40
- buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',
41
39
  buttonValueMargin: '--plasma-button-value-margin',
42
40
  buttonDisabledOpacity: '--plasma-button-disabled-opacity',
43
41
  buttonFocusColor: '--plasma-button-focus-color',
@@ -16,7 +16,7 @@ var _usePathMaps3 = /*#__PURE__*/require("./hooks/usePathMaps");
16
16
  var _Select = /*#__PURE__*/require("./Select.styles");
17
17
  var _base = /*#__PURE__*/require("./variations/_view/base");
18
18
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
19
- var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
19
+ var _excluded = ["multiselect", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "isTargetAmount", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
20
20
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
21
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
22
22
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -35,7 +35,9 @@ var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
35
35
  */
36
36
  var selectRoot = exports.selectRoot = function selectRoot(Root) {
37
37
  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
38
- var outerValue = props.value,
38
+ var _props$multiselect = props.multiselect,
39
+ multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
40
+ outerValue = props.value,
39
41
  outerOnChange = props.onChange,
40
42
  _props$target = props.target,
41
43
  target = _props$target === void 0 ? 'textfield-like' : _props$target,
@@ -47,6 +49,8 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
47
49
  labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
48
50
  placeholder = props.placeholder,
49
51
  helperText = props.helperText,
52
+ _props$isTargetAmount = props.isTargetAmount,
53
+ isTargetAmount = _props$isTargetAmount === void 0 ? false : _props$isTargetAmount,
50
54
  _props$disabled = props.disabled,
51
55
  disabled = _props$disabled === void 0 ? false : _props$disabled,
52
56
  view = props.view,
@@ -63,7 +67,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
63
67
  renderValue = props.renderValue,
64
68
  renderItem = props.renderItem,
65
69
  rest = _objectWithoutProperties(props, _excluded);
66
- var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
70
+ var _useState = (0, _react.useState)(outerValue || multiselect ? [] : ''),
67
71
  _useState2 = _slicedToArray(_useState, 2),
68
72
  internalValue = _useState2[0],
69
73
  setInternalValue = _useState2[1];
@@ -124,32 +128,30 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
124
128
  }
125
129
  };
126
130
  var handleCheckboxChange = function handleCheckboxChange(item) {
127
- if (props.multiselect) {
128
- var checkedCopy = new Map(checked);
129
- if (!checkedCopy.get(item.value)) {
130
- checkedCopy.set(item.value, true);
131
- (0, _utils2.updateDescendants)(item, checkedCopy, true);
132
- } else {
133
- checkedCopy.set(item.value, false);
134
- (0, _utils2.updateDescendants)(item, checkedCopy, false);
135
- }
136
- (0, _utils2.updateAncestors)(item, checkedCopy);
137
- var newValues = [];
138
- valueToItemMap.forEach(function (item, key) {
139
- if (checkedCopy.get(key)) {
140
- newValues.push(item.value);
141
- }
142
- });
143
- if (onChange) {
144
- onChange(newValues);
131
+ var checkedCopy = new Map(checked);
132
+ if (!checkedCopy.get(item.value.toString())) {
133
+ checkedCopy.set(item.value.toString(), true);
134
+ (0, _utils2.updateDescendants)(item, checkedCopy, true);
135
+ } else {
136
+ checkedCopy.set(item.value.toString(), false);
137
+ (0, _utils2.updateDescendants)(item, checkedCopy, false);
138
+ }
139
+ (0, _utils2.updateAncestors)(item, checkedCopy);
140
+ var newValues = [];
141
+ valueToItemMap.forEach(function (item, key) {
142
+ if (checkedCopy.get(key)) {
143
+ newValues.push(item.value.toString());
145
144
  }
145
+ });
146
+ if (onChange) {
147
+ onChange(newValues);
146
148
  }
147
149
  };
148
150
  var handleItemClick = function handleItemClick(item, e) {
149
151
  if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
150
152
  return;
151
153
  }
152
- if (props.multiselect) {
154
+ if (multiselect) {
153
155
  handleCheckboxChange(item);
154
156
  } else {
155
157
  if (e) {
@@ -175,7 +177,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
175
177
  var handlePressDown = function handlePressDown(item, e) {
176
178
  if ((0, _utils.isEmpty)(item.items)) {
177
179
  handleItemClick(item, e);
178
- } else if (props.multiselect) {
180
+ } else if (multiselect) {
179
181
  handleCheckboxChange(item);
180
182
  }
181
183
  };
@@ -187,7 +189,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
187
189
  }
188
190
  };
189
191
  var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
190
- value: value,
191
192
  focusedPath: focusedPath,
192
193
  dispatchFocusedPath: dispatchFocusedPath,
193
194
  path: path,
@@ -198,9 +199,10 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
198
199
  handlePressDown: handlePressDown,
199
200
  focusedChipIndex: focusedChipIndex,
200
201
  dispatchFocusedChipIndex: dispatchFocusedChipIndex,
202
+ value: value,
201
203
  valueToItemMap: valueToItemMap,
202
- multiselect: props.multiselect,
203
- isTargetAmount: props.isTargetAmount
204
+ multiselect: multiselect,
205
+ isTargetAmount: isTargetAmount
204
206
  }),
205
207
  onKeyDown = _useKeyNavigation.onKeyDown;
206
208
  var isCurrentListOpen = Boolean(path[0]);
@@ -234,7 +236,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
234
236
  value: {
235
237
  focusedPath: focusedPath,
236
238
  checked: checked,
237
- multiselect: props.multiselect,
239
+ multiselect: multiselect,
238
240
  size: size,
239
241
  handleCheckboxChange: handleCheckboxChange,
240
242
  handleItemClick: handleItemClick,
@@ -251,7 +253,10 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
251
253
  trigger: "click",
252
254
  target: /*#__PURE__*/_react["default"].createElement(_ui.Target, {
253
255
  opened: isCurrentListOpen,
256
+ target: target,
254
257
  value: value,
258
+ isTargetAmount: isTargetAmount,
259
+ multiselect: multiselect,
255
260
  valueToItemMap: valueToItemMap,
256
261
  focusedPath: focusedPath,
257
262
  focusedToValueMap: focusedToValueMap,
@@ -261,7 +266,6 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
261
266
  onKeyDown: onKeyDown,
262
267
  focusedChipIndex: focusedChipIndex,
263
268
  labelPlacement: labelPlacement,
264
- selectProps: props,
265
269
  size: size,
266
270
  contentLeft: contentLeft,
267
271
  disabled: disabled,
@@ -18,7 +18,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
18
18
  })([".", ",.", "{width:100%;}"], /*#__PURE__*/String(_Popover.popoverClasses.root), /*#__PURE__*/String(_Popover.popoverClasses.target));
19
19
  var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
20
20
  componentId: "plasma-new-hope__sc-le54jv-1"
21
- })(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref) {
21
+ })(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref) {
22
22
  var listWidth = _ref.listWidth;
23
23
  return listWidth || '100%';
24
24
  }, function (_ref2) {
@@ -85,7 +85,7 @@ var constants = exports.constants = {
85
85
  focusColor: '--surface-accent',
86
86
  focusSize: '0.0625rem',
87
87
  background: '--surface-solid-card',
88
- boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
88
+ boxShadow: '--shadow-down-soft-s',
89
89
  disclosureIconColor: '--text-secondary',
90
90
  disclosureIconColorHover: '--text-secondary-hover',
91
91
  itemBackground: '--plasma-colors-transparent',
@@ -9,6 +9,9 @@ var _ui = /*#__PURE__*/require("./ui");
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
10
  var Target = exports.Target = function Target(_ref) {
11
11
  var value = _ref.value,
12
+ multiselect = _ref.multiselect,
13
+ isTargetAmount = _ref.isTargetAmount,
14
+ target = _ref.target,
12
15
  opened = _ref.opened,
13
16
  valueToItemMap = _ref.valueToItemMap,
14
17
  onChipClick = _ref.onChipClick,
@@ -22,11 +25,12 @@ var Target = exports.Target = function Target(_ref) {
22
25
  disabled = _ref.disabled,
23
26
  renderValue = _ref.renderValue,
24
27
  focusedPath = _ref.focusedPath,
25
- focusedToValueMap = _ref.focusedToValueMap,
26
- selectProps = _ref.selectProps;
27
- return selectProps.target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
28
+ focusedToValueMap = _ref.focusedToValueMap;
29
+ return target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
28
30
  opened: opened,
29
31
  value: value,
32
+ isTargetAmount: isTargetAmount,
33
+ multiselect: multiselect,
30
34
  valueToItemMap: valueToItemMap,
31
35
  onKeyDown: onKeyDown,
32
36
  label: label,
@@ -34,11 +38,12 @@ var Target = exports.Target = function Target(_ref) {
34
38
  disabled: disabled,
35
39
  renderValue: renderValue,
36
40
  focusedPath: focusedPath,
37
- focusedToValueMap: focusedToValueMap,
38
- selectProps: selectProps
41
+ focusedToValueMap: focusedToValueMap
39
42
  }) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
40
43
  opened: opened,
41
44
  value: value,
45
+ isTargetAmount: isTargetAmount,
46
+ multiselect: multiselect,
42
47
  valueToItemMap: valueToItemMap,
43
48
  onChipClick: onChipClick,
44
49
  label: label,
@@ -51,7 +56,6 @@ var Target = exports.Target = function Target(_ref) {
51
56
  disabled: disabled,
52
57
  renderValue: renderValue,
53
58
  focusedPath: focusedPath,
54
- focusedToValueMap: focusedToValueMap,
55
- selectProps: selectProps
59
+ focusedToValueMap: focusedToValueMap
56
60
  });
57
61
  };
@@ -13,6 +13,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
13
13
  var Button = exports.Button = function Button(_ref) {
14
14
  var opened = _ref.opened,
15
15
  value = _ref.value,
16
+ isTargetAmount = _ref.isTargetAmount,
17
+ multiselect = _ref.multiselect,
16
18
  valueToItemMap = _ref.valueToItemMap,
17
19
  onKeyDown = _ref.onKeyDown,
18
20
  label = _ref.label,
@@ -20,8 +22,7 @@ var Button = exports.Button = function Button(_ref) {
20
22
  disabled = _ref.disabled,
21
23
  renderValue = _ref.renderValue,
22
24
  focusedPath = _ref.focusedPath,
23
- focusedToValueMap = _ref.focusedToValueMap,
24
- selectProps = _ref.selectProps;
25
+ focusedToValueMap = _ref.focusedToValueMap;
25
26
  var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
26
27
  var getActiveDescendant = function getActiveDescendant() {
27
28
  var _focusedToValueMap$ge;
@@ -44,13 +45,13 @@ var Button = exports.Button = function Button(_ref) {
44
45
  "aria-controls": "tree_level_1",
45
46
  "aria-expanded": opened,
46
47
  "aria-activedescendant": getActiveDescendant(),
47
- "aria-label": label,
48
- renderTarget: Boolean(selectProps.renderTarget)
49
- }, selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
48
+ "aria-label": label
49
+ }, /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
50
50
  value: value,
51
+ isTargetAmount: isTargetAmount,
52
+ multiselect: multiselect,
51
53
  valueToItemMap: valueToItemMap,
52
54
  label: label,
53
- renderValue: renderValue,
54
- selectProps: selectProps
55
+ renderValue: renderValue
55
56
  }))));
56
57
  };
@@ -15,10 +15,7 @@ var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonCo
15
15
  var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
16
16
  var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
17
17
  componentId: "plasma-new-hope__sc-38cqi1-0"
18
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");text-align:left;"], _Button.buttonTokens.buttonColor, _Select.tokens.targetButtonColor, _Button.buttonTokens.buttonColorHover, _Select.tokens.targetButtonColorHover, _Button.buttonTokens.buttonColorActive, _Select.tokens.targetButtonColorActive, _Button.buttonTokens.buttonBackgroundColor, _Select.tokens.targetButtonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Select.tokens.targetButtonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Select.tokens.targetButtonBackgroundColorActive, _Button.buttonTokens.buttonRightContentMargin, _Select.tokens.targetButtonArrowMargin, _Button.buttonTokens.buttonHeight, function (_ref) {
19
- var renderTarget = _ref.renderTarget;
20
- return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
21
- }, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetButtonPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor);
18
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":600;", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");"], _Button.buttonTokens.buttonColor, _Select.tokens.targetButtonColor, _Button.buttonTokens.buttonColorHover, _Select.tokens.targetButtonColorHover, _Button.buttonTokens.buttonColorActive, _Select.tokens.targetButtonColorActive, _Button.buttonTokens.buttonBackgroundColor, _Select.tokens.targetButtonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Select.tokens.targetButtonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Select.tokens.targetButtonBackgroundColorActive, _Button.buttonTokens.buttonRightContentMargin, _Select.tokens.targetButtonArrowMargin, _Button.buttonTokens.buttonHeight, _Select.tokens.targetHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetButtonPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor);
22
19
  var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
23
20
  componentId: "plasma-new-hope__sc-38cqi1-1"
24
21
  })(["line-height:0;color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], _Select.tokens.targetButtonArrowColor, _Select.tokens.targetButtonArrowColorHover, _Select.tokens.targetButtonArrowColorActive);
@@ -27,7 +24,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["defa
27
24
  })(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"]);
28
25
  var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
29
26
  componentId: "plasma-new-hope__sc-38cqi1-3"
30
- })(["display:inline;.", "::before{box-shadow:none !important;}.", "{transform:rotate(-180deg);}"], _Select.classes.selectWithoutBoxShadow, _Select.classes.arrowInverse);
27
+ })(["display:inline;.", "::before{box-shadow:none !important;}"], _Select.classes.selectWithoutBoxShadow);
31
28
  var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].div.withConfig({
32
29
  componentId: "plasma-new-hope__sc-38cqi1-4"
33
- })(["display:inline;width:100%;text-align:left;", ""], /*#__PURE__*/(0, _mixins.applyEllipsis)());
30
+ })(["display:inline;width:100%;text-align:left;", " .", "{transform:rotate(-180deg);}"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Select.classes.arrowInverse);
@@ -56,6 +56,8 @@ var getLabel = function getLabel(_ref) {
56
56
  var Textfield = exports.Textfield = function Textfield(_ref2) {
57
57
  var opened = _ref2.opened,
58
58
  value = _ref2.value,
59
+ isTargetAmount = _ref2.isTargetAmount,
60
+ multiselect = _ref2.multiselect,
59
61
  valueToItemMap = _ref2.valueToItemMap,
60
62
  onChipClick = _ref2.onChipClick,
61
63
  label = _ref2.label,
@@ -68,8 +70,7 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
68
70
  disabled = _ref2.disabled,
69
71
  renderValue = _ref2.renderValue,
70
72
  focusedPath = _ref2.focusedPath,
71
- focusedToValueMap = _ref2.focusedToValueMap,
72
- selectProps = _ref2.selectProps;
73
+ focusedToValueMap = _ref2.focusedToValueMap;
73
74
  var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
74
75
  var getActiveDescendant = function getActiveDescendant() {
75
76
  var _focusedToValueMap$ge;
@@ -90,20 +91,19 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
90
91
  "aria-controls": "tree_level_1",
91
92
  "aria-expanded": opened,
92
93
  "aria-activedescendant": getActiveDescendant(),
93
- "aria-label": label,
94
- renderTarget: Boolean(selectProps.renderTarget)
95
- }, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
94
+ "aria-label": label
95
+ }, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, contentLeft && (!multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
96
96
  value: value,
97
+ isTargetAmount: isTargetAmount,
97
98
  valueToItemMap: valueToItemMap,
98
99
  onChipClick: onChipClick,
99
- focusedChipIndex: focusedChipIndex,
100
100
  label: label,
101
- labelPlacement: labelPlacement,
102
101
  placeholder: placeholder,
103
- isTargetAmount: selectProps.isTargetAmount,
104
- renderValue: renderValue,
105
- size: size
106
- }))), /*#__PURE__*/_react["default"].createElement(_Textfield.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Textfield.StyledArrow, {
102
+ focusedChipIndex: focusedChipIndex,
103
+ labelPlacement: labelPlacement,
104
+ size: size,
105
+ renderValue: renderValue
106
+ })), /*#__PURE__*/_react["default"].createElement(_Textfield.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Textfield.StyledArrow, {
107
107
  size: (0, _utils2.sizeToIconSize)(size),
108
108
  color: "inherit",
109
109
  className: (0, _utils.cx)(_Select.classes.selectTargetArrow, withArrowInverse)
@@ -25,10 +25,7 @@ var TextfieldWrapper = exports.TextfieldWrapper = /*#__PURE__*/_styledComponents
25
25
  }, _Select.classes.selectWithoutBoxShadow);
26
26
  var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
27
27
  componentId: "plasma-new-hope__sc-1akl2tk-1"
28
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, function (_ref3) {
29
- var renderTarget = _ref3.renderTarget;
30
- return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
31
- }, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor, _Select.constants.textfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
28
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, _Select.tokens.targetHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor, _Select.constants.textfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
32
29
  outlineOffset: _Select.constants.textfieldBorderSize,
33
30
  outlineSize: _Select.constants.focusSize,
34
31
  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.borderRadius, ") - ").concat(_Select.constants.textfieldBorderSize, ")"),
@@ -6,31 +6,32 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.getButtonLabel = void 0;
7
7
  var _utils = /*#__PURE__*/require("../../../utils");
8
8
  var getLabel = function getLabel(_ref) {
9
- var value = _ref.value,
10
- valueToItemMap = _ref.valueToItemMap,
11
- renderValue = _ref.renderValue;
9
+ var renderValue = _ref.renderValue,
10
+ value = _ref.value,
11
+ valueToItemMap = _ref.valueToItemMap;
12
12
  var _ref2 = valueToItemMap.get(value === null || value === void 0 ? void 0 : value.toString()),
13
13
  label = _ref2.label;
14
14
  return renderValue ? renderValue(value, label) : label;
15
15
  };
16
16
  var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
17
17
  var value = _ref3.value,
18
- valueToItemMap = _ref3.valueToItemMap,
19
18
  label = _ref3.label,
20
- renderValue = _ref3.renderValue,
21
- selectProps = _ref3.selectProps;
19
+ isTargetAmount = _ref3.isTargetAmount,
20
+ multiselect = _ref3.multiselect,
21
+ valueToItemMap = _ref3.valueToItemMap,
22
+ renderValue = _ref3.renderValue;
22
23
  if ((0, _utils.isEmpty)(value)) {
23
- return label || '';
24
+ return label;
24
25
  }
25
- if (selectProps.multiselect && selectProps.isTargetAmount) {
26
+ if (multiselect && isTargetAmount) {
26
27
  return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
27
28
  }
28
- if (selectProps.multiselect && Array.isArray(value)) {
29
- return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {
29
+ if (multiselect && Array.isArray(value)) {
30
+ return value.map(function (itemValue) {
30
31
  return getLabel({
32
+ renderValue: renderValue,
31
33
  value: itemValue,
32
- valueToItemMap: valueToItemMap,
33
- renderValue: renderValue
34
+ valueToItemMap: valueToItemMap
34
35
  });
35
36
  }).join(', ');
36
37
  }
@@ -35,10 +35,10 @@ export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
35
35
  })(["", ":var(", ");", ":var(", ");"], spinnerTokens.size, tokens.buttonSpinnerSize, spinnerTokens.color, tokens.buttonSpinnerColor);
36
36
  export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
37
37
  componentId: "plasma-new-hope__sc-9d9bqj-5"
38
- })(["display:flex;margin:var(", ");align-self:var(", ");"], tokens.buttonLeftContentMargin, tokens.buttonLeftContentAlignSelf);
38
+ })(["display:flex;margin:var(", ");"], tokens.buttonLeftContentMargin);
39
39
  export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
40
40
  componentId: "plasma-new-hope__sc-9d9bqj-6"
41
- })(["display:flex;margin:var(", ");align-self:var(", ");"], tokens.buttonRightContentMargin, tokens.buttonRightContentAlignSelf);
41
+ })(["display:flex;margin:var(", ");"], tokens.buttonRightContentMargin);
42
42
  export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.", " {\n width: var(", ");\n padding: 0;\n }\n"])), /*#__PURE__*/String(classes.buttonSquare), tokens.buttonHeight);
43
43
 
44
44
  // INFO: Для возможности переиспользования стилей в других компонентах
@@ -29,9 +29,7 @@ export var tokens = {
29
29
  buttonLetterSpacing: '--plasma-button-letter-spacing',
30
30
  buttonLineHeight: '--plasma-button-line-height',
31
31
  buttonLeftContentMargin: '--plasma-button-left-content-margin',
32
- buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',
33
32
  buttonRightContentMargin: '--plasma-button-right-content-margin',
34
- buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',
35
33
  buttonValueMargin: '--plasma-button-value-margin',
36
34
  buttonDisabledOpacity: '--plasma-button-disabled-opacity',
37
35
  buttonFocusColor: '--plasma-button-focus-color',