@salutejs/plasma-new-hope 0.245.1-canary.1668.12889767790.0 → 0.246.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/cjs/components/Attach/Attach.css +10 -10
  2. package/cjs/components/Attach/components/AttachButton/AttachButton.css +10 -10
  3. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +3 -3
  4. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
  5. package/cjs/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
  6. package/cjs/components/Button/Button.css +8 -8
  7. package/cjs/components/Button/Button.js +2 -8
  8. package/cjs/components/Button/Button.js.map +1 -1
  9. package/cjs/components/Button/Button.styles.js +3 -22
  10. package/cjs/components/Button/Button.styles.js.map +1 -1
  11. package/cjs/components/Button/{Button.styles_8cvmld.css → Button.styles_1sopr3d.css} +2 -2
  12. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
  14. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  15. package/cjs/components/Combobox/ComboboxNew/Combobox.css +8 -8
  16. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +8 -8
  17. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -1
  18. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  19. package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
  20. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
  21. package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
  22. package/cjs/components/Drawer/Drawer.css +8 -8
  23. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
  24. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +2 -1
  25. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  26. package/cjs/components/EmptyState/EmptyState.css +8 -8
  27. package/cjs/components/IconButton/IconButton.css +8 -8
  28. package/cjs/components/Notification/Notification.css +8 -8
  29. package/cjs/components/Notification/NotificationsProvider.css +8 -8
  30. package/cjs/components/NumberInput/NumberInput.css +8 -8
  31. package/cjs/components/Pagination/Pagination.css +8 -8
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  33. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
  34. package/cjs/components/Select/Select.css +8 -8
  35. package/cjs/components/Select/ui/Inner/Inner.js +1 -1
  36. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  37. package/cjs/components/Select/ui/Target/Target.css +8 -8
  38. package/cjs/components/Select/ui/Target/ui/Button/Button.css +8 -8
  39. package/cjs/components/Toast/Toast.css +8 -8
  40. package/cjs/components/Toast/ToastController.css +8 -8
  41. package/cjs/index.css +10 -10
  42. package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +4 -4
  43. package/emotion/cjs/components/Button/Button.js +2 -8
  44. package/emotion/cjs/components/Button/Button.styles.js +8 -14
  45. package/emotion/cjs/components/Button/Button.template-doc.mdx +41 -19
  46. package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +5 -0
  47. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -1
  48. package/emotion/cjs/components/Dropdown/Dropdown.template-doc.mdx +4 -0
  49. package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +2 -1
  50. package/emotion/cjs/components/IconButton/IconButton.template-doc.mdx +6 -13
  51. package/emotion/cjs/components/Select/Select.template-doc.mdx +441 -0
  52. package/emotion/cjs/components/Select/ui/Inner/Inner.js +1 -1
  53. package/emotion/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +4 -5
  54. package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -1
  55. package/emotion/cjs/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
  56. package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -1
  57. package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +4 -4
  58. package/emotion/es/components/Button/Button.js +2 -8
  59. package/emotion/es/components/Button/Button.styles.js +8 -14
  60. package/emotion/es/components/Button/Button.template-doc.mdx +41 -19
  61. package/emotion/es/components/Combobox/Combobox.template-doc.mdx +5 -0
  62. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -1
  63. package/emotion/es/components/Dropdown/Dropdown.template-doc.mdx +4 -0
  64. package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +2 -1
  65. package/emotion/es/components/IconButton/IconButton.template-doc.mdx +6 -13
  66. package/emotion/es/components/Select/Select.template-doc.mdx +441 -0
  67. package/emotion/es/components/Select/ui/Inner/Inner.js +1 -1
  68. package/emotion/es/examples/plasma_b2c/components/Button/Button.stories.tsx +4 -5
  69. package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -1
  70. package/emotion/es/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
  71. package/emotion/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -1
  72. package/es/components/Attach/Attach.css +10 -10
  73. package/es/components/Attach/components/AttachButton/AttachButton.css +10 -10
  74. package/es/components/Attach/ui/IconButton/IconButton.styles.js +3 -3
  75. package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
  76. package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +2 -0
  77. package/es/components/Button/Button.css +8 -8
  78. package/es/components/Button/Button.js +2 -8
  79. package/es/components/Button/Button.js.map +1 -1
  80. package/es/components/Button/Button.styles.js +3 -22
  81. package/es/components/Button/Button.styles.js.map +1 -1
  82. package/es/components/Button/{Button.styles_8cvmld.css → Button.styles_1sopr3d.css} +2 -2
  83. package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
  84. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
  85. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  86. package/es/components/Combobox/ComboboxNew/Combobox.css +8 -8
  87. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +8 -8
  88. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -1
  89. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  90. package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
  91. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
  92. package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
  93. package/es/components/Drawer/Drawer.css +8 -8
  94. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
  95. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +2 -1
  96. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  97. package/es/components/EmptyState/EmptyState.css +8 -8
  98. package/es/components/IconButton/IconButton.css +8 -8
  99. package/es/components/Notification/Notification.css +8 -8
  100. package/es/components/Notification/NotificationsProvider.css +8 -8
  101. package/es/components/NumberInput/NumberInput.css +8 -8
  102. package/es/components/Pagination/Pagination.css +8 -8
  103. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  104. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
  105. package/es/components/Select/Select.css +8 -8
  106. package/es/components/Select/ui/Inner/Inner.js +1 -1
  107. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  108. package/es/components/Select/ui/Target/Target.css +8 -8
  109. package/es/components/Select/ui/Target/ui/Button/Button.css +8 -8
  110. package/es/components/Toast/Toast.css +8 -8
  111. package/es/components/Toast/ToastController.css +8 -8
  112. package/es/index.css +10 -10
  113. package/package.json +3 -3
  114. package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +2 -2
  115. package/styled-components/cjs/components/Button/Button.js +2 -8
  116. package/styled-components/cjs/components/Button/Button.styles.js +2 -8
  117. package/styled-components/cjs/components/Button/Button.template-doc.mdx +41 -19
  118. package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +5 -0
  119. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -1
  120. package/styled-components/cjs/components/Dropdown/Dropdown.template-doc.mdx +4 -0
  121. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +2 -1
  122. package/styled-components/cjs/components/IconButton/IconButton.template-doc.mdx +6 -13
  123. package/styled-components/cjs/components/Select/Select.template-doc.mdx +441 -0
  124. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +1 -1
  125. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +4 -5
  126. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -1
  127. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
  128. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -1
  129. package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +2 -2
  130. package/styled-components/es/components/Button/Button.js +2 -8
  131. package/styled-components/es/components/Button/Button.styles.js +2 -8
  132. package/styled-components/es/components/Button/Button.template-doc.mdx +41 -19
  133. package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +5 -0
  134. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -1
  135. package/styled-components/es/components/Dropdown/Dropdown.template-doc.mdx +4 -0
  136. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +2 -1
  137. package/styled-components/es/components/IconButton/IconButton.template-doc.mdx +6 -13
  138. package/styled-components/es/components/Select/Select.template-doc.mdx +441 -0
  139. package/styled-components/es/components/Select/ui/Inner/Inner.js +1 -1
  140. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +4 -5
  141. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -1
  142. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
  143. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -1
  144. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -1
  145. package/types/components/Button/Button.d.ts.map +1 -1
  146. package/types/components/Button/Button.styles.d.ts +2 -6
  147. package/types/components/Button/Button.styles.d.ts.map +1 -1
  148. package/types/components/Button/Button.types.d.ts +9 -5
  149. package/types/components/Button/Button.types.d.ts.map +1 -1
  150. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
  151. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  152. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts +6 -0
  153. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  154. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  155. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +5 -0
  156. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  157. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +6 -6
  158. package/types/components/Select/Select.types.d.ts +2 -2
  159. package/types/components/Select/Select.types.d.ts.map +1 -1
  160. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +11 -0
  161. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  162. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +48 -48
  163. package/types/examples/plasma_b2c/components/Select/Select.d.ts +6 -6
  164. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +48 -48
  165. package/types/examples/plasma_web/components/Select/Select.d.ts +6 -6
  166. package/cjs/components/Attach/ui/IconButton/IconButton.styles_7clf9d.css +0 -2
  167. package/es/components/Attach/ui/IconButton/IconButton.styles_7clf9d.css +0 -2
