@salutejs/plasma-new-hope 0.178.0-canary.1514.11575933383.0 → 0.178.1-canary.1510.11583172513.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (169) hide show
  1. package/cjs/components/Counter/Counter.css +1 -1
  2. package/cjs/components/Counter/Counter.js +3 -13
  3. package/cjs/components/Counter/Counter.js.map +1 -1
  4. package/cjs/components/Counter/Counter.tokens.js +0 -4
  5. package/cjs/components/Counter/Counter.tokens.js.map +1 -1
  6. package/cjs/components/Counter/variations/_size/base.js +1 -1
  7. package/cjs/components/Counter/variations/_size/base.js.map +1 -1
  8. package/cjs/components/Counter/variations/_size/{base_4mz17d.css → base_1z0ohiy.css} +1 -1
  9. package/cjs/components/Dropdown/ui/DropdownDivider/DropdownDivider.js +2 -2
  10. package/cjs/components/Dropdown/ui/DropdownDivider/DropdownDivider.js.map +1 -1
  11. package/cjs/components/Dropdown/ui/DropdownFooter/DropdownFooter.js +2 -2
  12. package/cjs/components/Dropdown/ui/DropdownFooter/DropdownFooter.js.map +1 -1
  13. package/cjs/components/Dropdown/ui/DropdownGroup/DropdownGroup.js +2 -2
  14. package/cjs/components/Dropdown/ui/DropdownGroup/DropdownGroup.js.map +1 -1
  15. package/cjs/components/Dropdown/ui/DropdownHeader/DropdownHeader.js +2 -2
  16. package/cjs/components/Dropdown/ui/DropdownHeader/DropdownHeader.js.map +1 -1
  17. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +4 -2
  18. package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
  19. package/cjs/components/Pagination/Pagination.css +12 -12
  20. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +12 -12
  21. package/cjs/components/Popover/Popover.js +2 -1
  22. package/cjs/components/Popover/Popover.js.map +1 -1
  23. package/cjs/components/Select/Select.css +12 -12
  24. package/cjs/components/Select/Select.tokens.js +2 -1
  25. package/cjs/components/Select/Select.tokens.js.map +1 -1
  26. package/cjs/components/Select/ui/Inner/Inner.css +12 -12
  27. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +12 -12
  28. package/cjs/components/Select/ui/Target/Target.css +12 -12
  29. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
  30. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  31. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  32. package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_11yj58s.css → Textfield.styles_1damf5p.css} +1 -1
  33. package/cjs/index.css +13 -13
  34. package/emotion/cjs/components/Counter/Counter.js +3 -13
  35. package/emotion/cjs/components/Counter/Counter.template-doc.mdx +2 -2
  36. package/emotion/cjs/components/Counter/Counter.tokens.js +1 -4
  37. package/emotion/cjs/components/Counter/variations/_size/base.js +1 -1
  38. package/emotion/cjs/components/Dropdown/ui/DropdownDivider/DropdownDivider.js +2 -2
  39. package/emotion/cjs/components/Dropdown/ui/DropdownFooter/DropdownFooter.js +2 -2
  40. package/emotion/cjs/components/Dropdown/ui/DropdownGroup/DropdownGroup.js +2 -2
  41. package/emotion/cjs/components/Dropdown/ui/DropdownHeader/DropdownHeader.js +2 -2
  42. package/emotion/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -4
  43. package/emotion/cjs/components/Popover/Popover.js +2 -1
  44. package/emotion/cjs/components/Select/Select.tokens.js +2 -1
  45. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +12 -21
  46. package/emotion/cjs/examples/plasma_b2c/components/Counter/Counter.config.js +9 -12
  47. package/emotion/cjs/examples/plasma_b2c/components/Counter/Counter.stories.tsx +5 -7
  48. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  49. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  50. package/emotion/cjs/examples/plasma_web/components/Counter/Counter.config.js +9 -12
  51. package/emotion/cjs/examples/plasma_web/components/Counter/Counter.stories.tsx +5 -7
  52. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  53. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  54. package/emotion/es/components/Counter/Counter.js +3 -13
  55. package/emotion/es/components/Counter/Counter.template-doc.mdx +2 -2
  56. package/emotion/es/components/Counter/Counter.tokens.js +0 -3
  57. package/emotion/es/components/Counter/variations/_size/base.js +2 -2
  58. package/emotion/es/components/Dropdown/ui/DropdownDivider/DropdownDivider.js +2 -2
  59. package/emotion/es/components/Dropdown/ui/DropdownFooter/DropdownFooter.js +2 -2
  60. package/emotion/es/components/Dropdown/ui/DropdownGroup/DropdownGroup.js +2 -2
  61. package/emotion/es/components/Dropdown/ui/DropdownHeader/DropdownHeader.js +2 -2
  62. package/emotion/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +4 -2
  63. package/emotion/es/components/Popover/Popover.js +2 -1
  64. package/emotion/es/components/Select/Select.tokens.js +2 -1
  65. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +12 -21
  66. package/emotion/es/examples/plasma_b2c/components/Counter/Counter.config.js +9 -12
  67. package/emotion/es/examples/plasma_b2c/components/Counter/Counter.stories.tsx +5 -7
  68. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  69. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  70. package/emotion/es/examples/plasma_web/components/Counter/Counter.config.js +9 -12
  71. package/emotion/es/examples/plasma_web/components/Counter/Counter.stories.tsx +5 -7
  72. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  73. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  74. package/es/components/Counter/Counter.css +1 -1
  75. package/es/components/Counter/Counter.js +3 -13
  76. package/es/components/Counter/Counter.js.map +1 -1
  77. package/es/components/Counter/Counter.tokens.js +1 -4
  78. package/es/components/Counter/Counter.tokens.js.map +1 -1
  79. package/es/components/Counter/variations/_size/base.js +1 -1
  80. package/es/components/Counter/variations/_size/base.js.map +1 -1
  81. package/es/components/Counter/variations/_size/{base_4mz17d.css → base_1z0ohiy.css} +1 -1
  82. package/es/components/Dropdown/ui/DropdownDivider/DropdownDivider.js +2 -2
  83. package/es/components/Dropdown/ui/DropdownDivider/DropdownDivider.js.map +1 -1
  84. package/es/components/Dropdown/ui/DropdownFooter/DropdownFooter.js +2 -2
  85. package/es/components/Dropdown/ui/DropdownFooter/DropdownFooter.js.map +1 -1
  86. package/es/components/Dropdown/ui/DropdownGroup/DropdownGroup.js +2 -2
  87. package/es/components/Dropdown/ui/DropdownGroup/DropdownGroup.js.map +1 -1
  88. package/es/components/Dropdown/ui/DropdownHeader/DropdownHeader.js +2 -2
  89. package/es/components/Dropdown/ui/DropdownHeader/DropdownHeader.js.map +1 -1
  90. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +4 -2
  91. package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
  92. package/es/components/Pagination/Pagination.css +12 -12
  93. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +12 -12
  94. package/es/components/Popover/Popover.js +2 -1
  95. package/es/components/Popover/Popover.js.map +1 -1
  96. package/es/components/Select/Select.css +12 -12
  97. package/es/components/Select/Select.tokens.js +2 -1
  98. package/es/components/Select/Select.tokens.js.map +1 -1
  99. package/es/components/Select/ui/Inner/Inner.css +12 -12
  100. package/es/components/Select/ui/Inner/ui/Item/Item.css +12 -12
  101. package/es/components/Select/ui/Target/Target.css +12 -12
  102. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
  103. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  104. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  105. package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_11yj58s.css → Textfield.styles_1damf5p.css} +1 -1
  106. package/es/index.css +13 -13
  107. package/package.json +4 -4
  108. package/styled-components/cjs/components/Counter/Counter.js +3 -13
  109. package/styled-components/cjs/components/Counter/Counter.template-doc.mdx +2 -2
  110. package/styled-components/cjs/components/Counter/Counter.tokens.js +1 -4
  111. package/styled-components/cjs/components/Counter/variations/_size/base.js +1 -1
  112. package/styled-components/cjs/components/Dropdown/ui/DropdownDivider/DropdownDivider.js +2 -2
  113. package/styled-components/cjs/components/Dropdown/ui/DropdownFooter/DropdownFooter.js +2 -2
  114. package/styled-components/cjs/components/Dropdown/ui/DropdownGroup/DropdownGroup.js +2 -2
  115. package/styled-components/cjs/components/Dropdown/ui/DropdownHeader/DropdownHeader.js +2 -2
  116. package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -4
  117. package/styled-components/cjs/components/Popover/Popover.js +2 -1
  118. package/styled-components/cjs/components/Select/Select.tokens.js +2 -1
  119. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  120. package/styled-components/cjs/examples/plasma_b2c/components/Counter/Counter.config.js +2 -5
  121. package/styled-components/cjs/examples/plasma_b2c/components/Counter/Counter.stories.tsx +5 -7
  122. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  123. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  124. package/styled-components/cjs/examples/plasma_web/components/Counter/Counter.config.js +2 -5
  125. package/styled-components/cjs/examples/plasma_web/components/Counter/Counter.stories.tsx +5 -7
  126. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  127. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  128. package/styled-components/es/components/Counter/Counter.js +3 -13
  129. package/styled-components/es/components/Counter/Counter.template-doc.mdx +2 -2
  130. package/styled-components/es/components/Counter/Counter.tokens.js +0 -3
  131. package/styled-components/es/components/Counter/variations/_size/base.js +2 -2
  132. package/styled-components/es/components/Dropdown/ui/DropdownDivider/DropdownDivider.js +2 -2
  133. package/styled-components/es/components/Dropdown/ui/DropdownFooter/DropdownFooter.js +2 -2
  134. package/styled-components/es/components/Dropdown/ui/DropdownGroup/DropdownGroup.js +2 -2
  135. package/styled-components/es/components/Dropdown/ui/DropdownHeader/DropdownHeader.js +2 -2
  136. package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +4 -2
  137. package/styled-components/es/components/Popover/Popover.js +2 -1
  138. package/styled-components/es/components/Select/Select.tokens.js +2 -1
  139. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  140. package/styled-components/es/examples/plasma_b2c/components/Counter/Counter.config.js +2 -5
  141. package/styled-components/es/examples/plasma_b2c/components/Counter/Counter.stories.tsx +5 -7
  142. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +9 -6
  143. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +10 -6
  144. package/styled-components/es/examples/plasma_web/components/Counter/Counter.config.js +2 -5
  145. package/styled-components/es/examples/plasma_web/components/Counter/Counter.stories.tsx +5 -7
  146. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +9 -6
  147. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -6
  148. package/types/components/Counter/Counter.d.ts.map +1 -1
  149. package/types/components/Counter/Counter.tokens.d.ts +0 -3
  150. package/types/components/Counter/Counter.tokens.d.ts.map +1 -1
  151. package/types/components/Counter/Counter.types.d.ts +2 -2
  152. package/types/components/Counter/variations/_size/base.d.ts.map +1 -1
  153. package/types/components/Dropdown/ui/DropdownDivider/DropdownDivider.d.ts.map +1 -1
  154. package/types/components/Dropdown/ui/DropdownFooter/DropdownFooter.d.ts.map +1 -1
  155. package/types/components/Dropdown/ui/DropdownGroup/DropdownGroup.d.ts.map +1 -1
  156. package/types/components/Dropdown/ui/DropdownHeader/DropdownHeader.d.ts.map +1 -1
  157. package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts.map +1 -1
  158. package/types/components/Popover/Popover.d.ts.map +1 -1
  159. package/types/components/Select/Select.tokens.d.ts +1 -0
  160. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  161. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  162. package/types/examples/plasma_b2c/components/Counter/Counter.config.d.ts +0 -3
  163. package/types/examples/plasma_b2c/components/Counter/Counter.config.d.ts.map +1 -1
  164. package/types/examples/plasma_b2c/components/Counter/Counter.d.ts +0 -3
  165. package/types/examples/plasma_b2c/components/Counter/Counter.d.ts.map +1 -1
  166. package/types/examples/plasma_web/components/Counter/Counter.config.d.ts +0 -3
  167. package/types/examples/plasma_web/components/Counter/Counter.config.d.ts.map +1 -1
  168. package/types/examples/plasma_web/components/Counter/Counter.d.ts +0 -3
  169. package/types/examples/plasma_web/components/Counter/Counter.d.ts.map +1 -1
