@salutejs/plasma-new-hope 0.326.0-canary.1986.15321507276.0 → 0.326.0-canary.1986.15331510807.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 (111) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.css +20 -19
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js +9 -4
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +38 -37
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  6. package/cjs/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
  7. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  8. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  9. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  10. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
  11. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -4
  12. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
  14. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  15. package/{es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1fy6e2z.css → cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css} +2 -2
  16. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +17 -17
  17. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +3 -3
  18. package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -1
  19. package/{es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_1bpknuo.css → cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css} +1 -1
  20. package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
  21. package/cjs/components/Pagination/Pagination.css +3 -3
  22. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
  23. package/cjs/components/Select/Select.css +3 -3
  24. package/cjs/components/Select/ui/SelectAll/SelectAll.css +3 -3
  25. package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +3 -3
  26. package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -1
  27. package/{es/components/Select/ui/SelectAll/SelectAll.styles_1puprwc.css → cjs/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css} +1 -1
  28. package/cjs/components/Table/Table.css +3 -3
  29. package/cjs/components/Table/ui/Cell/Cell.css +3 -3
  30. package/cjs/components/Table/ui/EditableCell/EditableCell.css +3 -3
  31. package/cjs/components/Table/ui/HeadCell/HeadCell.css +3 -3
  32. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +3 -3
  33. package/cjs/index.css +23 -22
  34. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +9 -4
  35. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +24 -23
  36. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -2
  37. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  38. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -4
  39. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
  40. package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +3 -3
  41. package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +3 -3
  42. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +10 -5
  43. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +23 -22
  44. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -2
  45. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  46. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -5
  47. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
  48. package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +3 -3
  49. package/emotion/es/components/Select/ui/SelectAll/SelectAll.styles.js +3 -3
  50. package/es/components/Combobox/ComboboxNew/Combobox.css +20 -19
  51. package/es/components/Combobox/ComboboxNew/Combobox.js +10 -5
  52. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  53. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +38 -38
  54. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  55. package/es/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
  56. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  57. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  58. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  59. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
  60. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -5
  61. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
  62. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
  63. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  64. package/{cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1fy6e2z.css → es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css} +2 -2
  65. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +17 -17
  66. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +3 -3
  67. package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -1
  68. package/{cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_1bpknuo.css → es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css} +1 -1
  69. package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
  70. package/es/components/Pagination/Pagination.css +3 -3
  71. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
  72. package/es/components/Select/Select.css +3 -3
  73. package/es/components/Select/ui/SelectAll/SelectAll.css +3 -3
  74. package/es/components/Select/ui/SelectAll/SelectAll.styles.js +3 -3
  75. package/es/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -1
  76. package/{cjs/components/Select/ui/SelectAll/SelectAll.styles_1puprwc.css → es/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css} +1 -1
  77. package/es/components/Table/Table.css +3 -3
  78. package/es/components/Table/ui/Cell/Cell.css +3 -3
  79. package/es/components/Table/ui/EditableCell/EditableCell.css +3 -3
  80. package/es/components/Table/ui/HeadCell/HeadCell.css +3 -3
  81. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +3 -3
  82. package/es/index.css +23 -22
  83. package/package.json +4 -4
  84. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +9 -4
  85. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +21 -21
  86. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -2
  87. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  88. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -4
  89. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
  90. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +1 -1
  91. package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +1 -1
  92. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +10 -5
  93. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +20 -20
  94. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -2
  95. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
  96. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -5
  97. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
  98. package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +1 -1
  99. package/styled-components/es/components/Select/ui/SelectAll/SelectAll.styles.js +1 -1
  100. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  101. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -1
  102. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  103. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
  104. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  105. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  106. package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
  107. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  108. package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts.map +1 -1
  109. package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts.map +1 -1
  110. package/cjs/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
  111. package/es/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
package/es/index.css CHANGED
@@ -588,30 +588,31 @@
588
588
 
589
589
  .Target_styles_5dghru_s1wiuml6__ed6b6c68{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-combobox-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-combobox-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-combobox-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-combobox-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-combobox-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-combobox-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-combobox-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-combobox-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-combobox-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-combobox-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-combobox-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-combobox-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-combobox-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-combobox-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-combobox-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-combobox-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-combobox-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-combobox-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-combobox-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-combobox-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-combobox-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-combobox-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-combobox-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-combobox-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-combobox-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-combobox-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-combobox-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-combobox-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-combobox-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-combobox-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-combobox-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-combobox-new-textfield-chip-scale-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-combobox-new-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-combobox-new-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-box-shadow:var(--plasma-select-textfield-box-shadow);}
590
590
 