@@ -17,14 +17,14 @@
17
17
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
18
18
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
19
19
 
20
- .Button_styles_8cvmld_bzw1898__4694a0fa{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_8cvmld_bzw1898__4694a0fa.Button_styles_8cvmld_buttonContentRelaxed__4694a0fa{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
21
- .Button_styles_8cvmld_bdfuqwe__4694a0fa{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
22
- .Button_styles_8cvmld_l9ypozh__4694a0fa{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%;}
23
- .Button_styles_8cvmld_l4dfhbg__4694a0fa{position:absolute;}
24
- .Button_styles_8cvmld_srdlazt__4694a0fa{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
25
- .Button_styles_8cvmld_s7rggv0__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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);margin:var(--s7rggv0-0);}
26
- .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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);margin:var(--s1rjh7ra-0);}
27
- .Button_styles_8cvmld_b9ga1dj__4694a0fa{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_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
20
+ .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;}
21
+ .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;}
22
+ .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%;}
23
+ .Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
24
+ .Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
25
+ .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);}
26
+ .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);}
27
+ .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;}
28
28
 
29
29
  .Button_styles_8ryojl_sfn0xs0__c5fd49df{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-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: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);text-align:left;}
30
30
  .Button_styles_8ryojl_i1akdel6__c5fd49df{line-height:0;color:var(--plasma-select-button-arrow-color);}.Button_styles_8ryojl_i1akdel6__c5fd49df:hover{color:var(--plasma-select-button-arrow-color-hover);}.Button_styles_8ryojl_i1akdel6__c5fd49df:active{color:var(--plasma-select-button-arrow-color-active);}
