@salutejs/plasma-new-hope 0.88.0-canary.1233.9420319803.0 → 0.88.0-canary.1233.9439608380.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (150) hide show
  1. package/cjs/components/Chip/Chip.css +5 -5
  2. package/cjs/components/Chip/Chip.styles.js +1 -1
  3. package/cjs/components/Chip/Chip.styles.js.map +1 -1
  4. package/cjs/components/Chip/{Chip.styles_1l2rsrr.css → Chip.styles_1mwwhiw.css} +1 -1
  5. package/cjs/components/Combobox/Combobox.css +5 -5
  6. package/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.css +5 -5
  7. package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css +5 -5
  8. package/cjs/components/Pagination/Pagination.css +10 -11
  9. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -11
  10. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +0 -1
  11. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
  12. package/cjs/components/Range/Range.css +5 -5
  13. package/cjs/components/Select/Select.css +10 -11
  14. package/cjs/components/Select/Select.js +16 -10
  15. package/cjs/components/Select/Select.js.map +1 -1
  16. package/cjs/components/Select/Select.styles.js +2 -0
  17. package/cjs/components/Select/Select.styles.js.map +1 -1
  18. package/cjs/components/Select/elements/Inner/Inner.css +10 -11
  19. package/cjs/components/Select/elements/Inner/Inner.js +7 -2
  20. package/cjs/components/Select/elements/Inner/Inner.js.map +1 -1
  21. package/cjs/components/Select/elements/Inner/elements/Item/Item.css +10 -11
  22. package/cjs/components/Select/elements/Inner/elements/Item/Item.js +17 -6
  23. package/cjs/components/Select/elements/Inner/elements/Item/Item.js.map +1 -1
  24. package/cjs/components/Select/elements/Target/Target.css +10 -11
  25. package/cjs/components/Select/elements/Target/Target.js +9 -3
  26. package/cjs/components/Select/elements/Target/Target.js.map +1 -1
  27. package/cjs/components/Select/elements/Target/elements/Button/Button.css +5 -6
  28. package/cjs/components/Select/elements/Target/elements/Button/Button.js +28 -32
  29. package/cjs/components/Select/elements/Target/elements/Button/Button.js.map +1 -1
  30. package/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +2 -8
  31. package/cjs/components/Select/elements/Target/elements/Button/Button.styles.js.map +1 -1
  32. package/cjs/components/Select/elements/Target/elements/Button/{Button.styles_1bweq1y.css → Button.styles_1r519o1.css} +1 -2
  33. package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.css +5 -5
  34. package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +25 -7
  35. package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js.map +1 -1
  36. package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.css +5 -5
  37. package/cjs/components/Select/hooks/useKeyboardNavigation.js +11 -2
  38. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  39. package/cjs/components/Select/utils/getButtonLabel.js +47 -0
  40. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -0
  41. package/cjs/components/Slider/Slider.css +5 -5
  42. package/cjs/components/Slider/components/Double/Double.css +5 -5
  43. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +5 -5
  44. package/cjs/index.css +10 -11
  45. package/es/components/Chip/Chip.css +5 -5
  46. package/es/components/Chip/Chip.styles.js +1 -1
  47. package/es/components/Chip/Chip.styles.js.map +1 -1
  48. package/es/components/Chip/{Chip.styles_1l2rsrr.css → Chip.styles_1mwwhiw.css} +1 -1
  49. package/es/components/Combobox/Combobox.css +5 -5
  50. package/es/components/Combobox/ui/ComboboxChip/ComboboxChip.css +5 -5
  51. package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css +5 -5
  52. package/es/components/Pagination/Pagination.css +10 -11
  53. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -11
  54. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +0 -1
  55. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
  56. package/es/components/Range/Range.css +5 -5
  57. package/es/components/Select/Select.css +10 -11
  58. package/es/components/Select/Select.js +16 -10
  59. package/es/components/Select/Select.js.map +1 -1
  60. package/es/components/Select/Select.styles.js +2 -0
  61. package/es/components/Select/Select.styles.js.map +1 -1
  62. package/es/components/Select/elements/Inner/Inner.css +10 -11
  63. package/es/components/Select/elements/Inner/Inner.js +7 -2
  64. package/es/components/Select/elements/Inner/Inner.js.map +1 -1
  65. package/es/components/Select/elements/Inner/elements/Item/Item.css +10 -11
  66. package/es/components/Select/elements/Inner/elements/Item/Item.js +17 -6
  67. package/es/components/Select/elements/Inner/elements/Item/Item.js.map +1 -1
  68. package/es/components/Select/elements/Target/Target.css +10 -11
  69. package/es/components/Select/elements/Target/Target.js +9 -3
  70. package/es/components/Select/elements/Target/Target.js.map +1 -1
  71. package/es/components/Select/elements/Target/elements/Button/Button.css +5 -6
  72. package/es/components/Select/elements/Target/elements/Button/Button.js +29 -33
  73. package/es/components/Select/elements/Target/elements/Button/Button.js.map +1 -1
  74. package/es/components/Select/elements/Target/elements/Button/Button.styles.js +3 -8
  75. package/es/components/Select/elements/Target/elements/Button/Button.styles.js.map +1 -1
  76. package/es/components/Select/elements/Target/elements/Button/{Button.styles_1bweq1y.css → Button.styles_1r519o1.css} +1 -2
  77. package/es/components/Select/elements/Target/elements/Textfield/Textfield.css +5 -5
  78. package/es/components/Select/elements/Target/elements/Textfield/Textfield.js +25 -7
  79. package/es/components/Select/elements/Target/elements/Textfield/Textfield.js.map +1 -1
  80. package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.css +5 -5
  81. package/es/components/Select/hooks/useKeyboardNavigation.js +11 -2
  82. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  83. package/es/components/Select/utils/getButtonLabel.js +43 -0
  84. package/es/components/Select/utils/getButtonLabel.js.map +1 -0
  85. package/es/components/Slider/Slider.css +5 -5
  86. package/es/components/Slider/components/Double/Double.css +5 -5
  87. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +5 -5
  88. package/es/index.css +10 -11
  89. package/package.json +2 -2
  90. package/styled-components/cjs/components/Chip/Chip.styles.js +1 -1
  91. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +0 -1
  92. package/styled-components/cjs/components/Select/Select.js +26 -20
  93. package/styled-components/cjs/components/Select/elements/Inner/Inner.js +7 -2
  94. package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.js +16 -5
  95. package/styled-components/cjs/components/Select/elements/Target/Target.js +9 -3
  96. package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.js +28 -31
  97. package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +3 -6
  98. package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +25 -7
  99. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +11 -2
  100. package/styled-components/cjs/components/Select/utils/getButtonLabel.js +43 -0
  101. package/styled-components/cjs/components/Select/utils/index.js +8 -1
  102. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +1 -0
  103. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +22 -50
  104. package/styled-components/es/components/Chip/Chip.styles.js +1 -1
  105. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +0 -1
  106. package/styled-components/es/components/Select/Select.js +16 -10
  107. package/styled-components/es/components/Select/elements/Inner/Inner.js +7 -2
  108. package/styled-components/es/components/Select/elements/Inner/elements/Item/Item.js +16 -5
  109. package/styled-components/es/components/Select/elements/Target/Target.js +9 -3
  110. package/styled-components/es/components/Select/elements/Target/elements/Button/Button.js +30 -33
  111. package/styled-components/es/components/Select/elements/Target/elements/Button/Button.styles.js +2 -5
  112. package/styled-components/es/components/Select/elements/Target/elements/Textfield/Textfield.js +25 -7
  113. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +11 -2
  114. package/styled-components/es/components/Select/utils/getButtonLabel.js +37 -0
  115. package/styled-components/es/components/Select/utils/index.js +2 -1
  116. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +1 -0
  117. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +22 -50
  118. package/types/components/Chip/Chip.styles.d.ts.map +1 -1
  119. package/types/components/Dropdown/Dropdown.types.d.ts +5 -9
  120. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  121. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -92
  122. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  123. package/types/components/Select/Select.d.ts +1 -0
  124. package/types/components/Select/Select.d.ts.map +1 -1
  125. package/types/components/Select/Select.types.d.ts +22 -12
  126. package/types/components/Select/Select.types.d.ts.map +1 -1
  127. package/types/components/Select/elements/Inner/Inner.d.ts.map +1 -1
  128. package/types/components/Select/elements/Inner/elements/Item/Item.d.ts.map +1 -1
  129. package/types/components/Select/elements/Inner/elements/Item/Item.types.d.ts +37 -1
  130. package/types/components/Select/elements/Inner/elements/Item/Item.types.d.ts.map +1 -1
  131. package/types/components/Select/elements/Target/Target.d.ts.map +1 -1
  132. package/types/components/Select/elements/Target/Target.types.d.ts +5 -3
  133. package/types/components/Select/elements/Target/Target.types.d.ts.map +1 -1
  134. package/types/components/Select/elements/Target/elements/Button/Button.d.ts.map +1 -1
  135. package/types/components/Select/elements/Target/elements/Button/Button.styles.d.ts +0 -1
  136. package/types/components/Select/elements/Target/elements/Button/Button.styles.d.ts.map +1 -1
  137. package/types/components/Select/elements/Target/elements/Button/Button.types.d.ts +1 -1
  138. package/types/components/Select/elements/Target/elements/Button/Button.types.d.ts.map +1 -1
  139. package/types/components/Select/elements/Target/elements/Textfield/Textfield.d.ts.map +1 -1
  140. package/types/components/Select/elements/Target/elements/Textfield/Textfield.types.d.ts +1 -1
  141. package/types/components/Select/elements/Target/elements/Textfield/Textfield.types.d.ts.map +1 -1
  142. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  143. package/types/components/Select/utils/getButtonLabel.d.ts +3 -0
  144. package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -0
  145. package/types/components/Select/utils/index.d.ts +1 -0
  146. package/types/components/Select/utils/index.d.ts.map +1 -1
  147. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +1 -0
  148. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  149. package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -92
  150. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
