@salutejs/plasma-new-hope 0.329.1-canary.2079.16199559995.0 → 0.329.1-canary.2080.16212818786.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 (94) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.css +6 -6
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_mr478d.css} +1 -1
  5. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
  6. package/cjs/components/Combobox/ComboboxOld/Combobox.css +2 -2
  7. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
  8. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
  9. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
  10. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
  11. package/cjs/components/Dropdown/Dropdown.css +2 -2
  12. package/cjs/components/Dropdown/Dropdown.styles.js +7 -7
  13. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  14. package/cjs/components/Dropdown/Dropdown.styles_1qw40h3.css +3 -0
  15. package/cjs/components/Dropdown/Dropdown.tokens.js +1 -0
  16. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  17. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
  18. package/cjs/components/Pagination/Pagination.css +2 -2
  19. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  20. package/cjs/components/Select/Select.css +2 -2
  21. package/cjs/components/Select/Select.styles.js +7 -7
  22. package/cjs/components/Select/Select.styles.js.map +1 -1
  23. package/cjs/components/Select/Select.styles_2sgy43.css +3 -0
  24. package/cjs/components/Select/ui/Inner/Inner.css +2 -2
  25. package/cjs/components/Table/Table.css +2 -2
  26. package/cjs/components/Table/ui/Cell/Cell.css +2 -2
  27. package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -2
  28. package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -2
  29. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
  30. package/cjs/index.css +10 -10
  31. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +14 -14
  32. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +6 -6
  33. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +1 -0
  34. package/emotion/cjs/components/Select/Select.styles.js +6 -6
  35. package/emotion/cjs/examples/plasma_b2c/components/Button/Button.config.js +26 -21
  36. package/emotion/cjs/examples/plasma_web/components/Button/Button.config.js +26 -21
  37. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +14 -14
  38. package/emotion/es/components/Dropdown/Dropdown.styles.js +6 -6
  39. package/emotion/es/components/Dropdown/Dropdown.tokens.js +1 -0
  40. package/emotion/es/components/Select/Select.styles.js +6 -6
  41. package/emotion/es/examples/plasma_b2c/components/Button/Button.config.js +26 -21
  42. package/emotion/es/examples/plasma_web/components/Button/Button.config.js +26 -21
  43. package/es/components/Combobox/ComboboxNew/Combobox.css +6 -6
  44. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
  45. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  46. package/es/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_mr478d.css} +1 -1
  47. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
  48. package/es/components/Combobox/ComboboxOld/Combobox.css +2 -2
  49. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
  50. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
  51. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
  52. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
  53. package/es/components/Dropdown/Dropdown.css +2 -2
  54. package/es/components/Dropdown/Dropdown.styles.js +7 -7
  55. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  56. package/es/components/Dropdown/Dropdown.styles_1qw40h3.css +3 -0
  57. package/es/components/Dropdown/Dropdown.tokens.js +1 -0
  58. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  59. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
  60. package/es/components/Pagination/Pagination.css +2 -2
  61. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  62. package/es/components/Select/Select.css +2 -2
  63. package/es/components/Select/Select.styles.js +7 -7
  64. package/es/components/Select/Select.styles.js.map +1 -1
  65. package/es/components/Select/Select.styles_2sgy43.css +3 -0
  66. package/es/components/Select/ui/Inner/Inner.css +2 -2
  67. package/es/components/Table/Table.css +2 -2
  68. package/es/components/Table/ui/Cell/Cell.css +2 -2
  69. package/es/components/Table/ui/EditableCell/EditableCell.css +2 -2
  70. package/es/components/Table/ui/HeadCell/HeadCell.css +2 -2
  71. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
  72. package/es/index.css +10 -10
  73. package/package.json +2 -2
  74. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +14 -13
  75. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +10 -9
  76. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +1 -0
  77. package/styled-components/cjs/components/Select/Select.styles.js +10 -9
  78. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +80 -0
  79. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +80 -0
  80. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +14 -13
  81. package/styled-components/es/components/Dropdown/Dropdown.styles.js +10 -9
  82. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +1 -0
  83. package/styled-components/es/components/Select/Select.styles.js +10 -9
  84. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +80 -0
  85. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +80 -0
  86. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  87. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  88. package/types/components/Dropdown/Dropdown.tokens.d.ts +1 -0
  89. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  90. package/types/components/Select/Select.styles.d.ts.map +1 -1
  91. package/cjs/components/Dropdown/Dropdown.styles_zheit5.css +0 -3
  92. package/cjs/components/Select/Select.styles_bjoo18.css +0 -3
  93. package/es/components/Dropdown/Dropdown.styles_zheit5.css +0 -3
  94. package/es/components/Select/Select.styles_bjoo18.css +0 -3