591
- .Item_styles_1fy6e2z_s17m41ki__5711db5d{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
591
+ .Item_styles_80gotw_s17m41ki__77e23bce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
592
592
 
593
- .Item_styles_1fy6e2z_sabntqz__5711db5d{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
594
- .Item_styles_1fy6e2z_sbva27s__5711db5d{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
595
- .Item_styles_1fy6e2z_s198ssfl__5711db5d{width:var(--s198ssfl-0);height:var(--s198ssfl-0);}
596
- .Item_styles_1fy6e2z_sq42uro__5711db5d{width:var(--sq42uro-0);height:var(--sq42uro-0);}
597
- .Item_styles_1fy6e2z_s96nkq__5711db5d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
598
- .Item_styles_1fy6e2z_s170raop__5711db5d{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
599
- .Item_styles_1fy6e2z_d1bsz3m1__5711db5d{line-height:0;margin:var(--plasma-select-disclosure-icon-margin);color:var(--plasma-combobox-disclosure-icon-color);}.Item_styles_1fy6e2z_d1bsz3m1__5711db5d:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
600
- .Item_styles_1fy6e2z_iwurntn__5711db5d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--iwurntn-0);height:var(--iwurntn-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}
601
- .Item_styles_1fy6e2z_s1pzdaox__5711db5d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
602
- .Item_styles_1fy6e2z_wm3n62u__5711db5d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wm3n62u-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-combobox-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;position:relative;}.Item_styles_1fy6e2z_wm3n62u__5711db5d:hover:not(.Item_styles_1fy6e2z_dropdownItemIsDisabled__5711db5d){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_1fy6e2z_wm3n62u__5711db5d.Item_styles_1fy6e2z_dropdownItemIsActive__5711db5d{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_1fy6e2z_wm3n62u__5711db5d.Item_styles_1fy6e2z_dropdownItemIsDisabled__5711db5d{opacity:0.4;cursor:not-allowed;}.Item_styles_1fy6e2z_wm3n62u__5711db5d:focus{outline:none;}.Item_styles_1fy6e2z_wm3n62u__5711db5d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1fy6e2z_wm3n62u__5711db5d.Item_styles_1fy6e2z_dropdownItemIsFocused__5711db5d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
593
+ .Item_styles_80gotw_sabntqz__77e23bce{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
594
+ .Item_styles_80gotw_sbva27s__77e23bce{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-checkbox-fill-color);}
595
+ .Item_styles_80gotw_s198ssfl__77e23bce{width:var(--s198ssfl-0);height:var(--s198ssfl-0);}
596
+ .Item_styles_80gotw_sq42uro__77e23bce{width:var(--sq42uro-0);height:var(--sq42uro-0);}
597
+ .Item_styles_80gotw_s96nkq__77e23bce{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
598
+ .Item_styles_80gotw_s170raop__77e23bce{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
599
+ .Item_styles_80gotw_d1bsz3m1__77e23bce{line-height:0;margin:var(--plasma-select-disclosure-icon-margin);color:var(--plasma-combobox-disclosure-icon-color);}.Item_styles_80gotw_d1bsz3m1__77e23bce:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
600
+ .Item_styles_80gotw_iwurntn__77e23bce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--iwurntn-0);height:var(--iwurntn-0);margin:var(--plasma-combobox-item-icon-margin);line-height:0;color:var(--plasma-combobox-checkbox-fill-color);}
601
+ .Item_styles_80gotw_s1pzdaox__77e23bce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
602
+ .Item_styles_80gotw_wm3n62u__77e23bce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--wm3n62u-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_80gotw_wm3n62u__77e23bce:hover:not(.Item_styles_80gotw_dropdownItemIsDisabled__77e23bce){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_80gotw_wm3n62u__77e23bce.Item_styles_80gotw_dropdownItemIsActive__77e23bce{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_80gotw_wm3n62u__77e23bce.Item_styles_80gotw_dropdownItemIsDisabled__77e23bce{opacity:0.4;cursor:not-allowed;}.Item_styles_80gotw_wm3n62u__77e23bce:focus{outline:none;}.Item_styles_80gotw_wm3n62u__77e23bce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_80gotw_wm3n62u__77e23bce.Item_styles_80gotw_dropdownItemIsFocused__77e23bce:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
603
603
 
604
604
 
605
- .SelectAll_styles_1bpknuo_w14070q1__14b89ae5{position:var(--w14070q1-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w14070q1-1);border-top-left-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
606
- .SelectAll_styles_1bpknuo_d4ty997__14b89ae5{margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));background:var(--surface-solid-card);}
607
- .SelectAll_styles_1bpknuo_dxn0wk6__14b89ae5{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);}
605
+ .SelectAll_styles_tjme4i_w14070q1__a0f87d11{position:var(--w14070q1-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w14070q1-1);border-top-left-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
606
+ .SelectAll_styles_tjme4i_d4ty997__a0f87d11{background:var(--surface-solid-card);}
607
+ .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);}
608
608
 
609
- .Combobox_styles_5uhl12_uxiiees__334e02f3{background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);max-height:var(--uxiiees-1);overflow-y:var(--uxiiees-2);border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.Combobox_styles_5uhl12_uxiiees__334e02f3 .Combobox_styles_5uhl12_comboboxEmptyStateWrapper__334e02f3{box-shadow:none;}
610
- .Combobox_styles_5uhl12_i1veo3wn__334e02f3{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1veo3wn-0);}.Combobox_styles_5uhl12_i1veo3wn__334e02f3 .Combobox_styles_5uhl12_arrowInverse__334e02f3{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_5uhl12_i1veo3wn__334e02f3:hover,.Combobox_styles_5uhl12_i1veo3wn__334e02f3:active{color:var(--i1veo3wn-1);}
611
- .Combobox_styles_5uhl12_s1hxiinv__334e02f3{width:var(--s1hxiinv-0);height:var(--s1hxiinv-0);}
609
+ .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);}
610
+ .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;}
611
+ .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);}
612
+ .Combobox_styles_isfa46_sr87xox__91df7bfb{width:var(--sr87xox-0);height:var(--sr87xox-0);}
612
613
 