@@ -25,14 +25,14 @@
25
25
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
26
26
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
27
27
 
28
- .Button_styles_8cvmld_bzw1898__4694a0fa{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_8cvmld_bzw1898__4694a0fa.Button_styles_8cvmld_buttonContentRelaxed__4694a0fa{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
29
- .Button_styles_8cvmld_bdfuqwe__4694a0fa{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
30
- .Button_styles_8cvmld_l9ypozh__4694a0fa{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%;}
31
- .Button_styles_8cvmld_l4dfhbg__4694a0fa{position:absolute;}
32
- .Button_styles_8cvmld_srdlazt__4694a0fa{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
33
- .Button_styles_8cvmld_s7rggv0__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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);margin:var(--s7rggv0-0);}
34
- .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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);margin:var(--s1rjh7ra-0);}
35
- .Button_styles_8cvmld_b9ga1dj__4694a0fa{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_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
28
+ .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;}
29
+ .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;}
30
+ .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%;}
31
+ .Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
32
+ .Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
33
+ .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);}
34
+ .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);}
35
+ .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;}
36
36
 
37
37
  .Toast_styles_1nei944_b1xqk743__24d4ce6e{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-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma-button-width:1rem;}
38
38
  .Toast_styles_1nei944_s1ajsqhx__24d4ce6e{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:9901;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:0;top:var(--s1ajsqhx-0);bottom:var(--s1ajsqhx-1);}.Toast_styles_1nei944_s1ajsqhx__24d4ce6e.Toast_styles_1nei944_toastShowed__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;}.Toast_styles_1nei944_s1ajsqhx__24d4ce6e.Toast_styles_1nei944_toastHidden__24d4ce6e{-webkit-animation:0.3s Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;animation:0.3s Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e ease-out forwards;}@-webkit-keyframes Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@keyframes Toast_styles_1nei944_showToastAnimationS1ajsqhx__24d4ce6e{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}@keyframes Toast_styles_1nei944_hideToastAnimationS1ajsqhx__24d4ce6e{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}
@@ -24,11 +24,11 @@
24
24
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
25
25
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
26
26
 