package/es/components/Table/Table.css CHANGED
@@ -119,8 +119,8 @@
119
119
  .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
120
120
  .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
121
121
 
122
- .Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
123
- .Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
122
+ .Select_styles_2sgy43_lpxbau6__33711c91{margin:var(--plasma-select-margin) 0 0 0;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));width:var(--lpxbau6-0);border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);box-sizing:border-box;}
123
+ .Select_styles_2sgy43_u1yey2x3__33711c91{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
124
124
 
125
125
 
126
126
  .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
package/es/components/Table/ui/Cell/Cell.css CHANGED
@@ -193,8 +193,8 @@
193
193
  .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
194
194
  .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
195
195
 
196
- .Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
197
- .Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
196
+ .Select_styles_2sgy43_lpxbau6__33711c91{margin:var(--plasma-select-margin) 0 0 0;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));width:var(--lpxbau6-0);border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);box-sizing:border-box;}
197
+ .Select_styles_2sgy43_u1yey2x3__33711c91{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
198
198
 
199
199
 
200
200
  .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
package/es/components/Table/ui/EditableCell/EditableCell.css CHANGED
@@ -195,8 +195,8 @@
195
195
  .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
196
196
  .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
197
197
 
198
- .Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
199
- .Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
198
+ .Select_styles_2sgy43_lpxbau6__33711c91{margin:var(--plasma-select-margin) 0 0 0;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));width:var(--lpxbau6-0);border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);box-sizing:border-box;}
199
+ .Select_styles_2sgy43_u1yey2x3__33711c91{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
200
200
 
201
201
 
202
202
  .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
package/es/components/Table/ui/HeadCell/HeadCell.css CHANGED
@@ -206,8 +206,8 @@
206
206
  .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
207
207
  .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
208
208
 
209
- .Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
210
- .Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
209
+ .Select_styles_2sgy43_lpxbau6__33711c91{margin:var(--plasma-select-margin) 0 0 0;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));width:var(--lpxbau6-0);border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);box-sizing:border-box;}
210
+ .Select_styles_2sgy43_u1yey2x3__33711c91{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
211
211
 
212
212
 
213
213
  .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css CHANGED
@@ -206,8 +206,8 @@
206
206
  .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
207
207
  .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
208
208
 
209
- .Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
210
- .Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
209
+ .Select_styles_2sgy43_lpxbau6__33711c91{margin:var(--plasma-select-margin) 0 0 0;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));width:var(--lpxbau6-0);border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);box-sizing:border-box;}
210
+ .Select_styles_2sgy43_u1yey2x3__33711c91{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
211
211
 
212
212
 
213
213
  .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
package/es/index.css CHANGED
@@ -403,8 +403,8 @@
403
403
  .Drawer_styles_11rwbjh_s1ewnow2__cefc9498{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
404
404
  .Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerOverlay__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_drawerOverlay__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_11rwbjh_fadeInSv7q57r__cefc9498{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_11rwbjh_fadeOutSv7q57r__cefc9498{from{opacity:1;}to{opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498,.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498 > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerRightPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_11rwbjh_rightShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_rightHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerBottomPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_11rwbjh_bottomShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_bottomHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerLeftPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_11rwbjh_leftShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_leftHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498 0.2s forwards;}.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498.Drawer_styles_11rwbjh_sv7q57r__cefc9498.Drawer_styles_11rwbjh_drawerTopPlacement__cefc9498.Drawer_styles_11rwbjh_popupEndAnimation__cefc9498 .Drawer_styles_11rwbjh_popupBaseRoot__cefc9498{-webkit-animation:Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498 0.2s forwards;animation:Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498 0.2s forwards;}@-webkit-keyframes Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_11rwbjh_topShowAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_11rwbjh_topHideAnimationSv7q57r__cefc9498{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
405
405
 
406
- .Dropdown_styles_zheit5_ln7uamp__21de70ca{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
407
- .Dropdown_styles_zheit5_ujr7fmv__21de70ca{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
406
+ .Dropdown_styles_1qw40h3_ln7uamp__c9676a52{margin:var(--plasma-dropdown-margin) 0 0 0;padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));width:var(--ln7uamp-0);border-radius:var(--plasma-dropdown-border-radius);background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);box-sizing:border-box;}
407
+ .Dropdown_styles_1qw40h3_ujr7fmv__c9676a52{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
408
408
 
409
409
 
410
410
  .DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
@@ -613,13 +613,13 @@
613
613
  .SelectAll_styles_tjme4i_d4ty997__a0f87d11{background:var(--surface-solid-card);}
614
614
  .SelectAll_styles_tjme4i_dxn0wk6__a0f87d11{height:0.0625rem;margin-top:var(--dxn0wk6-0);margin-right:var(--plasma-combobox-divider-margin-right);margin-left:var(--plasma-combobox-divider-margin-left);background:var(--plasma-combobox-divider-color);}
615
615
 
616
- .Combobox_styles_isfa46_lxiiees__91df7bfb{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
617
- .Combobox_styles_isfa46_u1veo3wn__91df7bfb{max-height:var(--u1veo3wn-0);overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_isfa46_u1veo3wn__91df7bfb .Combobox_styles_isfa46_comboboxEmptyStateWrapper__91df7bfb{box-shadow:none;}
618
- .Combobox_styles_isfa46_i1hxiinv__91df7bfb{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_isfa46_i1hxiinv__91df7bfb .Combobox_styles_isfa46_arrowInverse__91df7bfb{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_isfa46_i1hxiinv__91df7bfb:hover,.Combobox_styles_isfa46_i1hxiinv__91df7bfb:active{color:var(--i1hxiinv-1);}
619
- .Combobox_styles_isfa46_sr87xox__91df7bfb{width:var(--sr87xox-0);height:var(--sr87xox-0);}
616
+ .Combobox_styles_mr478d_lxiiees__50526f63{margin:var(--plasma-combobox-margin) 0 0 0;padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));width:var(--lxiiees-0);border-radius:var(--plasma-combobox-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);box-sizing:border-box;}
617
+ .Combobox_styles_mr478d_u1veo3wn__50526f63{max-height:var(--u1veo3wn-0);overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_mr478d_u1veo3wn__50526f63 .Combobox_styles_mr478d_comboboxEmptyStateWrapper__50526f63{box-shadow:none;}
618
+ .Combobox_styles_mr478d_i1hxiinv__50526f63{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_mr478d_i1hxiinv__50526f63 .Combobox_styles_mr478d_arrowInverse__50526f63{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_mr478d_i1hxiinv__50526f63:hover,.Combobox_styles_mr478d_i1hxiinv__50526f63:active{color:var(--i1hxiinv-1);}
619
+ .Combobox_styles_mr478d_sr87xox__50526f63{width:var(--sr87xox-0);height:var(--sr87xox-0);}
620
620
 
621
- .Combobox_styles_isfa46_spp7ogj__91df7bfb{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
622
- .Combobox_styles_isfa46_s3gft12__91df7bfb{margin:0;padding:0;}
621
+ .Combobox_styles_mr478d_spp7ogj__50526f63{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
622
+ .Combobox_styles_mr478d_s3gft12__50526f63{margin:0;padding:0;}
623
623
 
624
624
  .SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
625
625
 
@@ -673,8 +673,8 @@
673
673
  .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
674
674
  .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
675
675
 
676
- .Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
677
- .Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
676
+ .Select_styles_2sgy43_lpxbau6__33711c91{margin:var(--plasma-select-margin) 0 0 0;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));width:var(--lpxbau6-0);border-radius:var(--plasma-select-border-radius);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), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);box-sizing:border-box;}
677
+ .Select_styles_2sgy43_u1yey2x3__33711c91{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
678
678
 
679
679
 
680
680
  .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.329.1-canary.2079.16199559995.0",
3
+ "version": "0.329.1-canary.2080.16212818786.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "e4e439abdb320df5d9e9a4b9028420cd3b83ddd5"
140
+ "gitHead": "c12ed257c8f290549993e4bd480dee0aa81589d8"
141
141
  }
package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js CHANGED
@@ -84,24 +84,25 @@ var mergedConfig = (0, _engines.mergeConfig)(_EmptyState.emptyStateConfig);
84
84
  var EmptyState = (0, _engines.component)(mergedConfig);
85
85
  var ListWrapper = _styledcomponents.default.div.withConfig({
86
86
  displayName: "Combobox.styles__ListWrapper",
87
- componentId: "sc-7fefedf8-0"
87
+ componentId: "sc-8b9e4b09-0"
88
88
  })([
89
- "width:",
90
- ";padding:calc(var(",
89
+ "margin:var(",
90
+ ") 0 0 0;padding:calc(var(",
91
91
  ") + var(",
92
- ",0rem));border-radius:var(",
93
- ");box-sizing:border-box;background:var(",
92
+ ",0rem));width:",
93
+ ";border-radius:var(",
94
+ ");background:var(",
94
95
  ");box-shadow:",
95
96
  ",inset 0 0 0 var(",
96
97
  ",0rem) var(",
97
- ",transparent);"
98
- ], function(param) {
98
+ ",transparent);box-sizing:border-box;"
99
+ ], _Comboboxtokens.tokens.margin, _Comboboxtokens.tokens.padding, _Comboboxtokens.tokens.dropdownBorderWidth, function(param) {
99
100
  var listWidth = param.listWidth;
100
101
  return listWidth || '100%';
101
- }, _Comboboxtokens.tokens.padding, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.constants.background, _Comboboxtokens.constants.boxShadow, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.dropdownBorderColor);
102
+ }, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.constants.background, _Comboboxtokens.constants.boxShadow, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.tokens.dropdownBorderColor);
102
103
  var Ul = _styledcomponents.default.ul.withConfig({
103
104
  displayName: "Combobox.styles__Ul",
104
- componentId: "sc-7fefedf8-1"
105
+ componentId: "sc-8b9e4b09-1"
105
106
  })([
106
107
  "max-height:",
107
108
  ";overflow-y:",
@@ -118,7 +119,7 @@ var Ul = _styledcomponents.default.ul.withConfig({
118
119
  }, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.classes.emptyStateWrapper);
119
120
  var IconArrowWrapper = _styledcomponents.default.div.withConfig({
120
121
  displayName: "Combobox.styles__IconArrowWrapper",
121
- componentId: "sc-7fefedf8-2"
122
+ componentId: "sc-8b9e4b09-2"
122
123
  })([
123
124
  "line-height:0;color:var(",
124
125
  ");cursor:",
@@ -138,7 +139,7 @@ var sizeMap = {
138
139
  };
139
140
  var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentered).withConfig({
140
141
  displayName: "Combobox.styles__StyledArrow",
141
- componentId: "sc-7fefedf8-3"
142
+ componentId: "sc-8b9e4b09-3"
142
143
  })([
143
144
  "width:",
144
145
  ";height:",
@@ -155,7 +156,7 @@ var base = (0, _styledcomponents.css)([
155
156
  ]);
156
157
  var StyledEmptyState = (0, _styledcomponents.default)(EmptyState).withConfig({
157
158
  displayName: "Combobox.styles__StyledEmptyState",
158
- componentId: "sc-7fefedf8-4"
159
+ componentId: "sc-8b9e4b09-4"
159
160
  })([
160
161
  "",
161
162
  ":var(",
@@ -177,7 +178,7 @@ var StyledEmptyState = (0, _styledcomponents.default)(EmptyState).withConfig({
177
178
  ], _EmptyState.emptyStateTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _EmptyState.emptyStateTokens.padding, _Comboboxtokens.tokens.emptyStatePadding, _EmptyState.emptyStateTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _EmptyState.emptyStateTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _EmptyState.emptyStateTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _EmptyState.emptyStateTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight, _Comboboxtokens.tokens.textFieldLineHeight);
178
179
  var StyledLeftHelper = _styledcomponents.default.span.withConfig({
179
180
  displayName: "Combobox.styles__StyledLeftHelper",
180
- componentId: "sc-7fefedf8-5"
181
+ componentId: "sc-8b9e4b09-5"
181
182
  })([
182
183
  "margin:0;padding:0;"
183
184
  ]);
package/styled-components/cjs/components/Dropdown/Dropdown.styles.js CHANGED
@@ -65,24 +65,25 @@ function _interop_require_wildcard(obj, nodeInterop) {
65
65
  }
66
66
  var ListWrapper = _styledcomponents.default.div.withConfig({
67
67
  displayName: "Dropdown.styles__ListWrapper",
68
- componentId: "sc-eabc61b1-0"
68
+ componentId: "sc-48665d9f-0"
69
69
  })([
70
- "width:",
71
- ";padding:calc(var(",
70
+ "margin:var(",
71
+ ") 0 0 0;padding:calc(var(",
72
72
  ") + var(",
73
- ",0rem));border-radius:var(",
74
- ");box-sizing:border-box;background:var(",
73
+ ",0rem));width:",
74
+ ";border-radius:var(",
75
+ ");background:var(",
75
76
  ");box-shadow:",
76
77
  ",inset 0 0 0 var(",
77
78
  ",0) var(",
78
- ",transparent);"
79
- ], function(param) {
79
+ ",transparent);box-sizing:border-box;"
80
+ ], _Dropdowntokens.tokens.margin, _Dropdowntokens.tokens.padding, _Dropdowntokens.tokens.borderWidth, function(param) {
80
81
  var listWidth = param.listWidth;
81
82
  return listWidth || "var(".concat(_Dropdowntokens.tokens.width, ")");
82
- }, _Dropdowntokens.tokens.padding, _Dropdowntokens.tokens.borderWidth, _Dropdowntokens.tokens.borderRadius, _Dropdowntokens.constants.background, _Dropdowntokens.constants.boxShadow, _Dropdowntokens.tokens.borderWidth, _Dropdowntokens.tokens.borderColor);
83
+ }, _Dropdowntokens.tokens.borderRadius, _Dropdowntokens.constants.background, _Dropdowntokens.constants.boxShadow, _Dropdowntokens.tokens.borderWidth, _Dropdowntokens.tokens.borderColor);
83
84
  var Ul = _styledcomponents.default.ul.withConfig({
84
85
  displayName: "Dropdown.styles__Ul",
85
- componentId: "sc-eabc61b1-1"
86
+ componentId: "sc-48665d9f-1"
86
87
  })([
87
88
  "max-height:",
88
89
  ";overflow-y:",
package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js CHANGED
@@ -31,6 +31,7 @@ var tokens = {
31
31
  boxShadow: '--plasma-dropdown-box-shadow',
32
32
  width: '--plasma-dropdown-width',
33
33
  borderRadius: '--plasma-dropdown-border-radius',
34
+ margin: '--plasma-dropdown-margin',
34
35
  padding: '--plasma-dropdown-padding',
35
36
  disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
36
37
  disabledOpacity: '--plasma-dropdown-disabled-opacity',
package/styled-components/cjs/components/Select/Select.styles.js CHANGED
@@ -65,24 +65,25 @@ function _interop_require_wildcard(obj, nodeInterop) {
65
65
  }
66
66
  var ListWrapper = _styledcomponents.default.div.withConfig({
67
67
  displayName: "Select.styles__ListWrapper",
68
- componentId: "sc-30266665-0"
68
+ componentId: "sc-b2a78193-0"
69
69
  })([
70
- "width:",
71
- ";padding:calc(var(",
70
+ "margin:var(",
71
+ ") 0 0 0;padding:calc(var(",
72
72
  ") + var(",
73
- ",0rem));border-radius:var(",
74
- ");box-sizing:border-box;background:var(",
73
+ ",0rem));width:",
74
+ ";border-radius:var(",
75
+ ");background:var(",
75
76
  ");box-shadow:",
76
77
  ",inset 0 0 0 var(",
77
78
  ",0rem) var(",
78
- ",transparent);"
79
- ], function(param) {
79
+ ",transparent);box-sizing:border-box;"
80
+ ], _Selecttokens.tokens.margin, _Selecttokens.tokens.padding, _Selecttokens.tokens.dropdownBorderWidth, function(param) {
80
81
  var listWidth = param.listWidth;
81
82
  return listWidth || '100%';
82
- }, _Selecttokens.tokens.padding, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.tokens.borderRadius, _Selecttokens.constants.background, _Selecttokens.constants.boxShadow, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.tokens.dropdownBorderColor);
83
+ }, _Selecttokens.tokens.borderRadius, _Selecttokens.constants.background, _Selecttokens.constants.boxShadow, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.tokens.dropdownBorderColor);
83
84
  var Ul = _styledcomponents.default.ul.withConfig({
84
85
  displayName: "Select.styles__Ul",
85
- componentId: "sc-30266665-1"
86
+ componentId: "sc-b2a78193-1"
86
87
  })([
87
88
  "max-height:",
88
89
  ";overflow-y:",
package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js CHANGED
@@ -138,6 +138,22 @@ var config = {
138
138
  ":0 -0.125rem 0 0.625rem;",
139
139
  ":0 0 0 0.25rem;"
140
140
  ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
141
+ xlr: (0, _styledcomponents.css)([
142
+ "",
143
+ ":4rem;",
144
+ ":12.5rem;",
145
+ ":var(--plasma-typo-body-l-font-family);",
146
+ ":var(--plasma-typo-body-l-font-size);",
147
+ ":var(--plasma-typo-body-l-font-style);",
148
+ ":var(--plasma-typo-body-l-bold-font-weight);",
149
+ ":var(--plasma-typo-body-l-letter-spacing);",
150
+ ":var(--plasma-typo-body-l-line-height);",
151
+ ":1.5rem;",
152
+ ":inherit;",
153
+ ":0 0.625rem 0 0;",
154
+ ":0 0 0 0.625rem;",
155
+ ":0 0 0 0.25rem;"
156
+ ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
141
157
  l: (0, _styledcomponents.css)([
142
158
  "",
143
159
  ":3.5rem;",
@@ -156,6 +172,22 @@ var config = {
156
172
  ":0 -0.125rem 0 0.5rem;",
157
173
  ":0 0 0 0.25rem;"
158
174
  ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
175
+ lr: (0, _styledcomponents.css)([
176
+ "",
177
+ ":3.5rem;",
178
+ ":12.5rem;",
179
+ ":var(--plasma-typo-body-l-font-family);",
180
+ ":var(--plasma-typo-body-l-font-size);",
181
+ ":var(--plasma-typo-body-l-font-style);",
182
+ ":var(--plasma-typo-body-l-bold-font-weight);",
183
+ ":var(--plasma-typo-body-l-letter-spacing);",
184
+ ":var(--plasma-typo-body-l-line-height);",
185
+ ":1.375rem;",
186
+ ":inherit;",
187
+ ":0 0.5rem 0 0;",
188
+ ":0 0 0 0.5rem;",
189
+ ":0 0 0 0.25rem;"
190
+ ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
159
191
  m: (0, _styledcomponents.css)([
160
192
  "",
161
193
  ":3rem;",
@@ -174,6 +206,22 @@ var config = {
174
206
  ":0 -0.125rem 0 0.375rem;",
175
207
  ":0 0 0 0.25rem;"
176
208
  ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
209
+ mr: (0, _styledcomponents.css)([
210
+ "",
211
+ ":3rem;",
212
+ ":11.25rem;",
213
+ ":var(--plasma-typo-body-m-font-family);",
214
+ ":var(--plasma-typo-body-m-font-size);",
215
+ ":var(--plasma-typo-body-m-font-style);",
216
+ ":var(--plasma-typo-body-m-bold-font-weight);",
217
+ ":var(--plasma-typo-body-m-letter-spacing);",
218
+ ":var(--plasma-typo-body-m-line-height);",
219
+ ":1.375rem;",
220
+ ":inherit;",
221
+ ":0 0.375rem 0 0;",
222
+ ":0 0 0 0.375rem;",
223
+ ":0 0 0 0.25rem;"
224
+ ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
177
225
  s: (0, _styledcomponents.css)([
178
226
  "",
179
227
  ":2.5rem;",
@@ -192,6 +240,22 @@ var config = {
192
240
  ":0 -0.125rem 0 0.25rem;",
193
241
  ":0 0 0 0.25rem;"
194
242
  ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
243
+ sr: (0, _styledcomponents.css)([
244
+ "",
245
+ ":2.5rem;",
246
+ ":11.25rem;",
247
+ ":var(--plasma-typo-body-s-font-family);",
248
+ ":var(--plasma-typo-body-s-font-size);",
249
+ ":var(--plasma-typo-body-s-font-style);",
250
+ ":var(--plasma-typo-body-s-bold-font-weight);",
251
+ ":var(--plasma-typo-body-s-letter-spacing);",
252
+ ":var(--plasma-typo-body-s-line-height);",
253
+ ":1.375rem;",
254
+ ":inherit;",
255
+ ":0 0.25rem 0 0;",
256
+ ":0 0 0 0.25rem;",
257
+ ":0 0 0 0.25rem;"
258
+ ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
195
259
  xs: (0, _styledcomponents.css)([
196
260
  "",
197
261
  ":2rem;",
@@ -210,6 +274,22 @@ var config = {
210
274
  ":0 -0.125rem 0 0.25rem;",
211
275
  ":0 0 0 0.25rem;"
212
276
  ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
277
+ xsr: (0, _styledcomponents.css)([
278
+ "",
279
+ ":2rem;",
280
+ ":10rem;",
281
+ ":var(--plasma-typo-body-xs-font-family);",
282
+ ":var(--plasma-typo-body-xs-font-size);",
283
+ ":var(--plasma-typo-body-xs-font-style);",
284
+ ":var(--plasma-typo-body-xs-bold-font-weight);",
285
+ ":var(--plasma-typo-body-xs-letter-spacing);",
286
+ ":var(--plasma-typo-body-xs-line-height);",
287
+ ":1rem;",
288
+ ":inherit;",
289
+ ":0 0.25rem 0 0;",
290
+ ":0 0 0 0.25rem;",
291
+ ":0 0 0 0.25rem;"
292
+ ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
213
293
  xxs: (0, _styledcomponents.css)([
214
294
  "",
215
295
  ":1.5rem;",
package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js CHANGED
@@ -138,6 +138,22 @@ var config = {
138
138
  ":0 -0.125rem 0 0.625rem;",
139
139
  ":0 0 0 0.25rem;"
140
140
  ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
141
+ xlr: (0, _styledcomponents.css)([
142
+ "",
143
+ ":4rem;",
144
+ ":12.5rem;",
145
+ ":var(--plasma-typo-body-l-font-family);",
146
+ ":var(--plasma-typo-body-l-font-size);",
147
+ ":var(--plasma-typo-body-l-font-style);",
148
+ ":var(--plasma-typo-body-l-bold-font-weight);",
149
+ ":var(--plasma-typo-body-l-letter-spacing);",
150
+ ":var(--plasma-typo-body-l-line-height);",
151
+ ":1.5rem;",
152
+ ":inherit;",
153
+ ":0 0.625rem 0 0;",
154
+ ":0 0 0 0.625rem;",
155
+ ":0 0 0 0.25rem;"
156
+ ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
141
157
  l: (0, _styledcomponents.css)([
142
158
  "",
143
159
  ":3.5rem;",
@@ -156,6 +172,22 @@ var config = {
156
172
  ":0 -0.125rem 0 0.5rem;",
157
173
  ":0 0 0 0.25rem;"
158
174
  ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
175
+ lr: (0, _styledcomponents.css)([
176
+ "",
177
+ ":3.5rem;",
178
+ ":12.5rem;",
179
+ ":var(--plasma-typo-body-l-font-family);",
180
+ ":var(--plasma-typo-body-l-font-size);",
181
+ ":var(--plasma-typo-body-l-font-style);",
182
+ ":var(--plasma-typo-body-l-bold-font-weight);",
183
+ ":var(--plasma-typo-body-l-letter-spacing);",
184
+ ":var(--plasma-typo-body-l-line-height);",
185
+ ":1.375rem;",
186
+ ":inherit;",
187
+ ":0 0.5rem 0 0;",
188
+ ":0 0 0 0.5rem;",
189
+ ":0 0 0 0.25rem;"
190
+ ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
159
191
  m: (0, _styledcomponents.css)([
160
192
  "",
161
193
  ":3rem;",
@@ -174,6 +206,22 @@ var config = {
174
206
  ":0 -0.125rem 0 0.375rem;",
175
207
  ":0 0 0 0.25rem;"
176
208
  ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
209
+ mr: (0, _styledcomponents.css)([
210
+ "",
211
+ ":3rem;",
212
+ ":11.25rem;",
213
+ ":var(--plasma-typo-body-m-font-family);",
214
+ ":var(--plasma-typo-body-m-font-size);",
215
+ ":var(--plasma-typo-body-m-font-style);",
216
+ ":var(--plasma-typo-body-m-bold-font-weight);",
217
+ ":var(--plasma-typo-body-m-letter-spacing);",
218
+ ":var(--plasma-typo-body-m-line-height);",
219
+ ":1.375rem;",
220
+ ":inherit;",
221
+ ":0 0.375rem 0 0;",
222
+ ":0 0 0 0.375rem;",
223
+ ":0 0 0 0.25rem;"
224
+ ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
177
225
  s: (0, _styledcomponents.css)([
178
226
  "",
179
227
  ":2.5rem;",
@@ -192,6 +240,22 @@ var config = {
192
240
  ":0 -0.125rem 0 0.25rem;",
193
241
  ":0 0 0 0.25rem;"
194
242
  ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
243
+ sr: (0, _styledcomponents.css)([
244
+ "",
245
+ ":2.5rem;",
246
+ ":11.25rem;",
247
+ ":var(--plasma-typo-body-s-font-family);",
248
+ ":var(--plasma-typo-body-s-font-size);",
249
+ ":var(--plasma-typo-body-s-font-style);",
250
+ ":var(--plasma-typo-body-s-bold-font-weight);",
251
+ ":var(--plasma-typo-body-s-letter-spacing);",
252
+ ":var(--plasma-typo-body-s-line-height);",
253
+ ":1.375rem;",
254
+ ":inherit;",
255
+ ":0 0.25rem 0 0;",
256
+ ":0 0 0 0.25rem;",
257
+ ":0 0 0 0.25rem;"
258
+ ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
195
259
  xs: (0, _styledcomponents.css)([
196
260
  "",
197
261
  ":2rem;",
@@ -210,6 +274,22 @@ var config = {
210
274
  ":0 -0.125rem 0 0.25rem;",
211
275
  ":0 0 0 0.25rem;"
212
276
  ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
277
+ xsr: (0, _styledcomponents.css)([
278
+ "",
279
+ ":2rem;",
280
+ ":10rem;",
281
+ ":var(--plasma-typo-body-xs-font-family);",
282
+ ":var(--plasma-typo-body-xs-font-size);",
283
+ ":var(--plasma-typo-body-xs-font-style);",
284
+ ":var(--plasma-typo-body-xs-bold-font-weight);",
285
+ ":var(--plasma-typo-body-xs-letter-spacing);",
286
+ ":var(--plasma-typo-body-xs-line-height);",
287
+ ":1rem;",
288
+ ":inherit;",
289
+ ":0 0.25rem 0 0;",
290
+ ":0 0 0 0.25rem;",
291
+ ":0 0 0 0.25rem;"
292
+ ], _Button.buttonTokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Button.buttonTokens.buttonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _Button.buttonTokens.buttonLeftContentMargin, _Button.buttonTokens.buttonRightContentMargin, _Button.buttonTokens.buttonValueMargin),
213
293
  xxs: (0, _styledcomponents.css)([
214
294
  "",
215
295
  ":1.5rem;",
package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js CHANGED
@@ -8,24 +8,25 @@ var mergedConfig = mergeConfig(emptyStateConfig);
8
8
  var EmptyState = component(mergedConfig);
9
9
  export var ListWrapper = styled.div.withConfig({
10
10
  displayName: "Combobox.styles__ListWrapper",
11
- componentId: "sc-7fefedf8-0"
11
+ componentId: "sc-8b9e4b09-0"
12
12
  })([
13
- "width:",
14
- ";padding:calc(var(",
13
+ "margin:var(",
14
+ ") 0 0 0;padding:calc(var(",
15
15
  ") + var(",
16
- ",0rem));border-radius:var(",
17
- ");box-sizing:border-box;background:var(",
16
+ ",0rem));width:",
17
+ ";border-radius:var(",
18
+ ");background:var(",
18
19
  ");box-shadow:",
19
20
  ",inset 0 0 0 var(",
20
21
  ",0rem) var(",
21
- ",transparent);"
22
- ], function(param) {
22
+ ",transparent);box-sizing:border-box;"
23
+ ], tokens.margin, tokens.padding, tokens.dropdownBorderWidth, function(param) {
23
24
  var listWidth = param.listWidth;
24
25
  return listWidth || '100%';
25
- }, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
26
+ }, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
26
27
  export var Ul = styled.ul.withConfig({
27
28
  displayName: "Combobox.styles__Ul",
28
- componentId: "sc-7fefedf8-1"
29
+ componentId: "sc-8b9e4b09-1"
29
30
  })([
30
31
  "max-height:",
31
32
  ";overflow-y:",
@@ -42,7 +43,7 @@ export var Ul = styled.ul.withConfig({
42
43
  }, tokens.borderRadius, tokens.dropdownBorderWidth, classes.emptyStateWrapper);
43
44
  export var IconArrowWrapper = styled.div.withConfig({
44
45
  displayName: "Combobox.styles__IconArrowWrapper",
45
- componentId: "sc-7fefedf8-2"
46
+ componentId: "sc-8b9e4b09-2"
46
47
  })([
47
48
  "line-height:0;color:var(",
48
49
  ");cursor:",
@@ -63,7 +64,7 @@ export var sizeMap = {
63
64
  };
64
65
  export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
65
66
  displayName: "Combobox.styles__StyledArrow",
66
- componentId: "sc-7fefedf8-3"
67
+ componentId: "sc-8b9e4b09-3"
67
68
  })([
68
69
  "width:",
69
70
  ";height:",
@@ -80,7 +81,7 @@ export var base = css([
80
81
  ]);
81
82
  export var StyledEmptyState = styled(EmptyState).withConfig({
82
83
  displayName: "Combobox.styles__StyledEmptyState",
83
- componentId: "sc-7fefedf8-4"
84
+ componentId: "sc-8b9e4b09-4"
84
85
  })([
85
86
  "",
86
87
  ":var(",
@@ -102,7 +103,7 @@ export var StyledEmptyState = styled(EmptyState).withConfig({
102
103
  ], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
103
104
  export var StyledLeftHelper = styled.span.withConfig({
104
105
  displayName: "Combobox.styles__StyledLeftHelper",
105
- componentId: "sc-7fefedf8-5"
106
+ componentId: "sc-8b9e4b09-5"
106
107
  })([
107
108
  "margin:0;padding:0;"
108
109
  ]);