613
- .Combobox_styles_5uhl12_s11cn92k__334e02f3{--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);}
614
- .Combobox_styles_5uhl12_spp7ogj__334e02f3{margin:0;padding:0;}
614
+ .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);}
615
+ .Combobox_styles_isfa46_s3gft12__91df7bfb{margin:0;padding:0;}
615
616
 
616
617
  .SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
617
618
 
@@ -661,9 +662,9 @@
661
662
  .Item_styles_1qpfn0s_w1hgpj20__6e0dc038{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:hover:not(.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsActive__6e0dc038{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:focus{outline:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsFocused__6e0dc038:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
662
663
 
663
664
 
664
- .SelectAll_styles_1puprwc_w1r0n22v__03d0afd5{position:var(--w1r0n22v-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w1r0n22v-1);border-top-left-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
665
- .SelectAll_styles_1puprwc_d19w91z6__03d0afd5{margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));background:var(--surface-solid-card);}
666
- .SelectAll_styles_1puprwc_d1nbef5q__03d0afd5{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);}
665
+ .SelectAll_styles_ql2mqj_w1r0n22v__b71a8639{position:var(--w1r0n22v-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w1r0n22v-1);border-top-left-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
666
+ .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
667
+ .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);}
667
668
 
668
669
  .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);}
669
670
  .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;}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.326.0-canary.1986.15321507276.0",
3
+ "version": "0.326.0-canary.1986.15331510807.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -79,7 +79,7 @@
79
79
  "@rollup/plugin-babel": "^6.0.4",
80
80
  "@rollup/plugin-commonjs": "^25.0.4",
81
81
  "@rollup/plugin-node-resolve": "^15.1.0",
82
- "@salutejs/plasma-sb-utils": "0.198.0-dev.0",
82
+ "@salutejs/plasma-sb-utils": "0.198.0",
83
83
  "@salutejs/plasma-themes": "0.33.0",
84
84
  "@storybook/addon-docs": "8.6.12",
85
85
  "@storybook/addon-essentials": "8.6.12",
@@ -117,7 +117,7 @@
117
117
  "@linaria/react": "5.0.3",
118
118
  "@popperjs/core": "2.11.8",
119
119
  "@salutejs/input-core": "2.1.2",
120
- "@salutejs/plasma-core": "1.197.0-dev.0",
120
+ "@salutejs/plasma-core": "1.197.0",
121
121
  "@salutejs/react-maskinput": "3.2.6",
122
122
  "@tanstack/react-table": "8.21.2",
123
123
  "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "74bc332e511c5eb27346034b170aecc4d03bfb97"
140
+ "gitHead": "2a38f8aa22c407de138cf17897c82130248a9761"
141
141
  }
@@ -528,7 +528,8 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
528
528
  _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
529
529
  }));
530
530
  },