27
- .Button_styles_8cvmld_bzw1898__4694a0fa{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_8cvmld_bzw1898__4694a0fa.Button_styles_8cvmld_buttonContentRelaxed__4694a0fa{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
28
- .Button_styles_8cvmld_bdfuqwe__4694a0fa{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
29
- .Button_styles_8cvmld_l9ypozh__4694a0fa{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%;}
30
- .Button_styles_8cvmld_l4dfhbg__4694a0fa{position:absolute;}
31
- .Button_styles_8cvmld_srdlazt__4694a0fa{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
32
- .Button_styles_8cvmld_s7rggv0__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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);margin:var(--s7rggv0-0);}
33
- .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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);margin:var(--s1rjh7ra-0);}
34
- .Button_styles_8cvmld_b9ga1dj__4694a0fa{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_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
27
+ .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;}
28
+ .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;}
29
+ .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%;}
30
+ .Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
31
+ .Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
32
+ .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);}
33
+ .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);}
34
+ .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;}
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_8cvmld_bzw1898__4694a0fa{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_8cvmld_bzw1898__4694a0fa.Button_styles_8cvmld_buttonContentRelaxed__4694a0fa{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
12
- .Button_styles_8cvmld_bdfuqwe__4694a0fa{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_8cvmld_l9ypozh__4694a0fa{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_8cvmld_l4dfhbg__4694a0fa{position:absolute;}
15
- .Button_styles_8cvmld_srdlazt__4694a0fa{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
- .Button_styles_8cvmld_s7rggv0__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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);margin:var(--s7rggv0-0);}
17
- .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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);margin:var(--s1rjh7ra-0);}
18
- .Button_styles_8cvmld_b9ga1dj__4694a0fa{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_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
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;}
19
19
 
20
20
  .IconButton_styles_403on7_b1ua728l__d34a8ea7{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: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-loading-background-color:var(--plasma-icon-button-loading-background-color);--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_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::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_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[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_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
21
21
 
@@ -821,8 +821,8 @@
821
821
 
822
822
  .Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
823
823
 
824
- .IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
825
- .IconButton_styles_7clf9d_s17hmg85__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
824
+ .IconButton_styles_1q2jfs2_s15ptif0__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
825
+ .IconButton_styles_1q2jfs2_shuaj1a__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
826
826
 
827
827
  .ViewContainer_yiqfcb_bemjbnt__5b2a6776{position:relative;}
828
828
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.245.1-canary.1668.12889767790.0",
3
+ "version": "0.246.0-dev.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -80,7 +80,7 @@
80
80
  "@rollup/plugin-babel": "^6.0.4",
81
81
  "@rollup/plugin-commonjs": "^25.0.4",
82
82
  "@rollup/plugin-node-resolve": "^15.1.0",
83
- "@salutejs/plasma-sb-utils": "0.190.1-canary.1668.12889767790.0",
83
+ "@salutejs/plasma-sb-utils": "0.190.0-dev.0",
84
84
  "@salutejs/plasma-themes": "0.28.0",
85
85
  "@storybook/addon-docs": "^7.6.17",
86
86
  "@storybook/addon-essentials": "^7.6.17",
@@ -131,5 +131,5 @@
131
131
  "sideEffects": [
132
132
  "*.css"
133
133
  ],
134
- "gitHead": "4abb19eeaee85c4ec97ebe677f0276cd5b58070a"
134
+ "gitHead": "12de049ecd8266188a43919041ff1bb3b4e3816e"
135
135
  }
@@ -12,8 +12,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
12
12
  var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
13
13
  var IconButton = /*#__PURE__*/(0, _engines.component)(mergedConfig);
14
14
  var StyledIconButton = exports.StyledIconButton = /*#__PURE__*/(0, _styledComponents["default"])(IconButton).withConfig({
15
- componentId: "plasma-new-hope__sc-5koxke-0"
15
+ componentId: "plasma-new-hope__sc-1d69ffq-0"
16
16
  })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");flex-shrink:0;"], _IconButton.iconButtonTokens.iconButtonColor, _Attach.tokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Attach.tokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, _Attach.tokens.iconButtonLoadingBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Attach.tokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Attach.tokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Attach.tokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Attach.tokens.iconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonScaleHover, _Attach.tokens.iconButtonScaleHover, _IconButton.iconButtonTokens.iconButtonScaleActive, _Attach.tokens.iconButtonScaleActive, _IconButton.iconButtonTokens.iconButtonHeight, _Attach.tokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _Attach.tokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _Attach.tokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Attach.tokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonRadiusCircle, _Attach.tokens.iconButtonRadiusCircle, _IconButton.iconButtonTokens.iconButtonFontFamily, _Attach.tokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _Attach.tokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _Attach.tokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _Attach.tokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _Attach.tokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _Attach.tokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonDisabledOpacity, _Attach.tokens.iconButtonDisabledOpacity, _IconButton.iconButtonTokens.iconButtonFocusColor, _Attach.tokens.iconButtonFocusColor, _IconButton.iconButtonTokens.iconButtonSpinnerColor, _Attach.tokens.iconButtonSpinnerColor, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _Attach.tokens.iconButtonSpinnerSize);