@@ -8,5 +8,5 @@
8
8
  .p1jn3k4y{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
9
9
  .i8xlj9b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
10
10
  .iu6fefp{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
11
- .c1ox0htq{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
11
+ .c1ox0htq{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;color:var(--plasma-select-content-left-color,--text-secondary);}
12
12
  .v1kam5d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
package/cjs/index.css CHANGED
@@ -475,7 +475,7 @@
475
475
 
476
476
  .base_1vjakah_b15waymg__f123ad8a{color:var(--plasma-counter-color);background-color:var(--plasma-counter-background);}
477
477
 
478
- .base_4mz17d_b1t6e429__b5e2cba4{font-family:var(--plasma-counter-font-family);font-size:var(--plasma-counter-font-size);font-style:var(--plasma-counter-font-style);font-weight:var(--plasma-counter-font-weight);-webkit-letter-spacing:var(--plasma-counter-letter-spacing);-moz-letter-spacing:var(--plasma-counter-letter-spacing);-ms-letter-spacing:var(--plasma-counter-letter-spacing);letter-spacing:var(--plasma-counter-letter-spacing);line-height:var(--plasma-counter-lineheight);border-radius:var(--plasma-counter-border-radius);height:var(--plasma-counter-height);padding-top:var(--plasma-counter-padding-top);padding-right:var(--plasma-counter-padding-right);padding-bottom:var(--plasma-counter-padding-bottom);padding-left:var(--plasma-counter-padding-left);}.base_4mz17d_b1t6e429__b5e2cba4.base_4mz17d__PlasmaCounterRound__b5e2cba4{width:var(--plasma-counter-height);}
478
+ .base_1z0ohiy_b1t6e429__9712bb45{font-family:var(--plasma-counter-font-family);font-size:var(--plasma-counter-font-size);font-style:var(--plasma-counter-font-style);font-weight:var(--plasma-counter-font-weight);-webkit-letter-spacing:var(--plasma-counter-letter-spacing);-moz-letter-spacing:var(--plasma-counter-letter-spacing);-ms-letter-spacing:var(--plasma-counter-letter-spacing);letter-spacing:var(--plasma-counter-letter-spacing);line-height:var(--plasma-counter-lineheight);border-radius:var(--plasma-counter-border-radius);height:var(--plasma-counter-height);padding-top:var(--plasma-counter-padding-top);padding-right:var(--plasma-counter-padding-right);padding-bottom:var(--plasma-counter-padding-bottom);padding-left:var(--plasma-counter-padding-left);}
479
479
 
480
480
  .Counter_styles_1uue90v_b1dqw7l5__00d0b847{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;}
481
481
 
@@ -621,18 +621,18 @@
621
621
 
622
622
  .Chip_styles_1a752pa_scwjjdn__1a6784c0{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_1a752pa_scwjjdn__1a6784c0::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_1a752pa_scwjjdn__1a6784c0.Chip_styles_1a752pa_selectChipIsFocused__1a6784c0:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
623
623
 
624
- .Textfield_styles_11yj58s_t1yhwv5r__817000d1{display:inline;}.Textfield_styles_11yj58s_t1yhwv5r__817000d1 .Textfield_styles_11yj58s_selectTextfieldTarget__817000d1{-webkit-transition:100ms;transition:100ms;background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);border:var(--t1yhwv5r-2);}.Textfield_styles_11yj58s_t1yhwv5r__817000d1 .Textfield_styles_11yj58s_selectTextfieldTarget__817000d1:hover{-webkit-transition:100ms;transition:100ms;border:var(--t1yhwv5r-3);}.Textfield_styles_11yj58s_t1yhwv5r__817000d1 .Textfield_styles_11yj58s_selectWithoutBoxShadow__817000d1::before{box-shadow:none !important;}
625
- .Textfield_styles_11yj58s_s7x5udn__817000d1{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--s7x5udn-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 --plasma-select-target-textfield-border-size var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.Textfield_styles_11yj58s_s7x5udn__817000d1::before{content:'';position:absolute;top:--plasma-select-target-textfield-border-size;left:--plasma-select-target-textfield-border-size;right:--plasma-select-target-textfield-border-size;bottom:--plasma-select-target-textfield-border-size;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - --plasma-select-target-textfield-border-size);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_11yj58s_s7x5udn__817000d1.Textfield_styles_11yj58s_focusVisible__817000d1:focus::before,.Textfield_styles_11yj58s_s7x5udn__817000d1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
626
-
627
- .Textfield_styles_11yj58s_i1kxyc50__817000d1{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_11yj58s_i1kxyc50__817000d1:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_11yj58s_i1kxyc50__817000d1:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
628
- .Textfield_styles_11yj58s_wqzfsxn__817000d1{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_11yj58s_wqzfsxn__817000d1 .Textfield_styles_11yj58s_arrowInverse__817000d1{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
629
- .Textfield_styles_11yj58s_c1cgo38i__817000d1{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:var(--c1cgo38i-0);gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_11yj58s_c1cgo38i__817000d1::-webkit-scrollbar{display:none;}
630
- .Textfield_styles_11yj58s_l9ikjwc__817000d1{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
631
- .Textfield_styles_11yj58s_p1jn3k4y__817000d1{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
632
- .Textfield_styles_11yj58s_i8xlj9b__817000d1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
633
- .Textfield_styles_11yj58s_iu6fefp__817000d1{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
634
- .Textfield_styles_11yj58s_c1ox0htq__817000d1{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
635
- .Textfield_styles_11yj58s_v1kam5d__817000d1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
624
+ .Textfield_styles_1damf5p_t1yhwv5r__64200346{display:inline;}.Textfield_styles_1damf5p_t1yhwv5r__64200346 .Textfield_styles_1damf5p_selectTextfieldTarget__64200346{-webkit-transition:100ms;transition:100ms;background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);border:var(--t1yhwv5r-2);}.Textfield_styles_1damf5p_t1yhwv5r__64200346 .Textfield_styles_1damf5p_selectTextfieldTarget__64200346:hover{-webkit-transition:100ms;transition:100ms;border:var(--t1yhwv5r-3);}.Textfield_styles_1damf5p_t1yhwv5r__64200346 .Textfield_styles_1damf5p_selectWithoutBoxShadow__64200346::before{box-shadow:none !important;}
625
+ .Textfield_styles_1damf5p_s7x5udn__64200346{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--s7x5udn-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 --plasma-select-target-textfield-border-size var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.Textfield_styles_1damf5p_s7x5udn__64200346::before{content:'';position:absolute;top:--plasma-select-target-textfield-border-size;left:--plasma-select-target-textfield-border-size;right:--plasma-select-target-textfield-border-size;bottom:--plasma-select-target-textfield-border-size;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - --plasma-select-target-textfield-border-size);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_1damf5p_s7x5udn__64200346.Textfield_styles_1damf5p_focusVisible__64200346:focus::before,.Textfield_styles_1damf5p_s7x5udn__64200346[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
626
+
627
+ .Textfield_styles_1damf5p_i1kxyc50__64200346{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_1damf5p_i1kxyc50__64200346:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_1damf5p_i1kxyc50__64200346:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
628
+ .Textfield_styles_1damf5p_wqzfsxn__64200346{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_1damf5p_wqzfsxn__64200346 .Textfield_styles_1damf5p_arrowInverse__64200346{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
629
+ .Textfield_styles_1damf5p_c1cgo38i__64200346{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:var(--c1cgo38i-0);gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_1damf5p_c1cgo38i__64200346::-webkit-scrollbar{display:none;}
630
+ .Textfield_styles_1damf5p_l9ikjwc__64200346{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
631
+ .Textfield_styles_1damf5p_p1jn3k4y__64200346{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
632
+ .Textfield_styles_1damf5p_i8xlj9b__64200346{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
633
+ .Textfield_styles_1damf5p_iu6fefp__64200346{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
634
+ .Textfield_styles_1damf5p_c1ox0htq__64200346{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;color:var(--plasma-select-content-left-color,--text-secondary);}
635
+ .Textfield_styles_1damf5p_v1kam5d__64200346{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
636
636
 
637
637
  .Select_styles_768h42_spxbau6__d1d95a37 .Select_styles_768h42_popoverRoot__d1d95a37{width:var(--spxbau6-0);}.Select_styles_768h42_spxbau6__d1d95a37 .Select_styles_768h42_popoverTarget__d1d95a37{width:100%;}
638
638
  .Select_styles_768h42_u1yey2x3__d1d95a37{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
@@ -6,38 +6,28 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.counterRoot = exports.counterConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _utils = /*#__PURE__*/require("../../utils");
10
9
  var _base = /*#__PURE__*/require("./variations/_view/base");
11
10
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
12
11
  var _Counter = /*#__PURE__*/require("./Counter.styles");
13
- var _Counter2 = /*#__PURE__*/require("./Counter.tokens");
14
- var _excluded = ["count", "maxCount", "size", "view", "className"];
12
+ var _excluded = ["count", "maxCount", "size", "view"];
15
13
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
14
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
17
15
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
18
16
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
19
17
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
20
- var MIN_COUNT = 1;
21
18
  var counterRoot = exports.counterRoot = function counterRoot(Root) {
22
19
  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
23
20
  var count = props.count,
24
21
  maxCount = props.maxCount,
25
22
  size = props.size,
26
23
  view = props.view,
27
- className = props.className,
28
24
  rest = _objectWithoutProperties(props, _excluded);
29
- var currentCount = count < MIN_COUNT ? MIN_COUNT : count;
30
- var currentMaxCount = maxCount && maxCount < MIN_COUNT ? MIN_COUNT : maxCount;
31
- var isCurrentCountOneDigit = currentCount >= 0 && currentCount < 10;
32
- var isCurrentMaxCountExceeded = currentMaxCount && currentCount > currentMaxCount;
33
- var content = isCurrentMaxCountExceeded ? "".concat(currentMaxCount, "+") : currentCount;
34
- var roundClass = !isCurrentMaxCountExceeded && isCurrentCountOneDigit ? _Counter2.classes.round : undefined;
25
+ var content = maxCount && count > maxCount ? "".concat(maxCount, "+") : count;
35
26
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
36
27
  ref: ref,
37
28
  view: view,
38
29
  size: size,
39
- count: count,
40
- className: (0, _utils.cx)(roundClass, className)
30
+ count: count
41
31
  }, rest), content);
42
32
  });
43
33
  };
@@ -12,7 +12,7 @@ import { PropsTable, Description } from '@site/src/components';
12
12
  ## Примеры
13
13
 
14
14
  ### Максимальное значение числового badge
15
- Задается с помощью свойства `maxCount`. Как и `count`, не может быть меньше 1.
15
+ Задается с помощью свойства `maxCount`.
16
16
 
17
17
  ```tsx live
18
18
  import React from 'react';
@@ -29,7 +29,7 @@ export function App() {
29
29
  ```
30
30
 
31
31
  ### Размер числового badge
32
- Размер задается с помощью свойства `size`. Возможные значения свойства: `xxs`, `xs`, `s`, `m`, `l`.
32
+ Размер задается с помощью свойства `size`. Возможные значения свойства: `"xs"` или `"xxs"`.
33
33
 
34
34
  ```tsx live
35
35
  import React from 'react';
@@ -3,10 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.tokens = exports.classes = void 0;
7
- var classes = exports.classes = {
8
- round: '--plasma-counter-round'
9
- };
6
+ exports.tokens = void 0;
10
7
  var tokens = exports.tokens = {
11
8
  background: '--plasma-counter-background',
12
9
  color: '--plasma-counter-color',
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
8
  var _Counter = /*#__PURE__*/require("../../Counter.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _Counter.tokens.fontFamily, ");font-size:var(", _Counter.tokens.fontSize, ");font-style:var(", _Counter.tokens.fontStyle, ");font-weight:var(", _Counter.tokens.fontWeight, ");letter-spacing:var(", _Counter.tokens.letterSpacing, ");line-height:var(", _Counter.tokens.lineHeight, ");border-radius:var(", _Counter.tokens.borderRadius, ");height:var(", _Counter.tokens.height, ");padding-top:var(", _Counter.tokens.paddingTop, ");padding-right:var(", _Counter.tokens.paddingRight, ");padding-bottom:var(", _Counter.tokens.paddingBottom, ");padding-left:var(", _Counter.tokens.paddingLeft, ");&.", _Counter.classes.round, "{width:var(", _Counter.tokens.height, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ291bnRlci92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ291bnRlci92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL0NvdW50ZXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuZm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG5cbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG5cbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcblxuICAgIHBhZGRpbmctdG9wOiB2YXIoJHt0b2tlbnMucGFkZGluZ1RvcH0pO1xuICAgIHBhZGRpbmctcmlnaHQ6IHZhcigke3Rva2Vucy5wYWRkaW5nUmlnaHR9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogdmFyKCR7dG9rZW5zLnBhZGRpbmdCb3R0b219KTtcbiAgICBwYWRkaW5nLWxlZnQ6IHZhcigke3Rva2Vucy5wYWRkaW5nTGVmdH0pO1xuXG4gICAgJi4ke2NsYXNzZXMucm91bmR9IHtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbiAgICB9XG5gO1xuIl19 */"));
9
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _Counter.tokens.fontFamily, ");font-size:var(", _Counter.tokens.fontSize, ");font-style:var(", _Counter.tokens.fontStyle, ");font-weight:var(", _Counter.tokens.fontWeight, ");letter-spacing:var(", _Counter.tokens.letterSpacing, ");line-height:var(", _Counter.tokens.lineHeight, ");border-radius:var(", _Counter.tokens.borderRadius, ");height:var(", _Counter.tokens.height, ");padding-top:var(", _Counter.tokens.paddingTop, ");padding-right:var(", _Counter.tokens.paddingRight, ");padding-bottom:var(", _Counter.tokens.paddingBottom, ");padding-left:var(", _Counter.tokens.paddingLeft, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ291bnRlci92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ291bnRlci92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL0NvdW50ZXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuZm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG5cbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG5cbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcblxuICAgIHBhZGRpbmctdG9wOiB2YXIoJHt0b2tlbnMucGFkZGluZ1RvcH0pO1xuICAgIHBhZGRpbmctcmlnaHQ6IHZhcigke3Rva2Vucy5wYWRkaW5nUmlnaHR9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogdmFyKCR7dG9rZW5zLnBhZGRpbmdCb3R0b219KTtcbiAgICBwYWRkaW5nLWxlZnQ6IHZhcigke3Rva2Vucy5wYWRkaW5nTGVmdH0pO1xuYDtcbiJdfQ== */"));
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.dropdownDividerRoot = exports.dropdownDividerConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
9
+ var _utils = /*#__PURE__*/require("../../../../utils");
10
10
  var _base = /*#__PURE__*/require("./variations/_view/base");
11
11
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
12
12
  var _DropdownDivider = /*#__PURE__*/require("./DropdownDivider.styles");
@@ -26,7 +26,7 @@ var dropdownDividerRoot = exports.dropdownDividerRoot = function dropdownDivider
26
26
  view = _ref.view,
27
27
  size = _ref.size,
28
28
  rest = _objectWithoutProperties(_ref, _excluded);
29
- var uniqId = (0, _plasmaCore.useUniqId)();
29
+ var uniqId = (0, _utils.safeUseId)();
30
30
  var innerId = id || uniqId;
31
31
  return /*#__PURE__*/_react["default"].createElement(Root, {
32
32
  id: innerId,
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.dropdownFooterRoot = exports.dropdownFooterConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
9
+ var _utils = /*#__PURE__*/require("../../../../utils");
10
10
  var _base = /*#__PURE__*/require("./variations/_view/base");
11
11
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
12
12
  var _DropdownFooter = /*#__PURE__*/require("./DropdownFooter.styles");
@@ -27,7 +27,7 @@ var dropdownFooterRoot = exports.dropdownFooterRoot = function dropdownFooterRoo
27
27
  view = _ref.view,
28
28
  size = _ref.size,
29
29
  rest = _objectWithoutProperties(_ref, _excluded);
30
- var uniqId = (0, _plasmaCore.useUniqId)();
30
+ var uniqId = (0, _utils.safeUseId)();
31
31
  var innerId = id || uniqId;
32
32
  return /*#__PURE__*/_react["default"].createElement(Root, {
33
33
  id: innerId,
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.dropdownGroupRoot = exports.dropdownGroupConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
9
+ var _utils = /*#__PURE__*/require("../../../../utils");
10
10
  var _base = /*#__PURE__*/require("./variations/_view/base");
11
11
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
12
12
  var _DropdownGroup = /*#__PURE__*/require("./DropdownGroup.styles");
@@ -30,7 +30,7 @@ var dropdownGroupRoot = exports.dropdownGroupRoot = function dropdownGroupRoot(R
30
30
  view = _ref.view,
31
31
  size = _ref.size,
32
32
  rest = _objectWithoutProperties(_ref, _excluded);
33
- var uniqId = (0, _plasmaCore.useUniqId)();
33
+ var uniqId = (0, _utils.safeUseId)();
34
34
  var innerId = id || uniqId;
35
35
  return /*#__PURE__*/_react["default"].createElement(Root, {
36
36
  id: innerId,
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.dropdownHeaderRoot = exports.dropdownHeaderConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
9
+ var _utils = /*#__PURE__*/require("../../../../utils");
10
10
  var _base = /*#__PURE__*/require("./variations/_view/base");
11
11
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
12
12
  var _DropdownHeader = /*#__PURE__*/require("./DropdownHeader.styles");
@@ -27,7 +27,7 @@ var dropdownHeaderRoot = exports.dropdownHeaderRoot = function dropdownHeaderRoo
27
27
  size = _ref.size,
28
28
  children = _ref.children,
29
29
  rest = _objectWithoutProperties(_ref, _excluded);
30
- var uniqId = (0, _plasmaCore.useUniqId)();
30
+ var uniqId = (0, _utils.safeUseId)();
31
31
  var innerId = id || uniqId;
32
32
  return /*#__PURE__*/_react["default"].createElement(Root, {
33
33
  id: innerId,
@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.dropdownOldRoot = exports.dropdownOldConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
9
  var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
10
+ var _hooks = /*#__PURE__*/require("../../../../hooks");
11
+ var _utils = /*#__PURE__*/require("../../../../utils");
10
12
  var _base = /*#__PURE__*/require("./variations/_view/base");
11
13
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
12
14
  var _Dropdown = /*#__PURE__*/require("./Dropdown.styles");
13
- var _utils = /*#__PURE__*/require("./utils");
15
+ var _utils2 = /*#__PURE__*/require("./utils");
14
16
  var _excluded = ["id", "target", "children", "hasArrow", "role", "view", "size", "frame", "onToggle", "isFocusTrapped", "isOpen", "opened", "placement", "trigger", "offset", "preventOverflow", "closeOnOverlayClick", "closeOnEsc"];
15
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -51,12 +53,12 @@ var dropdownOldRoot = exports.dropdownOldRoot = function dropdownOldRoot(Root) {
51
53
  closeOnEsc = _ref$closeOnEsc === void 0 ? false : _ref$closeOnEsc,
52
54
  rest = _objectWithoutProperties(_ref, _excluded);
53
55
  var innerIsOpen = Boolean(isOpen || opened);
54
- var uniqId = (0, _plasmaCore.useUniqId)();
56
+ var uniqId = (0, _utils.safeUseId)();
55
57
  var innerId = id || uniqId;
56
58
  var rootRef = (0, _react.useRef)(null);
57
59
  var dropdownRef = (0, _react.useRef)(null);
58
60
  var handleRef = (0, _plasmaCore.useForkRef)(rootRef, outerRootRef);
59
- var trapRef = (0, _plasmaCore.useFocusTrap)(innerIsOpen && isFocusTrapped);
61
+ var trapRef = (0, _hooks.useFocusTrap)(innerIsOpen && isFocusTrapped);
60
62
  var dropdownForkRef = (0, _plasmaCore.useForkRef)(dropdownRef, trapRef);
61
63
  return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
62
64
  role: role,
@@ -71,7 +73,7 @@ var dropdownOldRoot = exports.dropdownOldRoot = function dropdownOldRoot(Root) {
71
73
  offset: offset,
72
74
  preventOverflow: preventOverflow,
73
75
  hasArrow: hasArrow,
74
- placement: (0, _utils.getPlacements)(placement),
76
+ placement: (0, _utils2.getPlacements)(placement),
75
77
  trigger: trigger,
76
78
  closeOnOverlayClick: closeOnOverlayClick,
77
79
  closeOnEsc: closeOnEsc,
@@ -8,6 +8,7 @@ exports.popoverRoot = exports.popoverConfig = exports.POPOVER_PORTAL_ID = export
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
9
  var _reactPopper = /*#__PURE__*/require("react-popper");
10
10
  var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
11
+ var _hooks = /*#__PURE__*/require("../../hooks");
11
12
  var _utils = /*#__PURE__*/require("../../utils");
12
13
  var _Portal = /*#__PURE__*/require("../Portal");
13
14
  var _base = /*#__PURE__*/require("./variations/_view/base");
@@ -72,7 +73,7 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
72
73
  var popoverRef = (0, _react.useRef)(null);
73
74
  var handleRef = (0, _plasmaCore.useForkRef)(rootRef, outerRootRef);
74
75
  var portalRef = (0, _react.useRef)(null);
75
- var trapRef = (0, _plasmaCore.useFocusTrap)(innerIsOpen && isFocusTrapped);
76
+ var trapRef = (0, _hooks.useFocusTrap)(innerIsOpen && isFocusTrapped);
76
77
  var popoverForkRef = (0, _plasmaCore.useForkRef)(popoverRef, trapRef);
77
78
  var _useState = (0, _react.useState)(null),
78
79
  _useState2 = _slicedToArray(_useState, 2),
@@ -99,7 +99,8 @@ var tokens = exports.tokens = {
99
99
  spinnerSize: '--plasma-select-spinner-size',
100
100
  spinnerSizeTight: '--plasma-select-spinner-size-tight',
101
101
  disclosureIconColor: '--plasma-select-disclosure-icon-color',
102
- disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover'
102
+ disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover',
103
+ contentLeftColor: '--plasma-select-content-left-color'
103
104
  };
104
105
  var constants = exports.constants = {
105
106
  focusColor: '--surface-accent',