531
- zIndex: zIndex
531
+ zIndex: zIndex,
532
+ isInner: false
532
533
  }, /*#__PURE__*/_react["default"].createElement(Root, {
533
534
  size: size,
534
535
  view: view,
@@ -536,12 +537,13 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
536
537
  disabled: disabled,
537
538
  readOnly: readOnly,
538
539
  name: name
540
+ }, /*#__PURE__*/_react["default"].createElement(_Combobox2.ListWrapper, {
541
+ listWidth: listWidth
539
542
  }, /*#__PURE__*/_react["default"].createElement(_Combobox2.Ul, {
540
543
  role: "tree",
541
544
  id: "".concat(treeId, "_tree_level_1"),
542
545
  "aria-multiselectable": Boolean(multiple),
543
546
  listMaxHeight: listMaxHeight || listHeight,
544
- listWidth: listWidth,
545
547
  ref: targetRef,
546
548
  virtual: virtual,
547
549
  listOverflow: listOverflow,
@@ -550,7 +552,10 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
550
552
  className: _Combobox.classes.emptyStateWrapper,
551
553
  size: size,
552
554
  description: emptyStateDescription || 'Ничего не найдено'
553
- }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.multiple && props.selectAllOptions && /*#__PURE__*/_react["default"].createElement(_ui.SelectAll, {
555
+ }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.multiple && props.selectAllOptions &&
556
+ /*#__PURE__*/
557
+ // TODO: #2004
558
+ _react["default"].createElement(_ui.SelectAll, {
554
559
  selectAllOptions: props.selectAllOptions,
555
560
  variant: variant
556
561
  }), virtual ? /*#__PURE__*/_react["default"].createElement(_ui.VirtualList, {
@@ -567,7 +572,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
567
572
  index: index,
568
573
  listWidth: listWidth
569
574
  });
570
- })), afterList))))));
575
+ })), afterList)))))));
571
576
  });
572
577
  };
573
578
  var comboboxConfig = exports.comboboxConfig = {
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.sizeMap = exports.base = exports.Ul = exports.StyledLeftHelper = exports.StyledEmptyState = exports.StyledArrow = exports.IconArrowWrapper = void 0;
7
+ exports.sizeMap = exports.base = exports.Ul = exports.StyledLeftHelper = exports.StyledEmptyState = exports.StyledArrow = exports.ListWrapper = exports.IconArrowWrapper = void 0;
8
8
  var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
9
9
  var _EmptyState = /*#__PURE__*/require("../../EmptyState");
10
10
  var _Icon = /*#__PURE__*/require("../../_Icon");
@@ -14,12 +14,15 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
14
14
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
15
15
  var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_EmptyState.emptyStateConfig);
16
16
  var EmptyState = /*#__PURE__*/(0, _engines.component)(mergedConfig);
17
- var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
17
+ var ListWrapper = exports.ListWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
18
18
  componentId: "plasma-new-hope__sc-2kddkg-0"
19
- })(["background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";max-height:", ";overflow-y:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.borderRadius, function (_ref) {
19
+ })(["width:", ";padding:calc(var(", ") + var(", ",0rem));border-radius:var(", ");box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);"], function (_ref) {
20
20
  var listWidth = _ref.listWidth;
21
21
  return listWidth || '100%';
22
- }, function (_ref2) {
22
+ }, _Combobox.tokens.padding, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.borderRadius, _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.dropdownBorderColor);
23
+ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
24
+ componentId: "plasma-new-hope__sc-2kddkg-1"
25
+ })(["max-height:", ";overflow-y:", ";border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));margin:0;padding:0;.", "{box-shadow:none;}"], function (_ref2) {
23
26
  var virtual = _ref2.virtual,
24
27
  listMaxHeight = _ref2.listMaxHeight;
25
28
  return virtual ? 'auto' : listMaxHeight || 'auto';
@@ -27,17 +30,14 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
27
30
  var virtual = _ref3.virtual,
28
31
  listOverflow = _ref3.listOverflow;
29
32
  return virtual ? 'visible' : listOverflow || 'visible';
30
- }, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.dropdownBorderColor, function (_ref4) {
31
- var isInnerUl = _ref4.isInnerUl;
32
- return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0 0") : "var(".concat(_Combobox.tokens.margin, ") 0 0 0");
33
- }, _Combobox.tokens.padding, _Combobox.classes.emptyStateWrapper);
33
+ }, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth, _Combobox.classes.emptyStateWrapper);
34
34
  var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
35
- componentId: "plasma-new-hope__sc-2kddkg-1"
36
- })(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.tokens.disclosureIconColor, function (_ref5) {
37
- var disabled = _ref5.disabled;
35
+ componentId: "plasma-new-hope__sc-2kddkg-2"
36
+ })(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.tokens.disclosureIconColor, function (_ref4) {
37
+ var disabled = _ref4.disabled;
38
38
  return disabled ? 'inherit' : 'pointer';
39
- }, _Combobox.classes.arrowInverse, function (_ref6) {
40
- var disabled = _ref6.disabled;
39
+ }, _Combobox.classes.arrowInverse, function (_ref5) {
40
+ var disabled = _ref5.disabled;
41
41
  return disabled ? "var(".concat(_Combobox.tokens.disclosureIconColor, ")") : "var(".concat(_Combobox.tokens.disclosureIconColorHover, ")");
42
42
  });