17
17
  var StyledIconButtonCancel = exports.StyledIconButtonCancel = /*#__PURE__*/(0, _styledComponents["default"])(IconButton).withConfig({
18
- componentId: "plasma-new-hope__sc-5koxke-1"
18
+ componentId: "plasma-new-hope__sc-1d69ffq-1"
19
19
  })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _IconButton.iconButtonTokens.iconButtonColor, _Attach.tokens.iconButtonCancelColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Attach.tokens.iconButtonCancelBackgroundColor, _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, _Attach.tokens.iconButtonCancelLoadingBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Attach.tokens.iconButtonCancelColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Attach.tokens.iconButtonCancelBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Attach.tokens.iconButtonCancelColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Attach.tokens.iconButtonCancelBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonScaleHover, _Attach.tokens.iconButtonCancelScaleHover, _IconButton.iconButtonTokens.iconButtonScaleActive, _Attach.tokens.iconButtonCancelScaleActive, _IconButton.iconButtonTokens.iconButtonHeight, _Attach.tokens.iconButtonCancelHeight, _IconButton.iconButtonTokens.iconButtonWidth, _Attach.tokens.iconButtonCancelWidth, _IconButton.iconButtonTokens.iconButtonPadding, _Attach.tokens.iconButtonCancelPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Attach.tokens.iconButtonCancelRadius, _IconButton.iconButtonTokens.iconButtonRadiusCircle, _Attach.tokens.iconButtonCancelRadiusCircle, _IconButton.iconButtonTokens.iconButtonFontFamily, _Attach.tokens.iconButtonCancelFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _Attach.tokens.iconButtonCancelFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _Attach.tokens.iconButtonCancelFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _Attach.tokens.iconButtonCancelFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _Attach.tokens.iconButtonCancelLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _Attach.tokens.iconButtonCancelLineHeight, _IconButton.iconButtonTokens.iconButtonDisabledOpacity, _Attach.tokens.iconButtonCancelDisabledOpacity, _IconButton.iconButtonTokens.iconButtonFocusColor, _Attach.tokens.iconButtonCancelFocusColor, _IconButton.iconButtonTokens.iconButtonSpinnerColor, _Attach.tokens.iconButtonCancelSpinnerColor, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _Attach.tokens.iconButtonCancelSpinnerSize);
@@ -54,8 +54,6 @@ var buttonRoot = exports.buttonRoot = function buttonRoot(Root) {
54
54
  stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
55
55
  rest = _objectWithoutProperties(props, _excluded);
56
56
  var txt = typeof children === 'string' ? children : text;
57
- var hasRightContentMargin = Boolean(txt || value || contentRight);
58
- var hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);
59
57
  var stretchingClass = stretch ? _Button2.classes.filledStretching : _Button2.classes["".concat(stretching, "Stretching")];
60
58
  var contentRelaxedClass = contentPlacing === 'relaxed' ? _Button2.classes.contentRelaxed : undefined;
61
59
  var squareClass = square ? _Button2.classes.buttonSquare : undefined;