@@ -50,11 +50,11 @@
50
50
 
51
51
  .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
52
52
 
53
- .Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
54
- .Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
55
- .Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
56
- .Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
57
- .Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
53
+ .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
54
+ .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
55
+ .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
56
+ .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
57
+ .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
58
58
 
59
59
  .ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88{--plasma-chip-color:var(--plasma-combobox-chip-color);--plasma-chip-background:var(--plasma-combobox-chip-background);--plasma-chip-color-hover:var(--plasma-combobox-chip-color-hover);--plasma-chip-background-hover:var(--plasma-combobox-chip-background-hover);--plasma-chip-color-active:var(--plasma-combobox-chip-color-active);--plasma-chip-background-active:var(--plasma-combobox-chip-background-active);--plasma-chip-background-readonly:var(--plasma-combobox-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-combobox-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-combobox-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-combobox-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-combobox-chip-border-radius);--plasma-chip-width:var(--plasma-combobox-chip-width);--plasma-chip-height:var(--plasma-combobox-chip-height);--plasma-chip-padding-right:var(--plasma-combobox-chip-padding-right);--plasma-chip-padding-left:var(--plasma-combobox-chip-padding-left);--plasma-chip-font-family:var(--plasma-combobox-chip-font-family);--plasma-chip-font-size:var(--plasma-combobox-chip-font-size);--plasma-chip-font-style:var(--plasma-combobox-chip-font-style);--plasma-chip-font-weight:var(--plasma-combobox-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-combobox-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-combobox-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-combobox-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-combobox-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-combobox-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-combobox-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-combobox-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-combobox-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-combobox-focus-color);position:relative;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-combobox-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88.ComboboxChip_styles_1la9kkf_focusVisible__46a30e88:focus::before,.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[readonly]{opacity:var(--plasma-combobox-chip-opacity-readonly);}
60
60
 
@@ -12,10 +12,10 @@
12
12
 
13
13
  .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
14
14
 
15
- .Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
16
- .Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
17
- .Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
18
- .Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
19
- .Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
15
+ .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
16
+ .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
17
+ .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
18
+ .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
19
+ .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
20
20
 
21
21
  .ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88{--plasma-chip-color:var(--plasma-combobox-chip-color);--plasma-chip-background:var(--plasma-combobox-chip-background);--plasma-chip-color-hover:var(--plasma-combobox-chip-color-hover);--plasma-chip-background-hover:var(--plasma-combobox-chip-background-hover);--plasma-chip-color-active:var(--plasma-combobox-chip-color-active);--plasma-chip-background-active:var(--plasma-combobox-chip-background-active);--plasma-chip-background-readonly:var(--plasma-combobox-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-combobox-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-combobox-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-combobox-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-combobox-chip-border-radius);--plasma-chip-width:var(--plasma-combobox-chip-width);--plasma-chip-height:var(--plasma-combobox-chip-height);--plasma-chip-padding-right:var(--plasma-combobox-chip-padding-right);--plasma-chip-padding-left:var(--plasma-combobox-chip-padding-left);--plasma-chip-font-family:var(--plasma-combobox-chip-font-family);--plasma-chip-font-size:var(--plasma-combobox-chip-font-size);--plasma-chip-font-style:var(--plasma-combobox-chip-font-style);--plasma-chip-font-weight:var(--plasma-combobox-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-combobox-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-combobox-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-combobox-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-combobox-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-combobox-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-combobox-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-combobox-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-combobox-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-combobox-focus-color);position:relative;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-combobox-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88.ComboboxChip_styles_1la9kkf_focusVisible__46a30e88:focus::before,.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[readonly]{opacity:var(--plasma-combobox-chip-opacity-readonly);}
@@ -10,11 +10,11 @@
10
10
 
11
11
  .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
12
12
 
13
- .Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
14
- .Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
15
- .Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
16
- .Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
17
- .Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
13
+ .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
14
+ .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
15
+ .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
16
+ .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
17
+ .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
18
18
 
19
19
  .ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88{--plasma-chip-color:var(--plasma-combobox-chip-color);--plasma-chip-background:var(--plasma-combobox-chip-background);--plasma-chip-color-hover:var(--plasma-combobox-chip-color-hover);--plasma-chip-background-hover:var(--plasma-combobox-chip-background-hover);--plasma-chip-color-active:var(--plasma-combobox-chip-color-active);--plasma-chip-background-active:var(--plasma-combobox-chip-background-active);--plasma-chip-background-readonly:var(--plasma-combobox-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-combobox-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-combobox-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-combobox-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-combobox-chip-border-radius);--plasma-chip-width:var(--plasma-combobox-chip-width);--plasma-chip-height:var(--plasma-combobox-chip-height);--plasma-chip-padding-right:var(--plasma-combobox-chip-padding-right);--plasma-chip-padding-left:var(--plasma-combobox-chip-padding-left);--plasma-chip-font-family:var(--plasma-combobox-chip-font-family);--plasma-chip-font-size:var(--plasma-combobox-chip-font-size);--plasma-chip-font-style:var(--plasma-combobox-chip-font-style);--plasma-chip-font-weight:var(--plasma-combobox-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-combobox-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-combobox-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-combobox-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-combobox-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-combobox-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-combobox-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-combobox-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-combobox-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-combobox-focus-color);position:relative;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-combobox-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88.ComboboxChip_styles_1la9kkf_focusVisible__46a30e88:focus::before,.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[readonly]{opacity:var(--plasma-combobox-chip-opacity-readonly);}
20
20
 
@@ -87,12 +87,11 @@
87
87
  .Item_styles_545sy7_s1vkcneb__b99228e8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
88
88
  .Item_styles_545sy7_w1nwrhpk__b99228e8{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(--w1nwrhpk-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_545sy7_w1nwrhpk__b99228e8:hover:not(.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsActive__b99228e8{background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8{opacity:0.4;cursor:not-allowed;}.Item_styles_545sy7_w1nwrhpk__b99228e8:focus{outline:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsFocused__b99228e8:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
89
89
 
90
- .Button_styles_1bweq1y_s1n7gats__7958f749{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
91
- .Button_styles_1bweq1y_isdqa5a__7958f749{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1bweq1y_isdqa5a__7958f749:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1bweq1y_isdqa5a__7958f749:active{color:var(--plasma-select-target-button-arrow-color-active);}
92
- .Button_styles_1bweq1y_s1yfglds__7958f749{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
93
- .Button_styles_1bweq1y_brzvbcx__7958f749{display:inline;}.Button_styles_1bweq1y_brzvbcx__7958f749 .Button_styles_1bweq1y_selectWithoutBoxShadow__7958f749::before{box-shadow:none !important;}
94
- .Button_styles_1bweq1y_iogt3wm__7958f749{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Button_styles_1bweq1y_iogt3wm__7958f749 .Button_styles_1bweq1y_arrowInverse__7958f749{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
95
- .Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
90
+ .Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
91
+ .Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
92
+ .Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
93
+ .Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
94
+ .Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
96
95
 
97
96
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
98
97
 
@@ -106,11 +105,11 @@
106
105
 
107
106
  .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
108
107
 
109
- .Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
110
- .Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
111
- .Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
112
- .Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
113
- .Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
108
+ .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
109
+ .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
110
+ .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
111
+ .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
112
+ .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
114
113
 
115
114
  .Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
116
115
 
@@ -29,12 +29,11 @@
29
29
  .Item_styles_545sy7_s1vkcneb__b99228e8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
30
30
  .Item_styles_545sy7_w1nwrhpk__b99228e8{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(--w1nwrhpk-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_545sy7_w1nwrhpk__b99228e8:hover:not(.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsActive__b99228e8{background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8{opacity:0.4;cursor:not-allowed;}.Item_styles_545sy7_w1nwrhpk__b99228e8:focus{outline:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsFocused__b99228e8:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
31
31
 
32
- .Button_styles_1bweq1y_s1n7gats__7958f749{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
33
- .Button_styles_1bweq1y_isdqa5a__7958f749{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1bweq1y_isdqa5a__7958f749:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1bweq1y_isdqa5a__7958f749:active{color:var(--plasma-select-target-button-arrow-color-active);}
34
- .Button_styles_1bweq1y_s1yfglds__7958f749{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
35
- .Button_styles_1bweq1y_brzvbcx__7958f749{display:inline;}.Button_styles_1bweq1y_brzvbcx__7958f749 .Button_styles_1bweq1y_selectWithoutBoxShadow__7958f749::before{box-shadow:none !important;}
36
- .Button_styles_1bweq1y_iogt3wm__7958f749{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Button_styles_1bweq1y_iogt3wm__7958f749 .Button_styles_1bweq1y_arrowInverse__7958f749{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
37
- .Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
32
+ .Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
33
+ .Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
34
+ .Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
35
+ .Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
36
+ .Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
38
37
 
39
38
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
40
39
 
@@ -48,11 +47,11 @@
48
47
 
49
48
  .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
50
49
 
51
- .Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
52
- .Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
53
- .Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
54
- .Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
55
- .Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
50
+ .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
51
+ .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
52
+ .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
53
+ .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
54
+ .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
56
55
 
57
56
  .Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
58
57
 
@@ -27,7 +27,6 @@ var PaginationSelectPerPage = function PaginationSelectPerPage(_ref) {
27
27
  value: num.toString()
28
28
  };
29
29
  });
30
- console.log('listWidth', listWidth);
31
30
  return /*#__PURE__*/React.createElement(SelectPerPageRoot, rest, /*#__PURE__*/React.createElement(SelectPerPageTypography, null, textPerPage), /*#__PURE__*/React.createElement(SelectPerPageSelect, {
32
31
  className: classes.selectWrapper,
33
32
  items: transformedList,
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationSelectPerPage.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.tsx"],"sourcesContent":["import React from 'react';\n\nimport { defaultValues } from '../../utils';\nimport { classes } from '../../Pagination.tokens';\n\nimport type { PaginationSelectPerPageProps } from './PaginationSelectPerPage.types';\nimport { SelectPerPageRoot, SelectPerPageTypography, SelectPerPageSelect } from './PaginationSelectPerPage.styles';\n\nexport const PaginationSelectPerPage: React.FC<PaginationSelectPerPageProps> = ({\n perPageValue = defaultValues.perPage,\n perPageList = defaultValues.perPageList,\n textPerPage = defaultValues.textPerPage,\n onChangeValue,\n size,\n listWidth,\n ...rest\n}) => {\n const handleSelectChange = (newValue?: string) => {\n if (newValue) {\n onChangeValue?.(Number(newValue));\n }\n };\n\n const transformedList = perPageList.map((num) => ({ label: num.toString(), value: num.toString() }));\n console.log('listWidth', listWidth);\n return (\n <SelectPerPageRoot {...rest}>\n <SelectPerPageTypography>{textPerPage}</SelectPerPageTypography>\n\n <SelectPerPageSelect\n className={classes.selectWrapper}\n items={transformedList}\n value={perPageValue.toString()}\n onChange={handleSelectChange}\n target=\"button\"\n size={size}\n listWidth={listWidth}\n />\n </SelectPerPageRoot>\n );\n};\n"],"names":["PaginationSelectPerPage","_ref","_ref$perPageValue","perPageValue","defaultValues","perPage","_ref$perPageList","perPageList","_ref$textPerPage","textPerPage","onChangeValue","size","listWidth","rest","_objectWithoutProperties","_excluded","handleSelectChange","newValue","Number","transformedList","map","num","label","toString","value","console","log","React","createElement","SelectPerPageRoot","SelectPerPageTypography","SelectPerPageSelect","className","classes","selectWrapper","items","onChange","target"],"mappings":";;;;;;;IAQaA,uBAA+D,GAAG,SAAlEA,uBAA+DA,CAAAC,IAAA,EAQtE;AAAA,EAAA,IAAAC,iBAAA,GAAAD,IAAA,CAPFE,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAGE,aAAa,CAACC,OAAO,GAAAH,iBAAA;IAAAI,gBAAA,GAAAL,IAAA,CACpCM,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGF,aAAa,CAACG,WAAW,GAAAD,gBAAA;IAAAE,gBAAA,GAAAP,IAAA,CACvCQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGJ,aAAa,CAACK,WAAW,GAAAD,gBAAA;IACvCE,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,SAAS,GAAAX,IAAA,CAATW,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,QAAiB,EAAK;AAC9C,IAAA,IAAIA,QAAQ,EAAE;MACVP,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAGQ,MAAM,CAACD,QAAQ,CAAC,CAAC,CAAA;AACrC,KAAA;GACH,CAAA;AAED,EAAA,IAAME,eAAe,GAAGZ,WAAW,CAACa,GAAG,CAAC,UAACC,GAAG,EAAA;IAAA,OAAM;AAAEC,MAAAA,KAAK,EAAED,GAAG,CAACE,QAAQ,EAAE;AAAEC,MAAAA,KAAK,EAAEH,GAAG,CAACE,QAAQ,EAAC;KAAG,CAAA;AAAA,GAAC,CAAC,CAAA;AACpGE,EAAAA,OAAO,CAACC,GAAG,CAAC,WAAW,EAAEd,SAAS,CAAC,CAAA;EACnC,oBACIe,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAKhB,IAAI,eACvBc,KAAA,CAAAC,aAAA,CAACE,uBAAuB,QAAErB,WAAqC,CAAC,eAEhEkB,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;IAChBC,SAAS,EAAEC,OAAO,CAACC,aAAc;AACjCC,IAAAA,KAAK,EAAEhB,eAAgB;AACvBK,IAAAA,KAAK,EAAErB,YAAY,CAACoB,QAAQ,EAAG;AAC/Ba,IAAAA,QAAQ,EAAEpB,kBAAmB;AAC7BqB,IAAAA,MAAM,EAAC,QAAQ;AACf1B,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GACxB,CACc,CAAC,CAAA;AAE5B;;;;"}
1
+ {"version":3,"file":"PaginationSelectPerPage.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.tsx"],"sourcesContent":["import React from 'react';\n\nimport { defaultValues } from '../../utils';\nimport { classes } from '../../Pagination.tokens';\n\nimport type { PaginationSelectPerPageProps } from './PaginationSelectPerPage.types';\nimport { SelectPerPageRoot, SelectPerPageTypography, SelectPerPageSelect } from './PaginationSelectPerPage.styles';\n\nexport const PaginationSelectPerPage: React.FC<PaginationSelectPerPageProps> = ({\n perPageValue = defaultValues.perPage,\n perPageList = defaultValues.perPageList,\n textPerPage = defaultValues.textPerPage,\n onChangeValue,\n size,\n listWidth,\n ...rest\n}) => {\n const handleSelectChange = (newValue?: string) => {\n if (newValue) {\n onChangeValue?.(Number(newValue));\n }\n };\n\n const transformedList = perPageList.map((num) => ({ label: num.toString(), value: num.toString() }));\n\n return (\n <SelectPerPageRoot {...rest}>\n <SelectPerPageTypography>{textPerPage}</SelectPerPageTypography>\n\n <SelectPerPageSelect\n className={classes.selectWrapper}\n items={transformedList}\n value={perPageValue.toString()}\n onChange={handleSelectChange}\n target=\"button\"\n size={size}\n listWidth={listWidth}\n />\n </SelectPerPageRoot>\n );\n};\n"],"names":["PaginationSelectPerPage","_ref","_ref$perPageValue","perPageValue","defaultValues","perPage","_ref$perPageList","perPageList","_ref$textPerPage","textPerPage","onChangeValue","size","listWidth","rest","_objectWithoutProperties","_excluded","handleSelectChange","newValue","Number","transformedList","map","num","label","toString","value","React","createElement","SelectPerPageRoot","SelectPerPageTypography","SelectPerPageSelect","className","classes","selectWrapper","items","onChange","target"],"mappings":";;;;;;;IAQaA,uBAA+D,GAAG,SAAlEA,uBAA+DA,CAAAC,IAAA,EAQtE;AAAA,EAAA,IAAAC,iBAAA,GAAAD,IAAA,CAPFE,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAGE,aAAa,CAACC,OAAO,GAAAH,iBAAA;IAAAI,gBAAA,GAAAL,IAAA,CACpCM,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGF,aAAa,CAACG,WAAW,GAAAD,gBAAA;IAAAE,gBAAA,GAAAP,IAAA,CACvCQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGJ,aAAa,CAACK,WAAW,GAAAD,gBAAA;IACvCE,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,SAAS,GAAAX,IAAA,CAATW,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,QAAiB,EAAK;AAC9C,IAAA,IAAIA,QAAQ,EAAE;MACVP,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAGQ,MAAM,CAACD,QAAQ,CAAC,CAAC,CAAA;AACrC,KAAA;GACH,CAAA;AAED,EAAA,IAAME,eAAe,GAAGZ,WAAW,CAACa,GAAG,CAAC,UAACC,GAAG,EAAA;IAAA,OAAM;AAAEC,MAAAA,KAAK,EAAED,GAAG,CAACE,QAAQ,EAAE;AAAEC,MAAAA,KAAK,EAAEH,GAAG,CAACE,QAAQ,EAAC;KAAG,CAAA;AAAA,GAAC,CAAC,CAAA;EAEpG,oBACIE,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAKd,IAAI,eACvBY,KAAA,CAAAC,aAAA,CAACE,uBAAuB,QAAEnB,WAAqC,CAAC,eAEhEgB,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;IAChBC,SAAS,EAAEC,OAAO,CAACC,aAAc;AACjCC,IAAAA,KAAK,EAAEd,eAAgB;AACvBK,IAAAA,KAAK,EAAErB,YAAY,CAACoB,QAAQ,EAAG;AAC/BW,IAAAA,QAAQ,EAAElB,kBAAmB;AAC7BmB,IAAAA,MAAM,EAAC,QAAQ;AACfxB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GACxB,CACc,CAAC,CAAA;AAE5B;;;;"}
@@ -43,11 +43,11 @@
43
43
 
44
44
  .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
45
45
 
46
- .Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
47
- .Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
48
- .Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
49
- .Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
50
- .Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
46
+ .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
47
+ .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
48
+ .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
49
+ .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
50
+ .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
51
51
 
52
52
  .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
53
53
 
@@ -60,12 +60,11 @@
60
60
  .SelectNotFoundContent_styles_r1sne_c17jtu5__04f00d06{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;box-sizing:border-box;padding:var(--plasma-select-not-found-content-padding);}
61
61
  .SelectNotFoundContent_styles_r1sne_d1dcslek__04f00d06{margin-top:var(--plasma-select-not-found-content-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
62
62
 
63
- .Button_styles_1bweq1y_s1n7gats__7958f749{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
64
- .Button_styles_1bweq1y_isdqa5a__7958f749{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1bweq1y_isdqa5a__7958f749:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1bweq1y_isdqa5a__7958f749:active{color:var(--plasma-select-target-button-arrow-color-active);}
65
- .Button_styles_1bweq1y_s1yfglds__7958f749{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
66
- .Button_styles_1bweq1y_brzvbcx__7958f749{display:inline;}.Button_styles_1bweq1y_brzvbcx__7958f749 .Button_styles_1bweq1y_selectWithoutBoxShadow__7958f749::before{box-shadow:none !important;}
67
- .Button_styles_1bweq1y_iogt3wm__7958f749{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Button_styles_1bweq1y_iogt3wm__7958f749 .Button_styles_1bweq1y_arrowInverse__7958f749{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
68
- .Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
63
+ .Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
64
+ .Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
65
+ .Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
66
+ .Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
67
+ .Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
69
68
 
70
69
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
71
70
 
@@ -79,11 +78,11 @@
79
78
 
80
79
  .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
81
80
 
82
- .Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
83
- .Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
84
- .Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
85
- .Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
86
- .Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
81
+ .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
82
+ .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
83
+ .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
84
+ .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
85
+ .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
87
86
 
88
87
  .Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
89
88
 
@@ -3,6 +3,7 @@ import React, { forwardRef, useMemo, useReducer, useState, useLayoutEffect, crea
3
3
  import '../../utils/react.js';
4
4
  import { isEmpty } from '../../utils/isEmpty.js';
5
5
  import { useOutsideClick } from '../../hooks/useOutsideClick.js';
6
+ import { getPlacements } from '../Dropdown/utils/index.js';
6
7
  import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
7
8
  import { initialItemsTransform } from './utils/initialItemsTransform.js';
8
9
  import { updateDescendants } from './utils/updateDescendants.js';
@@ -20,8 +21,7 @@ import { OuterLabel, StyledPopover, Ul, HelperText, base } from './Select.styles
20
21
  import { base as base$1 } from './variations/_view/base.js';
21
22
  import { base as base$2 } from './variations/_size/base.js';
22
23
 
23
- var _SelectNotFoundConten;
24
- var _excluded = ["value", "onChange", "target", "multiselect", "separator", "items", "label", "labelPlacement", "placeholder", "helperText", "isTargetAmount", "disabled", "view", "size", "isOpen", "listOverflow", "listHeight", "listWidth", "status", "contentLeft", "onScrollBottom", "isInfiniteLoading", "notFoundContent", "chipView", "variant", "portal", "renderTargetLabel"];
24
+ var _excluded = ["value", "onChange", "target", "separator", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "isTargetAmount", "disabled", "view", "size", "isOpen", "listOverflow", "listHeight", "listWidth", "status", "contentLeft", "onScrollBottom", "isInfiniteLoading", "notFoundContent", "chipView", "variant", "portal", "renderValue"];
25
25
  var Context = /*#__PURE__*/createContext({});
26
26
 
27
27
  /**
@@ -33,9 +33,9 @@ var selectRoot = function selectRoot(Root) {
33
33
  onChange = props.onChange,
34
34
  _props$target = props.target,
35
35
  target = _props$target === void 0 ? 'textfield' : _props$target,
36
- _props$multiselect = props.multiselect,
37
- multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
38
36
  items = props.items,
37
+ _props$placement = props.placement,
38
+ placement = _props$placement === void 0 ? 'bottom' : _props$placement,
39
39
  label = props.label,
40
40
  _props$labelPlacement = props.labelPlacement,
41
41
  labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
@@ -58,8 +58,9 @@ var selectRoot = function selectRoot(Root) {
58
58
  _props$variant = props.variant,
59
59
  variant = _props$variant === void 0 ? 'normal' : _props$variant,
60
60
  portal = props.portal,
61
- renderTargetLabel = props.renderTargetLabel,
61
+ renderValue = props.renderValue,
62
62
  rest = _objectWithoutProperties(props, _excluded);
63
+ var multiselect = Array.isArray(value);
63
64
  var transformedItems = useMemo(function () {
64
65
  return initialItemsTransform(items);
65
66
  }, [items]);
@@ -223,9 +224,9 @@ var selectRoot = function selectRoot(Root) {
223
224
  }, /*#__PURE__*/React.createElement(StyledPopover, {
224
225
  ref: targetRef,
225
226
  isOpen: isCurrentListOpen,
227
+ placement: getPlacements(placement),
226
228
  usePortal: Boolean(portal),
227
229
  frame: portal,
228
- placement: "bottom-start",
229
230
  onToggle: handleToggle,
230
231
  trigger: "click",
231
232
  target: /*#__PURE__*/React.createElement(Target, {
@@ -235,6 +236,8 @@ var selectRoot = function selectRoot(Root) {
235
236
  isTargetAmount: isTargetAmount,
236
237
  multiselect: multiselect,
237
238
  valueToItemMap: valueToItemMap,
239
+ focusedPath: focusedPath,
240
+ focusedToValueMap: focusedToValueMap,
238
241
  onChipClick: handleChipClick,
239
242
  label: label,
240
243
  placeholder: placeholder,
@@ -244,13 +247,15 @@ var selectRoot = function selectRoot(Root) {
244
247
  size: size,
245
248
  contentLeft: contentLeft,
246
249
  disabled: disabled,
247
- renderTargetLabel: renderTargetLabel
250
+ renderValue: renderValue
248
251
  }),
249
252
  preventOverflow: false,
250
253
  closeOnOverlayClick: true
251
- }, isEmpty(items) ? notFoundContent || _SelectNotFoundConten || (_SelectNotFoundConten = /*#__PURE__*/React.createElement(SelectNotFoundContent, {
252
- description: "\u0414\u043E\u0434\u0435\u043B\u0430\u0442\u044C"
253
- })) : /*#__PURE__*/React.createElement(Ul, {
254
+ }, isEmpty(items) ? notFoundContent || /*#__PURE__*/React.createElement(SelectNotFoundContent, {
255
+ description: "\u0414\u043E\u0434\u0435\u043B\u0430\u0442\u044C",
256
+ buttonAction: function buttonAction() {},
257
+ buttonText: "Label"
258
+ }) : /*#__PURE__*/React.createElement(Ul, {
254
259
  role: "tree",
255
260
  id: "tree_level_1",
256
261
  listHeight: listHeight,
@@ -285,6 +290,7 @@ var selectConfig = {
285
290
  },
286
291
  defaults: {
287
292
  view: 'default',
293
+ chipView: 'default',
288
294
  size: 'm'
289
295
  }
290
296
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';\nimport { Inner } from './elements/Inner/Inner';\nimport { SelectNotFoundContent } from './elements/SelectNotFoundContent/SelectNotFoundContent';\nimport { Target } from './elements/Target/Target';\nimport { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { StyledPopover, Ul, base, OuterLabel, HelperText } from './Select.styles';\nimport type { SelectProps, ItemContext } from './Select.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './elements/Inner/elements/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, SelectProps>) =>\n forwardRef<HTMLButtonElement, SelectProps>((props, ref) => {\n const {\n value,\n onChange,\n target = 'textfield',\n multiselect = false,\n separator,\n items,\n label,\n labelPlacement = 'outer',\n placeholder,\n helperText,\n isTargetAmount = false,\n disabled = false,\n view,\n size,\n isOpen,\n listOverflow,\n listHeight,\n listWidth,\n status,\n contentLeft,\n onScrollBottom,\n isInfiniteLoading,\n notFoundContent,\n chipView,\n variant = 'normal',\n portal,\n renderTargetLabel,\n ...rest\n } = props;\n\n const transformedItems = useMemo(() => initialItemsTransform(items), [items]);\n\n const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] = usePathMaps(transformedItems);\n\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n const [focusedChipIndex, dispatchFocusedChipIndex] = useReducer(focusedChipIndexReducer, null);\n const [checked, setChecked] = useState(valueToCheckedMap);\n\n const targetRef = useOutsideClick(() => {\n if (focusedChipIndex != null) {\n dispatchFocusedChipIndex({ type: 'reset' });\n }\n });\n\n const handleToggle = (opened: boolean) => {\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n dispatchFocusedChipIndex({ type: 'reset' });\n }\n };\n\n const handleCheckboxChange = (item: ItemOptionTransformed) => {\n const checkedCopy = new Map(checked);\n\n if (!checkedCopy.get(item.value.toString())) {\n checkedCopy.set(item.value.toString(), true);\n updateDescendants(item, checkedCopy, true);\n } else {\n checkedCopy.set(item.value.toString(), false);\n updateDescendants(item, checkedCopy, false);\n }\n\n updateAncestors(item, checkedCopy);\n\n const newValues: Array<string> = [];\n\n valueToItemMap.forEach((item, key) => {\n if (checkedCopy.get(key)) {\n newValues.push(item.value.toString());\n }\n });\n\n onChange(newValues as any);\n };\n\n const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (isEmpty(item?.items)) {\n if (multiselect) {\n handleCheckboxChange(item);\n } else {\n if (e) {\n e.stopPropagation();\n }\n\n const checkedCopy = new Map(checked);\n\n const isCurrentChecked = checkedCopy.get(item.value);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isCurrentChecked) {\n checkedCopy.set(item.value, 'done');\n updateSingleAncestors(item, checkedCopy, 'dot');\n }\n\n onChange((isCurrentChecked ? '' : item.value) as any);\n }\n }\n };\n\n const handleChipClick = (currentValue: string) => {\n handleCheckboxChange(valueToItemMap.get(currentValue)!);\n };\n\n const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (isEmpty(item.items)) {\n handleItemClick(item, e);\n } else if (multiselect) {\n handleCheckboxChange(item);\n }\n };\n\n const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n if (!onScrollBottom) return;\n\n const { target } = e;\n\n if (\n (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n (target as HTMLElement).clientHeight\n ) {\n onScrollBottom(e);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleToggle,\n handlePressDown,\n focusedChipIndex,\n dispatchFocusedChipIndex,\n value,\n valueToItemMap,\n multiselect,\n isTargetAmount,\n });\n\n const isCurrentListOpen = Boolean(path[0]);\n\n // В данном эффекте мы следим за изменениями value и вносим коррективы в дерево чекбоксов.\n useLayoutEffect(() => {\n const checkedCopy = new Map(checked);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isEmpty(value)) {\n if (multiselect && Array.isArray(value)) {\n value.forEach((val) => {\n checkedCopy.set(val, true);\n updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n });\n } else {\n checkedCopy.set(value as string, 'done');\n updateSingleAncestors(valueToItemMap.get(value as string)!, checkedCopy, 'dot');\n }\n }\n\n setChecked(checkedCopy);\n }, [value]);\n\n return (\n <Root\n ref={ref}\n size={size}\n view={getView(view, status)}\n chipView={chipView}\n items={items}\n {...(rest as any)}\n >\n {label && labelPlacement === 'outer' && target !== 'button' && <OuterLabel>{label}</OuterLabel>}\n\n <Context.Provider\n value={{\n focusedPath,\n checked,\n multiselect,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n }}\n >\n <StyledPopover\n ref={targetRef}\n isOpen={isCurrentListOpen}\n usePortal={Boolean(portal)}\n frame={portal}\n placement=\"bottom-start\"\n onToggle={handleToggle}\n trigger=\"click\"\n target={\n <Target\n opened={isCurrentListOpen}\n target={target}\n value={value}\n isTargetAmount={isTargetAmount}\n multiselect={multiselect}\n valueToItemMap={valueToItemMap}\n onChipClick={handleChipClick}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n focusedChipIndex={focusedChipIndex}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderTargetLabel={renderTargetLabel}\n />\n }\n preventOverflow={false}\n closeOnOverlayClick\n >\n {isEmpty(items) ? (\n notFoundContent || <SelectNotFoundContent description=\"Доделать\" />\n ) : (\n <Ul\n role=\"tree\"\n id=\"tree_level_1\"\n listHeight={listHeight}\n listOverflow={listOverflow}\n onScroll={handleScroll}\n listWidth={listWidth}\n >\n {transformedItems.map((item, index) => (\n <Inner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n listWidth={listWidth}\n />\n ))}\n </Ul>\n )}\n </StyledPopover>\n </Context.Provider>\n\n {helperText && target === 'textfield' && <HelperText>{helperText}</HelperText>}\n </Root>\n );\n });\n\nexport const selectConfig = {\n name: 'Select',\n tag: 'div',\n layout: selectRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","value","onChange","_props$target","target","_props$multiselect","multiselect","items","label","_props$labelPlacement","labelPlacement","placeholder","helperText","_props$isTargetAmount","isTargetAmount","_props$disabled","disabled","view","size","listOverflow","listHeight","listWidth","status","contentLeft","onScrollBottom","notFoundContent","chipView","_props$variant","variant","portal","renderTargetLabel","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useReducer5","focusedChipIndexReducer","_useReducer6","focusedChipIndex","dispatchFocusedChipIndex","_useState","useState","_useState2","checked","setChecked","targetRef","useOutsideClick","type","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","toString","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","_","updateSingleAncestors","handleChipClick","currentValue","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","useLayoutEffect","Array","isArray","val","React","createElement","_extends","getView","OuterLabel","Provider","StyledPopover","isOpen","usePortal","frame","placement","onToggle","trigger","Target","onChipClick","preventOverflow","closeOnOverlayClick","_SelectNotFoundConten","SelectNotFoundContent","description","Ul","role","id","onScroll","map","index","Inner","concat","currentLevel","HelperText","selectConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\nimport { getPlacements } from '../Dropdown/utils';\n\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';\nimport { Inner } from './elements/Inner/Inner';\nimport { SelectNotFoundContent } from './elements/SelectNotFoundContent/SelectNotFoundContent';\nimport { Target } from './elements/Target/Target';\nimport { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { StyledPopover, Ul, base, OuterLabel, HelperText } from './Select.styles';\nimport type { SelectProps, ItemContext } from './Select.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './elements/Inner/elements/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, SelectProps>) =>\n forwardRef<HTMLButtonElement, SelectProps>((props, ref) => {\n const {\n value,\n onChange,\n target = 'textfield',\n separator,\n items,\n placement = 'bottom',\n label,\n labelPlacement = 'outer',\n placeholder,\n helperText,\n isTargetAmount = false,\n disabled = false,\n view,\n size,\n isOpen,\n listOverflow,\n listHeight,\n listWidth,\n status,\n contentLeft,\n onScrollBottom,\n isInfiniteLoading,\n notFoundContent,\n chipView,\n variant = 'normal',\n portal,\n renderValue,\n ...rest\n } = props;\n\n const multiselect = Array.isArray(value);\n\n const transformedItems = useMemo(() => initialItemsTransform(items), [items]);\n\n const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] = usePathMaps(transformedItems);\n\n const [path, dispatchPath] = useReducer(pathReducer, []);\n const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n const [focusedChipIndex, dispatchFocusedChipIndex] = useReducer(focusedChipIndexReducer, null);\n const [checked, setChecked] = useState(valueToCheckedMap);\n\n const targetRef = useOutsideClick(() => {\n if (focusedChipIndex != null) {\n dispatchFocusedChipIndex({ type: 'reset' });\n }\n });\n\n const handleToggle = (opened: boolean) => {\n if (opened) {\n dispatchPath({ type: 'opened_first_level' });\n } else {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n dispatchFocusedChipIndex({ type: 'reset' });\n }\n };\n\n const handleCheckboxChange = (item: ItemOptionTransformed) => {\n const checkedCopy = new Map(checked);\n\n if (!checkedCopy.get(item.value.toString())) {\n checkedCopy.set(item.value.toString(), true);\n updateDescendants(item, checkedCopy, true);\n } else {\n checkedCopy.set(item.value.toString(), false);\n updateDescendants(item, checkedCopy, false);\n }\n\n updateAncestors(item, checkedCopy);\n\n const newValues: Array<string> = [];\n\n valueToItemMap.forEach((item, key) => {\n if (checkedCopy.get(key)) {\n newValues.push(item.value.toString());\n }\n });\n\n onChange(newValues as any);\n };\n\n const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (isEmpty(item?.items)) {\n if (multiselect) {\n handleCheckboxChange(item);\n } else {\n if (e) {\n e.stopPropagation();\n }\n\n const checkedCopy = new Map(checked);\n\n const isCurrentChecked = checkedCopy.get(item.value);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isCurrentChecked) {\n checkedCopy.set(item.value, 'done');\n updateSingleAncestors(item, checkedCopy, 'dot');\n }\n\n onChange((isCurrentChecked ? '' : item.value) as any);\n }\n }\n };\n\n const handleChipClick = (currentValue: string) => {\n handleCheckboxChange(valueToItemMap.get(currentValue)!);\n };\n\n const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n if (isEmpty(item.items)) {\n handleItemClick(item, e);\n } else if (multiselect) {\n handleCheckboxChange(item);\n }\n };\n\n const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n if (!onScrollBottom) return;\n\n const { target } = e;\n\n if (\n (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n (target as HTMLElement).clientHeight\n ) {\n onScrollBottom(e);\n }\n };\n\n const { onKeyDown } = useKeyNavigation({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleToggle,\n handlePressDown,\n focusedChipIndex,\n dispatchFocusedChipIndex,\n value,\n valueToItemMap,\n multiselect,\n isTargetAmount,\n });\n\n const isCurrentListOpen = Boolean(path[0]);\n\n // В данном эффекте мы следим за изменениями value и вносим коррективы в дерево чекбоксов.\n useLayoutEffect(() => {\n const checkedCopy = new Map(checked);\n\n checkedCopy.forEach((_, key) => {\n checkedCopy.set(key, false);\n });\n\n if (!isEmpty(value)) {\n if (multiselect && Array.isArray(value)) {\n value.forEach((val) => {\n checkedCopy.set(val, true);\n updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n });\n } else {\n checkedCopy.set(value as string, 'done');\n updateSingleAncestors(valueToItemMap.get(value as string)!, checkedCopy, 'dot');\n }\n }\n\n setChecked(checkedCopy);\n }, [value]);\n\n return (\n <Root\n ref={ref}\n size={size}\n view={getView(view, status)}\n chipView={chipView}\n items={items}\n {...(rest as any)}\n >\n {label && labelPlacement === 'outer' && target !== 'button' && <OuterLabel>{label}</OuterLabel>}\n\n <Context.Provider\n value={{\n focusedPath,\n checked,\n multiselect,\n size,\n handleCheckboxChange,\n handleItemClick,\n variant,\n }}\n >\n <StyledPopover\n ref={targetRef}\n isOpen={isCurrentListOpen}\n placement={getPlacements(placement)}\n usePortal={Boolean(portal)}\n frame={portal}\n onToggle={handleToggle}\n trigger=\"click\"\n target={\n <Target\n opened={isCurrentListOpen}\n target={target}\n value={value}\n isTargetAmount={isTargetAmount}\n multiselect={multiselect}\n valueToItemMap={valueToItemMap}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n onChipClick={handleChipClick}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n focusedChipIndex={focusedChipIndex}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderValue={renderValue}\n />\n }\n preventOverflow={false}\n closeOnOverlayClick\n >\n {isEmpty(items) ? (\n notFoundContent || (\n <SelectNotFoundContent\n description=\"Доделать\"\n buttonAction={() => {}}\n buttonText=\"Label\"\n />\n )\n ) : (\n <Ul\n role=\"tree\"\n id=\"tree_level_1\"\n listHeight={listHeight}\n listOverflow={listOverflow}\n onScroll={handleScroll}\n listWidth={listWidth}\n >\n {transformedItems.map((item, index) => (\n <Inner\n key={`${index}/0`}\n item={item}\n currentLevel={0}\n path={path}\n dispatchPath={dispatchPath}\n index={index}\n listWidth={listWidth}\n />\n ))}\n </Ul>\n )}\n </StyledPopover>\n </Context.Provider>\n\n {helperText && target === 'textfield' && <HelperText>{helperText}</HelperText>}\n </Root>\n );\n });\n\nexport const selectConfig = {\n name: 'Select',\n tag: 'div',\n layout: selectRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n chipView: 'default',\n size: 'm',\n },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","value","onChange","_props$target","target","items","_props$placement","placement","label","_props$labelPlacement","labelPlacement","placeholder","helperText","_props$isTargetAmount","isTargetAmount","_props$disabled","disabled","view","size","listOverflow","listHeight","listWidth","status","contentLeft","onScrollBottom","notFoundContent","chipView","_props$variant","variant","portal","renderValue","rest","_objectWithoutProperties","_excluded","multiselect","Array","isArray","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useReducer5","focusedChipIndexReducer","_useReducer6","focusedChipIndex","dispatchFocusedChipIndex","_useState","useState","_useState2","checked","setChecked","targetRef","useOutsideClick","type","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","toString","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","_","updateSingleAncestors","handleChipClick","currentValue","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","useLayoutEffect","val","React","createElement","_extends","getView","OuterLabel","Provider","StyledPopover","isOpen","getPlacements","usePortal","frame","onToggle","trigger","Target","onChipClick","preventOverflow","closeOnOverlayClick","SelectNotFoundContent","description","buttonAction","buttonText","Ul","role","id","onScroll","map","index","Inner","concat","currentLevel","HelperText","selectConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -4,6 +4,8 @@ import '@linaria/core';
4
4
  import { component } from '../../engines/common.js';
5
5
  import { popoverConfig } from '../Popover/Popover.js';
6
6
  import { getCorrectHeight } from './utils/getCorrectHeight.js';
7
+ import 'react';
8
+ import '../../utils/react.js';
7
9
  import { tokens } from './Select.tokens.js';
8
10
 
9
11
  var Popover = /*#__PURE__*/component(popoverConfig);
@@ -1 +1 @@
1
- {"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)`\n .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n width: 100%;\n }\n`;\n\nexport const Ul = styled.ul<{\n listOverflow?: SelectProps['listOverflow'];\n listHeight?: SelectProps['listHeight'];\n listWidth?: SelectProps['listWidth'];\n isInnerUl?: boolean;\n}>`\n box-sizing: border-box;\n\n background: var(${constants.background});\n box-shadow: var(${constants.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: ${({ listWidth }) => listWidth || '100%'};\n height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n display: block;\n }\n`;\n\nexport const OuterLabel = styled.label`\n display: block;\n margin-bottom: var(${tokens.labelOffset});\n color: var(${constants.textfieldOuterLabelColor});\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const HelperText = styled.div`\n margin-top: var(${tokens.helperTextOffset});\n color: var(${tokens.helperTextColor});\n font-family: var(--plasma-typo-body-xs-font-family);\n font-size: var(--plasma-typo-body-xs-font-size);\n font-style: var(--plasma-typo-body-xs-font-style);\n font-weight: var(--plasma-typo-body-xs-font-weight);\n letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n line-height: var(--plasma-typo-body-xs-line-height);\n`;\n"],"names":["Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","_exp7","_ref","listWidth","_exp8","_ref2","listHeight","getCorrectHeight","_exp9","_ref3","listOverflow","_exp10","_ref4","isInnerUl","concat","tokens","padding","Ul","vars","base","OuterLabel","HelperText"],"mappings":";;;;;;;AAUA,IAAMA,OAAO,gBAAGC,SAAS,CAACC,aAAa,CAAC,CAAA;AAAC,IAAAC,IAAA,GATvBA,SASuBA,IAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMI,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIlC,EAAA;AAAC,IAAAC,KAAA,GAfgBA,SAehBA,KAAAA,GAAA;AAAA,EAAA,OAcW,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7BjCA,SA6BiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAGC,gBAAgB,CAACD,UAAU,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,KAAA,GA9BpEA,SA8BoEA,KAAAA,GAAA;AAAA,EAAA,OACtE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/B7CA,SA+B6CA,MAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAA,WAAA,CAAAC,MAAA,CAAeC,MAAM,CAACC,OAAQ,EAAAF,kBAAAA,CAAAA,CAAAA,MAAA,CAAkBC,MAAM,CAACC,OAAQ,SAAK,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhB1G,IAAMC,EAAE,gBAAGpB,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAkB,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAYXjB,KAAsC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACrCG,KAAwE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACtEI,KAA+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEjDG,MAAmG,EAAA,CAAA;AAAA,GAAA;AAAA,CAEhH,EAAA;AAEM,IAAMQ,IAAI,GAIhB,UAAA;AAEM,IAAMC,UAAU,gBAAGvB,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMqB,UAAU,gBAAGxB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/B;;;;"}
1
+ {"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)`\n .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n width: 100%;\n }\n`;\n\nexport const Ul = styled.ul<{\n listOverflow?: SelectProps['listOverflow'];\n listHeight?: SelectProps['listHeight'];\n listWidth?: SelectProps['listWidth'];\n isInnerUl?: boolean;\n}>`\n box-sizing: border-box;\n\n background: var(${constants.background});\n box-shadow: var(${constants.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: ${({ listWidth }) => listWidth || '100%'};\n height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n display: block;\n }\n`;\n\nexport const OuterLabel = styled.label`\n display: block;\n margin-bottom: var(${tokens.labelOffset});\n color: var(${constants.textfieldOuterLabelColor});\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const HelperText = styled.div`\n margin-top: var(${tokens.helperTextOffset});\n color: var(${tokens.helperTextColor});\n font-family: var(--plasma-typo-body-xs-font-family);\n font-size: var(--plasma-typo-body-xs-font-size);\n font-style: var(--plasma-typo-body-xs-font-style);\n font-weight: var(--plasma-typo-body-xs-font-weight);\n letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n line-height: var(--plasma-typo-body-xs-line-height);\n`;\n"],"names":["Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","_exp7","_ref","listWidth","_exp8","_ref2","listHeight","getCorrectHeight","_exp9","_ref3","listOverflow","_exp10","_ref4","isInnerUl","concat","tokens","padding","Ul","vars","base","OuterLabel","HelperText"],"mappings":";;;;;;;;;AAUA,IAAMA,OAAO,gBAAGC,SAAS,CAACC,aAAa,CAAC,CAAA;AAAC,IAAAC,IAAA,GATvBA,SASuBA,IAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMI,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIlC,EAAA;AAAC,IAAAC,KAAA,GAfgBA,SAehBA,KAAAA,GAAA;AAAA,EAAA,OAcW,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7BjCA,SA6BiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAGC,gBAAgB,CAACD,UAAU,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,KAAA,GA9BpEA,SA8BoEA,KAAAA,GAAA;AAAA,EAAA,OACtE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/B7CA,SA+B6CA,MAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAA,WAAA,CAAAC,MAAA,CAAeC,MAAM,CAACC,OAAQ,EAAAF,kBAAAA,CAAAA,CAAAA,MAAA,CAAkBC,MAAM,CAACC,OAAQ,SAAK,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhB1G,IAAMC,EAAE,gBAAGpB,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAkB,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAYXjB,KAAsC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACrCG,KAAwE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACtEI,KAA+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEjDG,MAAmG,EAAA,CAAA;AAAA,GAAA;AAAA,CAEhH,EAAA;AAEM,IAAMQ,IAAI,GAIhB,UAAA;AAEM,IAAMC,UAAU,gBAAGvB,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMqB,UAAU,gBAAGxB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/B;;;;"}