43
43
 
@@ -47,20 +47,20 @@ var sizeMap = exports.sizeMap = {
47
47
  s: '1.5rem'
48
48
  };
49
49
  var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
50
- componentId: "plasma-new-hope__sc-2kddkg-2"
51
- })(["width:", ";height:", ";"], function (_ref7) {
50
+ componentId: "plasma-new-hope__sc-2kddkg-3"
51
+ })(["width:", ";height:", ";"], function (_ref6) {
52
+ var _ref6$size = _ref6.size,
53
+ size = _ref6$size === void 0 ? 'xs' : _ref6$size;
54
+ return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
55
+ }, function (_ref7) {
52
56
  var _ref7$size = _ref7.size,
53
57
  size = _ref7$size === void 0 ? 'xs' : _ref7$size;
54
58
  return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
55
- }, function (_ref8) {
56
- var _ref8$size = _ref8.size,
57
- size = _ref8$size === void 0 ? 'xs' : _ref8$size;
58
- return "var(".concat(_Combobox.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
59
59
  });
60
60
  var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
61
61
  var StyledEmptyState = exports.StyledEmptyState = /*#__PURE__*/(0, _styledComponents["default"])(EmptyState).withConfig({
62
- componentId: "plasma-new-hope__sc-2kddkg-3"
62
+ componentId: "plasma-new-hope__sc-2kddkg-4"
63
63
  })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _EmptyState.emptyStateTokens.borderRadius, _Combobox.tokens.textFieldBorderRadius, _EmptyState.emptyStateTokens.padding, _Combobox.tokens.emptyStatePadding, _EmptyState.emptyStateTokens.fontFamily, _Combobox.tokens.textFieldFontFamily, _EmptyState.emptyStateTokens.fontSize, _Combobox.tokens.textFieldFontSize, _EmptyState.emptyStateTokens.fontStyle, _Combobox.tokens.textFieldFontStyle, _EmptyState.emptyStateTokens.fontWeight, _Combobox.tokens.textFieldFontWeight, _EmptyState.emptyStateTokens.fontLetterSpacing, _Combobox.tokens.textFieldLetterSpacing, _EmptyState.emptyStateTokens.fontLineHeight, _Combobox.tokens.textFieldLineHeight);
64
64
  var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
65
- componentId: "plasma-new-hope__sc-2kddkg-4"
65
+ componentId: "plasma-new-hope__sc-2kddkg-5"
66
66
  })(["margin:0;padding:0;"]);