@@ -83,13 +81,9 @@ var buttonRoot = exports.buttonRoot = function buttonRoot(Root) {
83
81
  }, rest), /*#__PURE__*/_react["default"].createElement(_Button.LoadWrap, {
84
82
  contentPlacing: contentPlacementValue,
85
83
  isLoading: isLoading
86
- }, contentLeft && /*#__PURE__*/_react["default"].createElement(_Button.StyledContentLeft, {
87
- hasContentMargin: hasRightContentMargin
88
- }, contentLeft), txt ? /*#__PURE__*/_react["default"].createElement(_Button.ButtonText, {
84
+ }, contentLeft && /*#__PURE__*/_react["default"].createElement(_Button.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/_react["default"].createElement(_Button.ButtonText, {
89
85
  className: contentRelaxedClass
90
- }, txt) : children, value && /*#__PURE__*/_react["default"].createElement(_Button.ButtonValue, null, value), contentRight && /*#__PURE__*/_react["default"].createElement(_Button.StyledContentRight, {
91
- hasContentMargin: hasLeftContentMargin
92
- }, contentRight)), isLoading && /*#__PURE__*/_react["default"].createElement(_Button.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/_react["default"].createElement(_Button.StyledSpinner, null))));
86
+ }, txt) : children, value && /*#__PURE__*/_react["default"].createElement(_Button.ButtonValue, null, value), contentRight && /*#__PURE__*/_react["default"].createElement(_Button.StyledContentRight, null, contentRight)), isLoading && /*#__PURE__*/_react["default"].createElement(_Button.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/_react["default"].createElement(_Button.StyledSpinner, null))));
93
87
  });
94
88
  };
95
89
  var buttonConfig = exports.buttonConfig = {
@@ -42,16 +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;align-self:var(", ");margin:", ";"], _Button.tokens.buttonLeftContentAlignSelf, function (_ref3) {
46
- var hasContentMargin = _ref3.hasContentMargin;
47
- return hasContentMargin ? "var(".concat(_Button.tokens.buttonLeftContentMargin, ")") : 0;
48
- });
45
+ })(["display:flex;margin:var(", ");align-self:var(", ");"], _Button.tokens.buttonLeftContentMargin, _Button.tokens.buttonLeftContentAlignSelf);
49
46
  var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
50
47
  componentId: "plasma-new-hope__sc-9d9bqj-6"
51
- })(["display:flex;align-self:var(", ");margin:", ";"], _Button.tokens.buttonRightContentAlignSelf, function (_ref4) {
52
- var hasContentMargin = _ref4.hasContentMargin;
53
- return hasContentMargin ? "var(".concat(_Button.tokens.buttonRightContentMargin, ")") : 0;
54
- });
48
+ })(["display:flex;margin:var(", ");align-self:var(", ");"], _Button.tokens.buttonRightContentMargin, _Button.tokens.buttonRightContentAlignSelf);
55
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);
56
50
 
57
51
  // INFO: Для возможности переиспользования стилей в других компонентах
@@ -8,6 +8,7 @@ import { PropsTable, Description } from '@site/src/components';
8
8
  # Button
9
9
  Кнопки могут отображаться в нескольких размерах и цветах, могут содержать текст и/или иконку.
10
10
 
11
+ ## Button
11
12
  <Description name="Button" />
12
13
  <PropsTable name="Button" />
13
14
 
@@ -33,13 +34,20 @@ export function App() {
33
34
  <div>
34
35
  <Button text="Текст" />
35
36
 
36
- <Button text="Текст" contentLeft={<IconDownload color="inherit" />} />
37
+ <Button text="Текст" contentLeft={<IconDownload />} />
37
38
 
38
- <Button text="Текст" contentRight={<IconDownload color="inherit" />} />
39
+ <Button text="Текст" contentRight={<IconDownload />} />
40
+
41
+ <Button contentLeft={<IconDownload />} />
39
42
 
40
43
  <Button text="Текст" isLoading />
41
44
 
42
45
  <Button text="Текст" isLoading loader={<div>Loader...</div>} />
46
+
47
+ <Button>
48
+ <IconDownload />
49
+ <span>Текст</span>
50
+ </Button>
43
51
  </div>
44
52
  );
45
53
  }
@@ -48,7 +56,7 @@ export function App() {
48
56
  ## Примеры
49
57
 
50
58
  ### Размер кнопки
51
- Размер кнопки задается с помощью свойства `size`:
59
+ Размер кнопки задается с помощью свойства `size`. Возможные значения свойства: `"l"`, `"m"` или `"s"`:
52
60
 
53
61
  ```tsx live
54
62
  import React from 'react';
@@ -56,13 +64,11 @@ import { Button } from '@salutejs/{{ package }}';
56
64
 
57
65
  export function App() {
58
66
  return (
59
- <div>
67
+ <div>
60
68
  <Button text="Button" size="xl" />
61
69
  <Button text="Button" size="l" />
62
70
  <Button text="Button" size="m" />
63
71
  <Button text="Button" size="s" />
64
- <Button text="Button" size="xs" />
65
- <Button text="Button" size="xxs" />
66
72
  </div>
67
73
  );
68
74
  }
@@ -112,17 +118,13 @@ export function App() {
112
118
 
113
119
  ### Вид кнопки
114
120
  Вид кнопки задается с помощью свойства `view`. Возможные значения свойства `view`:
115
- + `"default"` – по умолчанию;
116
- + `"accent"` – акцентная;
117
121
  + `"primary"` – основная;
118
122
  + `"secondary"` – вторичная;
119
- + `"clear"` – без цветового сопровождения.
120
123
  + `"success"` – успешное завершение;
121
124
  + `"warning"` – предупреждение;
122
125
  + `"critical"` – ошибка;
123
- + `"dark"` – темная;
124
- + `"black"` – черная;
125
- + `"white"` – белая.
126
+ + `"checked"` – выбранное состояние;
127
+ + `"clear"` – без цветового сопровождения.
126
128
 
127
129
  ```tsx live
128
130
  import React from 'react';
@@ -130,18 +132,15 @@ import { Button } from '@salutejs/{{ package }}';
130
132
 
131
133
  export function App() {
132
134
  return (
133
- <div style=\{{ display: 'flex', flexWrap: 'wrap' }}>
134
- <Button text="Кнопка" size="s" view="default" />
135
+ <div>
135
136
  <Button text="Кнопка" size="s" view="primary" />
136
- <Button text="Кнопка" size="s" view="accent" />
137
137
  <Button text="Кнопка" size="s" view="secondary" />
138
- <Button text="Кнопка" size="s" view="clear" />
139
138
  <Button text="Кнопка" size="s" view="success" />
140
139
  <Button text="Кнопка" size="s" view="warning" />
141
140
  <Button text="Кнопка" size="s" view="critical" />
142
- <Button text="Кнопка" size="s" view="dark" />
143
- <Button text="Кнопка" size="s" view="black" />
144
- <Button text="Кнопка" size="s" view="white" />
141
+ <Button text="Кнопка" size="s" view="checked" />
142
+ <Button text="Кнопка" size="s" view="overlay" />
143
+ <Button text="Кнопка" size="s" view="clear" />
145
144
  </div>
146
145
  );
147
146
  }
@@ -172,6 +171,29 @@ export function App() {
172
171
  }
173
172
  ```
174
173
 
174
+ ### Квадратные и круглые кнопки
175
+ Для отображения иконок и/или текста в квадратных или круглых кнопках с **равными сторонами**,
176
+ используйте компонент `Button` и свойство `contentLeft`, в которое требуется передать нужное значение.
177
+
178
+ По умолчанию границы кнопки **квадратные** (со скругленными углами) — `pin="square-square"`.
179
+ **Круглые** границы кнопки можно сделать с помощью свойства `pin` со значением `"circle-circle"`.
180
+
181
+ ```tsx live
182
+ import React from 'react';
183
+ import { Button } from '@salutejs/{{ package }}';
184
+ import { IconDownload } from '@salutejs/plasma-icons';
185
+
186
+ export function App() {
187
+ return (
188
+ <div>
189
+ <Button contentLeft={<IconDownload color="inherit" />} />
190
+
191
+ <Button contentLeft={<IconDownload color="inherit" />} pin="circle-circle" />
192
+ </div>
193
+ );
194
+ }
195
+ ```
196
+
175
197
  ### Гиперссылка
176
198
  Компонент поддерживает вывод в виде тега `<a>`, для этого необходимо указать свойство `as`:
177
199
 
@@ -25,6 +25,11 @@ type Items = Array<{
25
25
  * Метка-подпись к item
26
26
  */
27
27
  label: string;
28
+ /**
29
+ * Сторона открытия вложенного дропдауна относительно текущего элемента
30
+ * @default right
31
+ */
32
+ placement?: Placement;
28
33
  /**
29
34
  * Список дочерних items.
30
35
  */
@@ -39,7 +39,7 @@ var Inner = exports.Inner = function Inner(_ref) {
39
39
  if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
40
40
  var _item$items;
41
41
  return /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
42
- placement: "right-start",
42
+ placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right-start',
43
43
  opened: isCurrentListOpen,
44
44
  onToggle: handleToggle,
45
45
  offset: 2,
@@ -29,6 +29,10 @@ type Items = Array<{
29
29
  * Метка-подпись к item
30
30
  */
31
31
  label: string;
32
+ /**
33
+ * Сторона открытия вложенного дропдауна относительно текущего элемента;
34
+ */
35
+ placement: DropdownPlacement;
32
36
  /**
33
37
  * Список дочерних items.
34
38
  */
@@ -9,6 +9,7 @@ var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
9
9
  var _DropdownItem = /*#__PURE__*/require("../DropdownItem/DropdownItem");
10
10
  var _Dropdown = /*#__PURE__*/require("../../Dropdown.styles");
11
11
  var _FloatingPopover = /*#__PURE__*/require("../../FloatingPopover");
12
+ var _utils = /*#__PURE__*/require("../../utils");
12
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
14
  var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
14
15
  var item = _ref.item,
@@ -40,7 +41,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
40
41
  var nextLevel = currentLevel + 1;
41
42
  if (item !== null && item !== void 0 && item.items) {
42
43
  return /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
43
- placement: "right-start",
44
+ placement: (0, _utils.getPlacement)((item === null || item === void 0 ? void 0 : item.placement) || 'right'),
44
45
  opened: isCurrentListOpen,
45
46
  onToggle: handleToggle,
46
47
  trigger: trigger,
@@ -44,9 +44,6 @@ import { IconClose } from '@salutejs/plasma-icons';
44
44
  export function App() {
45
45
  return (
46
46
  <div>
47
- <IconButton size="xl">
48
- <IconClose color="inherit" />
49
- </IconButton>
50
47
  <IconButton size="l">
51
48
  <IconClose color="inherit" />
52
49
  </IconButton>
@@ -69,12 +66,11 @@ export function App() {
69
66
 
70
67
  Возможные значения свойства `view`:
71
68
  + `"default"` – по умолчанию;
72
- + `"accent"` – акцентная;
73
69
  + `"secondary"` – вторичная;
74
- + `"clear"` – без цветового сопровождения.
75
70
  + `"success"` – успешное завершение;
76
71
  + `"warning"` – предупреждение;
77
72
  + `"critical"` – ошибка;
73
+ + `"clear"` – без цветового сопровождения;
78
74
  + `"dark"` – темная;
79
75
  + `"black"` – черная;
80
76
  + `"white"` – белая.
@@ -86,19 +82,13 @@ import { IconClose } from '@salutejs/plasma-icons';
86
82
 
87
83
  export function App() {
88
84
  return (
89
- <div style=\{{ display: 'flex', flexWrap: 'wrap' }}>
85
+ <div>
90
86
  <IconButton size="s" view="default">
91
87
  <IconClose color="inherit" />
92
88
  </IconButton>
93
- <IconButton size="s" view="accent">
94
- <IconClose color="inherit" />
95
- </IconButton>
96
89
  <IconButton size="s" view="secondary">
97
90
  <IconClose color="inherit" />
98
91
  </IconButton>
99
- <IconButton size="s" view="clear">
100
- <IconClose color="inherit" />
101
- </IconButton>
102
92
  <IconButton size="s" view="success">
103
93
  <IconClose color="inherit" />
104
94
  </IconButton>
@@ -108,6 +98,9 @@ export function App() {
108
98
  <IconButton size="s" view="critical">
109
99
  <IconClose color="inherit" />
110
100
  </IconButton>
101
+ <IconButton size="s" view="clear">
102
+ <IconClose color="inherit" />
103
+ </IconButton>
111
104
  <IconButton size="s" view="dark">
112
105
  <IconClose color="inherit" />
113
106
  </IconButton>
@@ -135,7 +128,7 @@ import { IconClose } from '@salutejs/plasma-icons';
135
128
 
136
129
  export function App() {
137
130
  return (
138
- <div style=\{{ display: 'flex', flexWrap: 'wrap' }}>
131
+ <div>
139
132
  <IconButton pin="square-square">
140
133
  <IconClose color="inherit" />
141
134
  </IconButton>