@@ -237,7 +237,7 @@ var constants = exports.constants = {
237
237
  focusSize: '0.0625rem',
238
238
  background: '--surface-solid-card',
239
239
  boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
240
- itemBackground: '--plasma-colors-transparent',
240
+ itemBackground: '--surface-clear',
241
241
  textfieldTargetColor: '--text-primary',
242
242
  textfieldOuterLabelColor: '--text-primary',
243
243
  textfieldInnerLabelColor: '--text-secondary',
@@ -251,5 +251,5 @@ var constants = exports.constants = {
251
251
  fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',
252
252
  fontLineHeight: '--plasma-typo-body-xs-line-height',
253
253
  cellTitleColor: '--text-primary',
254
- cellBackgroundColor: '--plasma-colors-transparent'
254
+ cellBackgroundColor: '--surface-clear'
255
255
  };
@@ -15,6 +15,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
15
15
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
16
16
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
17
17
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
18
+ // TODO: #2003
19
+ var LIST_PADDING = 2;
18
20
  var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
19
21
  var target = _ref.target,
20
22
  children = _ref.children,
@@ -23,9 +25,8 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
23
25
  placement = _ref.placement,
24
26
  portal = _ref.portal,
25
27
  listWidth = _ref.listWidth,
26
- _ref$offset = _ref.offset,
27
- offset = _ref$offset === void 0 ? 0 : _ref$offset,
28
- zIndex = _ref.zIndex;
28
+ zIndex = _ref.zIndex,
29
+ isInner = _ref.isInner;
29
30
  var _useFloating = (0, _react.useFloating)({
30
31
  whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
31
32
  return (0, _react.autoUpdate)(referenceEl, floatingEl, update, {
@@ -36,14 +37,17 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
36
37
  },
37
38
  placement: placement,
38
39
  open: opened,
39
- middleware: [(0, _react.offset)(offset), (0, _react.flip)({
40
+ middleware: [(0, _react.offset)({
41
+ mainAxis: isInner ? 4 : 0,
42
+ alignmentAxis: isInner ? -LIST_PADDING : 0
43
+ }), (0, _react.flip)({
40
44
  fallbackAxisSideDirection: 'end'
41
45
  }), (0, _react.shift)(), (0, _react.size)({
42
46
  apply: function apply(_ref2) {
43
47
  var rects = _ref2.rects,
44
48
  elements = _ref2.elements;
45
49
  Object.assign(elements.floating.style, {
46
- width: listWidth || "".concat(rects.reference.width, "px")
50
+ width: listWidth || "".concat(isInner ? rects.reference.width + LIST_PADDING * 2 : rects.reference.width, "px")
47
51
  });
48
52
  }
49
53
  })]
@@ -42,7 +42,6 @@ var Inner = exports.Inner = function Inner(_ref) {
42
42
  placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right-start',
43
43
  opened: isCurrentListOpen,
44
44
  onToggle: handleToggle,
45
- offset: 2,
46
45
  target: /*#__PURE__*/_react["default"].createElement(_ui.Item, {
47
46
  item: item,
48
47
  path: path,
@@ -52,12 +51,14 @@ var Inner = exports.Inner = function Inner(_ref) {
52
51
  ariaExpanded: isCurrentListOpen,
53
52
  ariaLevel: nextLevel,
54
53
  ariaLabel: item.label
55
- })
54
+ }),
55
+ isInner: true
56
+ }, /*#__PURE__*/_react["default"].createElement(_Combobox.ListWrapper, {
57
+ listWidth: listWidth
56
58
  }, /*#__PURE__*/_react["default"].createElement(_Combobox.Ul, {
57
59
  role: "group",
58
60
  id: listId,
59
61
  isInnerUl: true,
60
- listWidth: listWidth,
61
62
  virtual: false
62
63
  }, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
63
64
  return /*#__PURE__*/_react["default"].createElement(Inner, {
@@ -69,7 +70,7 @@ var Inner = exports.Inner = function Inner(_ref) {
69
70
  index: innerIndex,
70
71
  listWidth: listWidth
71
72
  });
72
- })));
73
+ }))));
73
74
  }
74
75
  return /*#__PURE__*/_react["default"].createElement(_ui.Item, {
75
76
  item: item,
@@ -82,16 +82,16 @@ var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].
82
82
  })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
83
83
  var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
84
84
  componentId: "plasma-new-hope__sc-1n1xg1s-11"
85
- })(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref7) {
85
+ })(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref7) {
86
86
  var variant = _ref7.variant;
87
87
  return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
88
- }, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
89
- outlineSize: '0.0625rem',
88
+ }, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
89
+ outlineSize: '0',
90
90
  outlineOffset: '0',
91
91
  outlineColor: /*#__PURE__*/"var(".concat(_Combobox.constants.focusColor, ")"),
92
- outlineRadius: /*#__PURE__*/"var(".concat(_Combobox.tokens.itemBorderRadius, ")"),
92
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(_Combobox.tokens.borderRadius, ") - 0.125rem - var(").concat(_Combobox.tokens.dropdownBorderWidth, ", 0rem))"),
93
93
  hasTransition: false,
94
- customFocusRules: /*#__PURE__*/"\n &.".concat(_Combobox.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(").concat(_Combobox.constants.focusColor, ");\n }\n ")
94
+ customFocusRules: /*#__PURE__*/"\n &.".concat(_Combobox.classes.dropdownItemIsFocused, ":before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(").concat(_Combobox.constants.focusColor, ");\n }\n ")
95
95
  }));
96
96
  var StyledCheckboxWrapper = exports.StyledCheckboxWrapper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
97
97
  componentId: "plasma-new-hope__sc-1n1xg1s-12"
@@ -18,7 +18,7 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.wi
18
18
  }, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth, _Combobox.tokens.borderRadius, _Combobox.tokens.dropdownBorderWidth);
19
19
  var DividerWrapper = exports.DividerWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
20
  componentId: "plasma-new-hope__sc-10t9fym-1"
21
- })(["margin:0 calc(0.125rem + var(", ",0rem));background:var(", ");"], _Combobox.tokens.dropdownBorderWidth, _Combobox.constants.background);
21
+ })(["background:var(", ");"], _Combobox.constants.background);
22
22
  var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
23
23
  componentId: "plasma-new-hope__sc-10t9fym-2"
24
24
  })(["height:0.0625rem;margin-top:", ";margin-right:var(", ");margin-left:var(", ");background:var(", ");"], function (_ref3) {
@@ -18,7 +18,7 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.wi
18
18
  }, _Select.tokens.borderRadius, _Select.tokens.dropdownBorderWidth, _Select.tokens.borderRadius, _Select.tokens.dropdownBorderWidth);
19
19
  var DividerWrapper = exports.DividerWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
20
  componentId: "plasma-new-hope__sc-1f7l6yo-1"
21
- })(["margin:0 calc(0.125rem + var(", ",0rem));background:var(", ");"], _Select.tokens.dropdownBorderWidth, _Select.constants.background);
21
+ })(["background:var(", ");"], _Select.constants.background);
22
22
  var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
23
23
  componentId: "plasma-new-hope__sc-1f7l6yo-2"
24
24
  })(["height:0.0625rem;margin-top:", ";margin-right:var(", ");margin-left:var(", ");background:var(", ");"], function (_ref3) {
@@ -25,7 +25,7 @@ import { initialItemsTransform, updateAncestors, updateDescendants, updateSingle
25
25
  import { Inner, StyledTextField, VirtualList, SelectAll } from "./ui";
26
26
  import { pathReducer, focusedPathReducer } from "./reducers";
27
27
  import { getPathMap, getTreeMaps } from "./hooks/getPathMaps";
28
- import { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState, StyledLeftHelper } from "./Combobox.styles";
28
+ import { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState, StyledLeftHelper, ListWrapper } from "./Combobox.styles";
29
29
  import { base as viewCSS } from "./variations/_view/base";
30
30
  import { base as sizeCSS } from "./variations/_size/base";
31
31
  import { SelectNative } from "./ui/SelectNative/SelectNative";
@@ -521,7 +521,8 @@ export var comboboxRoot = function comboboxRoot(Root) {
521
521
  _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
522
522
  }));
523
523
  },
524
- zIndex: zIndex
524
+ zIndex: zIndex,
525
+ isInner: false
525
526
  }, /*#__PURE__*/React.createElement(Root, {
526
527
  size: size,
527
528
  view: view,
@@ -529,12 +530,13 @@ export var comboboxRoot = function comboboxRoot(Root) {
529
530
  disabled: disabled,
530
531
  readOnly: readOnly,
531
532
  name: name
533
+ }, /*#__PURE__*/React.createElement(ListWrapper, {
534
+ listWidth: listWidth
532
535
  }, /*#__PURE__*/React.createElement(Ul, {
533
536
  role: "tree",
534
537
  id: "".concat(treeId, "_tree_level_1"),
535
538
  "aria-multiselectable": Boolean(multiple),
536
539
  listMaxHeight: listMaxHeight || listHeight,
537
- listWidth: listWidth,
538
540
  ref: targetRef,
539
541
  virtual: virtual,
540
542
  listOverflow: listOverflow,
@@ -543,7 +545,10 @@ export var comboboxRoot = function comboboxRoot(Root) {
543
545
  className: classes.emptyStateWrapper,
544
546
  size: size,
545
547
  description: emptyStateDescription || 'Ничего не найдено'
546
- }) : /*#__PURE__*/React.createElement(React.Fragment, null, props.multiple && props.selectAllOptions && /*#__PURE__*/React.createElement(SelectAll, {
548
+ }) : /*#__PURE__*/React.createElement(React.Fragment, null, props.multiple && props.selectAllOptions &&
549
+ /*#__PURE__*/
550
+ // TODO: #2004
551
+ React.createElement(SelectAll, {
547
552
  selectAllOptions: props.selectAllOptions,
548
553
  variant: variant
549
554
  }), virtual ? /*#__PURE__*/React.createElement(VirtualList, {
@@ -560,7 +565,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
560
565
  index: index,
561
566
  listWidth: listWidth
562
567
  });
563
- })), afterList))))));
568
+ })), afterList)))))));
564
569
  });
565
570
  };
566
571
  export var comboboxConfig = {
@@ -6,12 +6,15 @@ import { component, mergeConfig } from "../../../engines";
6
6
  import { tokens, constants, classes } from "./Combobox.tokens";
7
7
  var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig);
8
8
  var EmptyState = /*#__PURE__*/component(mergedConfig);
9
- export var Ul = /*#__PURE__*/styled.ul.withConfig({
9
+ export var ListWrapper = /*#__PURE__*/styled.div.withConfig({
10
10
  componentId: "plasma-new-hope__sc-2kddkg-0"
11
- })(["background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";max-height:", ";overflow-y:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
11
+ })(["width:", ";padding:calc(var(", ") + var(", ",0rem));border-radius:var(", ");box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);"], function (_ref) {
12
12
  var listWidth = _ref.listWidth;
13
13
  return listWidth || '100%';
14
- }, function (_ref2) {
14
+ }, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
15
+ export var Ul = /*#__PURE__*/styled.ul.withConfig({
16
+ componentId: "plasma-new-hope__sc-2kddkg-1"
17
+ })(["max-height:", ";overflow-y:", ";border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));margin:0;padding:0;.", "{box-shadow:none;}"], function (_ref2) {
15
18
  var virtual = _ref2.virtual,
16
19
  listMaxHeight = _ref2.listMaxHeight;
17
20
  return virtual ? 'auto' : listMaxHeight || 'auto';
@@ -19,17 +22,14 @@ export var Ul = /*#__PURE__*/styled.ul.withConfig({
19
22
  var virtual = _ref3.virtual,
20
23
  listOverflow = _ref3.listOverflow;
21
24
  return virtual ? 'visible' : listOverflow || 'visible';
22
- }, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, function (_ref4) {
23
- var isInnerUl = _ref4.isInnerUl;
24
- return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : "var(".concat(tokens.margin, ") 0 0 0");
25
- }, tokens.padding, classes.emptyStateWrapper);
25
+ }, tokens.borderRadius, tokens.dropdownBorderWidth, classes.emptyStateWrapper);
26
26
  export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
27
- componentId: "plasma-new-hope__sc-2kddkg-1"
28
- })(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], tokens.disclosureIconColor, function (_ref5) {
29
- var disabled = _ref5.disabled;
27
+ componentId: "plasma-new-hope__sc-2kddkg-2"
28
+ })(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], tokens.disclosureIconColor, function (_ref4) {
29
+ var disabled = _ref4.disabled;
30
30
  return disabled ? 'inherit' : 'pointer';
31
- }, classes.arrowInverse, function (_ref6) {
32
- var disabled = _ref6.disabled;
31
+ }, classes.arrowInverse, function (_ref5) {
32
+ var disabled = _ref5.disabled;
33
33
  return disabled ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
34
34
  });
35
35
 
@@ -39,20 +39,20 @@ export var sizeMap = {
39
39
  s: '1.5rem'
40
40
  };
41
41
  export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withConfig({
42
- componentId: "plasma-new-hope__sc-2kddkg-2"
43
- })(["width:", ";height:", ";"], function (_ref7) {
42
+ componentId: "plasma-new-hope__sc-2kddkg-3"
43
+ })(["width:", ";height:", ";"], function (_ref6) {
44
+ var _ref6$size = _ref6.size,
45
+ size = _ref6$size === void 0 ? 'xs' : _ref6$size;
46
+ return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
47
+ }, function (_ref7) {
44
48
  var _ref7$size = _ref7.size,
45
49
  size = _ref7$size === void 0 ? 'xs' : _ref7$size;
46
50
  return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
47
- }, function (_ref8) {
48
- var _ref8$size = _ref8.size,
49
- size = _ref8$size === void 0 ? 'xs' : _ref8$size;
50
- return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
51
51
  });
52
52
  export var base = /*#__PURE__*/css([""]);
53
53
  export var StyledEmptyState = /*#__PURE__*/styled(EmptyState).withConfig({
54
- componentId: "plasma-new-hope__sc-2kddkg-3"
54
+ componentId: "plasma-new-hope__sc-2kddkg-4"
55
55
  })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], 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);
56
56
  export var StyledLeftHelper = /*#__PURE__*/styled.span.withConfig({
57
- componentId: "plasma-new-hope__sc-2kddkg-4"
57
+ componentId: "plasma-new-hope__sc-2kddkg-5"
58
58
  })(["margin:0;padding:0;"]);
@@ -231,7 +231,7 @@ export var constants = {
231
231
  focusSize: '0.0625rem',
232
232
  background: '--surface-solid-card',
233
233
  boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
234
- itemBackground: '--plasma-colors-transparent',
234
+ itemBackground: '--surface-clear',
235
235
  textfieldTargetColor: '--text-primary',
236
236
  textfieldOuterLabelColor: '--text-primary',
237
237
  textfieldInnerLabelColor: '--text-secondary',
@@ -245,5 +245,5 @@ export var constants = {
245
245
  fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',
246
246
  fontLineHeight: '--plasma-typo-body-xs-line-height',
247
247
  cellTitleColor: '--text-primary',
248
- cellBackgroundColor: '--plasma-colors-transparent'
248
+ cellBackgroundColor: '--surface-clear'
249
249
  };