@salutejs/plasma-new-hope 0.339.0-canary.2297.18751153444.0 → 0.339.0-canary.2298.18772525373.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.js +10 -0
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  3. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
  4. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
  5. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
  6. package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_bv5xdd.css → HorizontalIconTabItem.styles_1yj92p8.css} +1 -1
  7. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
  8. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  9. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  10. package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hklgpq.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css} +1 -1
  11. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
  12. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
  13. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
  14. package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/{VerticalIconTabItem.styles_2xthe5.css → VerticalIconTabItem.styles_1vnlsyl.css} +1 -1
  15. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
  16. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  17. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  18. package/{es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_oqphem.css → cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_11xtftz.css} +1 -1
  19. package/cjs/components/TextArea/TextArea.js +3 -2
  20. package/cjs/components/TextArea/TextArea.js.map +1 -1
  21. package/cjs/components/TextField/TextField.js +3 -2
  22. package/cjs/components/TextField/TextField.js.map +1 -1
  23. package/cjs/index.css +18 -18
  24. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -0
  25. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +6 -6
  26. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +12 -12
  27. package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +6 -6
  28. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +12 -12
  29. package/emotion/cjs/components/TextArea/TextArea.js +3 -3
  30. package/emotion/cjs/components/TextField/TextField.js +3 -3
  31. package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
  32. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +11 -0
  33. package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +6 -6
  34. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +12 -12
  35. package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +6 -6
  36. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +12 -12
  37. package/emotion/es/components/TextArea/TextArea.js +3 -3
  38. package/emotion/es/components/TextField/TextField.js +3 -3
  39. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  40. package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
  41. package/es/components/Combobox/ComboboxNew/Combobox.js +10 -0
  42. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  43. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
  44. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
  45. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
  46. package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_bv5xdd.css → HorizontalIconTabItem.styles_1yj92p8.css} +1 -1
  47. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
  48. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  49. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  50. package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hklgpq.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css} +1 -1
  51. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
  52. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
  53. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
  54. package/es/components/Tabs/ui/vertical/VerticalIconTabItem/{VerticalIconTabItem.styles_2xthe5.css → VerticalIconTabItem.styles_1vnlsyl.css} +1 -1
  55. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
  56. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  57. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  58. package/{cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_oqphem.css → es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_11xtftz.css} +1 -1
  59. package/es/components/TextArea/TextArea.js +3 -2
  60. package/es/components/TextArea/TextArea.js.map +1 -1
  61. package/es/components/TextField/TextField.js +3 -2
  62. package/es/components/TextField/TextField.js.map +1 -1
  63. package/es/index.css +18 -18
  64. package/package.json +4 -4
  65. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +11 -0
  66. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +3 -3
  67. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  68. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +3 -3
  69. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  70. package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
  71. package/styled-components/cjs/components/TextField/TextField.js +2 -2
  72. package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -21
  73. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +11 -0
  74. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +3 -3
  75. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  76. package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +3 -3
  77. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  78. package/styled-components/es/components/TextArea/TextArea.js +2 -2
  79. package/styled-components/es/components/TextField/TextField.js +2 -2
  80. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  81. package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -21
  82. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  83. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  84. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  85. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  86. package/types/components/Range/Range.styles.d.ts.map +1 -1
  87. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  88. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  89. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  90. package/types/components/TextArea/TextArea.types.d.ts +4 -0
  91. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  92. package/types/components/TextField/TextField.d.ts.map +1 -1
  93. package/types/components/TextField/TextField.types.d.ts +4 -0
  94. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  95. package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
  96. package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  97. package/types/examples/components/Mask/Mask.d.ts.map +1 -1
  98. package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
  99. package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
  100. package/types/examples/components/TextArea/TextArea.d.ts +8 -0
  101. package/types/examples/components/TextArea/TextArea.d.ts.map +1 -1
  102. package/types/examples/components/TextField/TextField.d.ts.map +1 -1
package/es/index.css CHANGED
@@ -281,12 +281,12 @@
281
281
 
282
282
  .base_1ogr2cm_bt431lh__e8119f61[disabled]{cursor:not-allowed;}.base_1ogr2cm_bt431lh__e8119f61[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1ogr2cm_bt431lh__e8119f61[disabled].base_1ogr2cm_selectedTabsItem__e8119f61:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
283
283
 
284
- .HorizontalTabItem_styles_hklgpq_skuum0w__d0d1e075{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
285
- .HorizontalTabItem_styles_hklgpq_t1l5e9z0__d0d1e075{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
286
- .HorizontalTabItem_styles_hklgpq_r1nh4m12__d0d1e075{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_hklgpq_r1nh4m12__d0d1e075:hover{color:inherit;}
287
- .HorizontalTabItem_styles_hklgpq_l13nweg3__d0d1e075{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_hklgpq_l13nweg3__d0d1e075:hover{color:inherit;}
288
- .HorizontalTabItem_styles_hklgpq_a1iip2sx__d0d1e075{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
289
- .HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075:first-child{margin-left:0;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075.HorizontalTabItem_styles_hklgpq_focusVisible__d0d1e075:focus::before,.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075.HorizontalTabItem_styles_hklgpq_tabsTruncate__d0d1e075 .HorizontalTabItem_styles_hklgpq_skuum0w__d0d1e075{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075.HorizontalTabItem_styles_hklgpq_tabsTruncate__d0d1e075 .HorizontalTabItem_styles_hklgpq_t1l5e9z0__d0d1e075{overflow:hidden;text-overflow:ellipsis;}
284
+ .HorizontalTabItem_styles_ohczvf_skuum0w__c9e07416{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
285
+ .HorizontalTabItem_styles_ohczvf_t1l5e9z0__c9e07416{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
286
+ .HorizontalTabItem_styles_ohczvf_r1nh4m12__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ohczvf_r1nh4m12__c9e07416:hover{color:inherit;}
287
+ .HorizontalTabItem_styles_ohczvf_l13nweg3__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ohczvf_l13nweg3__c9e07416:hover{color:inherit;}
288
+ .HorizontalTabItem_styles_ohczvf_a1iip2sx__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
289
+ .HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416:first-child{margin-left:0;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416::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.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_focusVisible__c9e07416:focus::before,.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_tabsTruncate__c9e07416 .HorizontalTabItem_styles_ohczvf_skuum0w__c9e07416{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_tabsTruncate__c9e07416 .HorizontalTabItem_styles_ohczvf_t1l5e9z0__c9e07416{overflow:hidden;text-overflow:ellipsis;}
290
290
 
291
291
  .base_ktj8kt_b16uu05p__3ded821c{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_ktj8kt_b16uu05p__3ded821c:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_ktj8kt_b16uu05p__3ded821c:active{color:var(--plasma-tab-item-color-active);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_tabItemAnimated__3ded821c{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c:hover::after{background-color:var(--plasma-tab-item-selected-hover-divider-color);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c::after{content:'';position:absolute;bottom:0;left:0;right:0;background-color:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
292
292
 
@@ -294,9 +294,9 @@
294
294
 
295
295
  .base_16mymb5_b1s46niw__79a84978[disabled]{cursor:not-allowed;}.base_16mymb5_b1s46niw__79a84978[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_16mymb5_b1s46niw__79a84978[disabled].base_16mymb5_selectedTabsItem__79a84978:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
296
296
 
297
- .HorizontalIconTabItem_styles_bv5xdd_scdozmr__591a2d7f{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
298
- .HorizontalIconTabItem_styles_bv5xdd_aov4yz3__591a2d7f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
299
- .HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f:first-child{margin-left:0;}.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f.HorizontalIconTabItem_styles_bv5xdd_focusVisible__591a2d7f:focus::before,.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
297
+ .HorizontalIconTabItem_styles_1yj92p8_scdozmr__fee8681e{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
298
+ .HorizontalIconTabItem_styles_1yj92p8_aov4yz3__fee8681e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
299
+ .HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e:first-child{margin-left:0;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e::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.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e.HorizontalIconTabItem_styles_1yj92p8_focusVisible__fee8681e:focus::before,.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
300
300
 
301
301
  .VerticalTabs_styles_16pdfpo_b2r261u__e4aa67f6{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
302
302
  .VerticalTabs_styles_16pdfpo_s1tfgc53__e4aa67f6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
@@ -309,12 +309,12 @@
309
309
 
310
310
  .base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
311
311
 
312
- .VerticalTabItem_styles_oqphem_s1vnvg8i__bb0de95a{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
313
- .VerticalTabItem_styles_oqphem_t4s0t81__bb0de95a{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
314
- .VerticalTabItem_styles_oqphem_rur46hh__bb0de95a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_oqphem_rur46hh__bb0de95a:hover{color:inherit;}
315
- .VerticalTabItem_styles_oqphem_l1ms3p4x__bb0de95a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_oqphem_l1ms3p4x__bb0de95a:hover{color:inherit;}
316
- .VerticalTabItem_styles_oqphem_a1yz2xa4__bb0de95a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
317
- .VerticalTabItem_styles_oqphem_buauuob__bb0de95a{position:relative;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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_oqphem_buauuob__bb0de95a::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_oqphem_buauuob__bb0de95a.VerticalTabItem_styles_oqphem_focusVisible__bb0de95a:focus::before,.VerticalTabItem_styles_oqphem_buauuob__bb0de95a[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_oqphem_buauuob__bb0de95a.VerticalTabItem_styles_oqphem_tabsTruncate__bb0de95a .VerticalTabItem_styles_oqphem_s1vnvg8i__bb0de95a{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_oqphem_buauuob__bb0de95a.VerticalTabItem_styles_oqphem_tabsTruncate__bb0de95a .VerticalTabItem_styles_oqphem_t4s0t81__bb0de95a{overflow:hidden;text-overflow:ellipsis;}
312
+ .VerticalTabItem_styles_11xtftz_s1vnvg8i__37326585{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
313
+ .VerticalTabItem_styles_11xtftz_t4s0t81__37326585{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
314
+ .VerticalTabItem_styles_11xtftz_rur46hh__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_11xtftz_rur46hh__37326585:hover{color:inherit;}
315
+ .VerticalTabItem_styles_11xtftz_l1ms3p4x__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_11xtftz_l1ms3p4x__37326585:hover{color:inherit;}
316
+ .VerticalTabItem_styles_11xtftz_a1yz2xa4__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
317
+ .VerticalTabItem_styles_11xtftz_buauuob__37326585{position:relative;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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_11xtftz_buauuob__37326585::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.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_focusVisible__37326585:focus::before,.VerticalTabItem_styles_11xtftz_buauuob__37326585[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_tabsTruncate__37326585 .VerticalTabItem_styles_11xtftz_s1vnvg8i__37326585{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_tabsTruncate__37326585 .VerticalTabItem_styles_11xtftz_t4s0t81__37326585{overflow:hidden;text-overflow:ellipsis;}
318
318
 
319
319
  .base_7aeg6y_byyhn69__0c4ed4e7{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_7aeg6y_byyhn69__0c4ed4e7:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:hover .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:active{color:var(--plasma-tab-item-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7:active .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_tabItemAnimated__0c4ed4e7{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}
320
320
 
@@ -328,9 +328,9 @@
328
328
 
329
329
  .base_am98dh_bo5ybpw__9910bfd7[disabled]{cursor:not-allowed;}.base_am98dh_bo5ybpw__9910bfd7[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_am98dh_bo5ybpw__9910bfd7[disabled].base_am98dh_selectedTabsItem__9910bfd7:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
330
330
 
331
- .VerticalIconTabItem_styles_2xthe5_s1im4rc4__8db2249e{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
332
- .VerticalIconTabItem_styles_2xthe5_a1djmtev__8db2249e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
333
- .VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e{position:relative;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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e.VerticalIconTabItem_styles_2xthe5_focusVisible__8db2249e:focus::before,.VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
331
+ .VerticalIconTabItem_styles_1vnlsyl_s1im4rc4__58e33340{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
332
+ .VerticalIconTabItem_styles_1vnlsyl_a1djmtev__58e33340{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
333
+ .VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340{position:relative;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:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340::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.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340.VerticalIconTabItem_styles_1vnlsyl_focusVisible__58e33340:focus::before,.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
334
334
 
335
335
  .CalendarHeader_styles_13bk6ms_sjaqipy__821c1ed8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
336
336
  .CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8:hover,.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8::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.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8.CalendarHeader_styles_13bk6ms_focusVisible__821c1ed8:focus::before,.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.339.0-canary.2297.18751153444.0",
3
+ "version": "0.339.0-canary.2298.18772525373.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -79,7 +79,7 @@
79
79
  "@rollup/plugin-babel": "^6.0.4",
80
80
  "@rollup/plugin-commonjs": "^25.0.4",
81
81
  "@rollup/plugin-node-resolve": "^15.1.0",
82
- "@salutejs/plasma-sb-utils": "0.209.0-canary.2297.18751153444.0",
82
+ "@salutejs/plasma-sb-utils": "0.209.0-canary.2298.18772525373.0",
83
83
  "@salutejs/plasma-themes": "0.38.0",
84
84
  "@storybook/addon-docs": "8.6.12",
85
85
  "@storybook/addon-essentials": "8.6.12",
@@ -117,7 +117,7 @@
117
117
  "@linaria/react": "5.0.3",
118
118
  "@popperjs/core": "2.11.8",
119
119
  "@salutejs/input-core": "2.1.2",
120
- "@salutejs/plasma-core": "1.209.0-canary.2297.18751153444.0",
120
+ "@salutejs/plasma-core": "1.209.0-canary.2298.18772525373.0",
121
121
  "@salutejs/react-maskinput": "3.2.6",
122
122
  "@tanstack/react-table": "8.21.2",
123
123
  "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "bf6a4ec77404eef7473fd03fc27ca62b00ea881c"
140
+ "gitHead": "a8825461361a9a6519fed9146814959399dde9ed"
141
141
  }
@@ -571,6 +571,17 @@ var comboboxRoot = function(Root) {
571
571
  internalValue,
572
572
  items
573
573
  ]);
574
+ // Эффект для исключительных случаев, когда нужно обновить значение textValue при изменении items,
575
+ // но только если значение textValue совпадает с value в item.
576
+ (0, _react.useLayoutEffect)(function() {
577
+ var _valueToItemMap_get;
578
+ if (!multiple && value && ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.value) === textValue) {
579
+ var _valueToItemMap_get1;
580
+ setTextValue(((_valueToItemMap_get1 = valueToItemMap.get(value)) === null || _valueToItemMap_get1 === void 0 ? void 0 : _valueToItemMap_get1.label) || value.toString());
581
+ }
582
+ }, [
583
+ items
584
+ ]);
574
585
  // При изменении value нужно возвращать значение в инпуте к исходному.
575
586
  (0, _hooks.useDidMountLayoutEffect)(function() {
576
587
  setTextValue((0, _utils2.getTextValue)(multiple, value, valueToItemMap, renderValue));
@@ -65,13 +65,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
65
65
  }
66
66
  var StyledContent = _styledcomponents.default.div.withConfig({
67
67
  displayName: "HorizontalIconTabItem.styles__StyledContent",
68
- componentId: "sc-e37d47fd-0"
68
+ componentId: "sc-d0381a92-0"
69
69
  })([
70
70
  "display:inline-block;width:fit-content;"
71
71
  ]);
72
72
  var ActionContent = _styledcomponents.default.div.withConfig({
73
73
  displayName: "HorizontalIconTabItem.styles__ActionContent",
74
- componentId: "sc-e37d47fd-1"
74
+ componentId: "sc-d0381a92-1"
75
75
  })([
76
76
  "display:flex;margin-left:var(",
77
77
  ");"
@@ -84,7 +84,7 @@ var base = (0, _styledcomponents.css)([
84
84
  ";"
85
85
  ], _tokens.tokens.itemContentGap, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
86
86
  outlineSize: '0.063rem',
87
- outlineOffset: '0.063rem',
87
+ outlineOffset: '-0.125rem',
88
88
  outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
89
89
  outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
90
90
  customFocusRules: "\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n }\n }\n ")
@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
74
74
  }
75
75
  var StyledContent = _styledcomponents.default.div.withConfig({
76
76
  displayName: "HorizontalTabItem.styles__StyledContent",
77
- componentId: "sc-e4f78c87-0"
77
+ componentId: "sc-6029f576-0"
78
78
  })([
79
79
  "display:inline-block;width:fit-content;padding:0 var(",
80
80
  ",var(",
@@ -82,7 +82,7 @@ var StyledContent = _styledcomponents.default.div.withConfig({
82
82
  ], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
83
83
  var TabItemValue = _styledcomponents.default.span.withConfig({
84
84
  displayName: "HorizontalTabItem.styles__TabItemValue",
85
- componentId: "sc-e4f78c87-1"
85
+ componentId: "sc-6029f576-1"
86
86
  })([
87
87
  "color:var(",
88
88
  ");font-family:var(",
@@ -101,19 +101,19 @@ var TabItemValue = _styledcomponents.default.span.withConfig({
101
101
  ], _tokens.tokens.itemValueColor, _tokens.tokens.valueFontFamily, _tokens.tokens.fontFamily, _tokens.tokens.valueFontSize, _tokens.tokens.fontSize, _tokens.tokens.valueFontStyle, _tokens.tokens.fontStyle, _tokens.tokens.valueFontWeight, _tokens.tokens.fontWeight, _tokens.tokens.valueLetterSpacing, _tokens.tokens.letterSpacing, _tokens.tokens.valueLineHeight, _tokens.tokens.lineHeight);
102
102
  var RightContent = _styledcomponents.default.div.withConfig({
103
103
  displayName: "HorizontalTabItem.styles__RightContent",
104
- componentId: "sc-e4f78c87-2"
104
+ componentId: "sc-6029f576-2"
105
105
  })([
106
106
  "display:flex;color:inherit;&:hover{color:inherit;}"
107
107
  ]);
108
108
  var LeftContent = _styledcomponents.default.div.withConfig({
109
109
  displayName: "HorizontalTabItem.styles__LeftContent",
110
- componentId: "sc-e4f78c87-3"
110
+ componentId: "sc-6029f576-3"
111
111
  })([
112
112
  "display:flex;color:inherit;&:hover{color:inherit;}"
113
113
  ]);
114
114
  var ActionContent = _styledcomponents.default.div.withConfig({
115
115
  displayName: "HorizontalTabItem.styles__ActionContent",
116
- componentId: "sc-e4f78c87-4"
116
+ componentId: "sc-6029f576-4"
117
117
  })([
118
118
  "display:flex;margin-left:var(",
119
119
  ");"
@@ -131,7 +131,7 @@ var base = (0, _styledcomponents.css)([
131
131
  "{overflow:hidden;text-overflow:ellipsis;}}"
132
132
  ], _tokens.tokens.itemContentGap, _tokens.tokens.itemPaddingClear, _tokens.tokens.itemPadding, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
133
133
  outlineSize: '0.063rem',
134
- outlineOffset: '0.063rem',
134
+ outlineOffset: '-0.125rem',
135
135
  outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
136
136
  outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
137
137
  customFocusRules: "\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n }\n }\n ")
@@ -65,13 +65,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
65
65
  }
66
66
  var StyledContent = _styledcomponents.default.div.withConfig({
67
67
  displayName: "VerticalIconTabItem.styles__StyledContent",
68
- componentId: "sc-e7e3f81e-0"
68
+ componentId: "sc-4febd5c6-0"
69
69
  })([
70
70
  "display:inline-block;width:fit-content;"
71
71
  ]);
72
72
  var ActionContent = _styledcomponents.default.div.withConfig({
73
73
  displayName: "VerticalIconTabItem.styles__ActionContent",
74
- componentId: "sc-e7e3f81e-1"
74
+ componentId: "sc-4febd5c6-1"
75
75
  })([
76
76
  "display:flex;margin-left:var(",
77
77
  ");"
@@ -84,7 +84,7 @@ var base = (0, _styledcomponents.css)([
84
84
  ";"
85
85
  ], _tokens.tokens.itemContentGap, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
86
86
  outlineSize: '0.063rem',
87
- outlineOffset: '0.063rem',
87
+ outlineOffset: '-0.125rem',
88
88
  outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
89
89
  outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
90
90
  customFocusRules: "\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n }\n }\n ")
@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
74
74
  }
75
75
  var StyledContent = _styledcomponents.default.div.withConfig({
76
76
  displayName: "VerticalTabItem.styles__StyledContent",
77
- componentId: "sc-4c636acb-0"
77
+ componentId: "sc-52a7e18d-0"
78
78
  })([
79
79
  "display:inline-block;width:fit-content;padding:0 var(",
80
80
  ",var(",
@@ -82,7 +82,7 @@ var StyledContent = _styledcomponents.default.div.withConfig({
82
82
  ], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
83
83
  var TabItemValue = _styledcomponents.default.span.withConfig({
84
84
  displayName: "VerticalTabItem.styles__TabItemValue",
85
- componentId: "sc-4c636acb-1"
85
+ componentId: "sc-52a7e18d-1"
86
86
  })([
87
87
  "white-space:nowrap;color:var(",
88
88
  ");font-family:var(",
@@ -101,19 +101,19 @@ var TabItemValue = _styledcomponents.default.span.withConfig({
101
101
  ], _tokens.tokens.itemValueColor, _tokens.tokens.valueFontFamily, _tokens.tokens.fontFamily, _tokens.tokens.valueFontSize, _tokens.tokens.fontSize, _tokens.tokens.valueFontStyle, _tokens.tokens.fontStyle, _tokens.tokens.valueFontWeight, _tokens.tokens.fontWeight, _tokens.tokens.valueLetterSpacing, _tokens.tokens.letterSpacing, _tokens.tokens.valueLineHeight, _tokens.tokens.lineHeight);
102
102
  var RightContent = _styledcomponents.default.div.withConfig({
103
103
  displayName: "VerticalTabItem.styles__RightContent",
104
- componentId: "sc-4c636acb-2"
104
+ componentId: "sc-52a7e18d-2"
105
105
  })([
106
106
  "display:flex;color:inherit;&:hover{color:inherit;}"
107
107
  ]);
108
108
  var LeftContent = _styledcomponents.default.div.withConfig({
109
109
  displayName: "VerticalTabItem.styles__LeftContent",
110
- componentId: "sc-4c636acb-3"
110
+ componentId: "sc-52a7e18d-3"
111
111
  })([
112
112
  "display:flex;color:inherit;&:hover{color:inherit;}"
113
113
  ]);
114
114
  var ActionContent = _styledcomponents.default.div.withConfig({
115
115
  displayName: "VerticalTabItem.styles__ActionContent",
116
- componentId: "sc-4c636acb-4"
116
+ componentId: "sc-52a7e18d-4"
117
117
  })([
118
118
  "display:flex;margin-left:var(",
119
119
  ");"
@@ -130,7 +130,7 @@ var base = (0, _styledcomponents.css)([
130
130
  "{overflow:hidden;text-overflow:ellipsis;}}"
131
131
  ], _tokens.tokens.itemContentGap, _tokens.tokens.itemPaddingOrientationVertical, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
132
132
  outlineSize: '0.063rem',
133
- outlineOffset: '0.063rem',
133
+ outlineOffset: '-0.125rem',
134
134
  outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
135
135
  outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
136
136
  customFocusRules: "\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n }\n }\n ")
@@ -191,7 +191,6 @@ function _unsupported_iterable_to_array(o, minLen) {
191
191
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
192
192
  }
193
193
  var innerPlaceholderUp = _TextAreatokens.classes.innerPlaceholderUp, focusedOuterPlaceholderColor = _TextAreatokens.classes.focusedOuterPlaceholderColor, hidePlaceHolder = _TextAreatokens.classes.hidePlaceHolder, styledContainer = _TextAreatokens.classes.styledContainer, styledTextArea = _TextAreatokens.classes.styledTextArea, styledTextAreaWrapper = _TextAreatokens.classes.styledTextAreaWrapper, styledPlaceholder = _TextAreatokens.classes.styledPlaceholder, styledHelpers = _TextAreatokens.classes.styledHelpers, hasHeaderSlot = _TextAreatokens.classes.hasHeaderSlot, styledContentWrapper = _TextAreatokens.classes.styledContentWrapper;
194
- var optionalText = 'optional';
195
194
  var base = (0, _styledcomponents.css)([
196
195
  "",
197
196
  ";position:relative;box-sizing:border-box;"
@@ -223,7 +222,7 @@ var getDynamicLabelClasses = function(props, focused) {
223
222
  };
224
223
  var textAreaRoot = function(Root) {
225
224
  return /*#__PURE__*/ (0, _react.forwardRef)(function(props, innerRef) {
226
- var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, _props_labelAriaHidden = props.labelAriaHidden, labelAriaHidden = _props_labelAriaHidden === void 0 ? false : _props_labelAriaHidden, onChange = props.onChange, rest = _object_without_properties(props, [
225
+ var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, _props_optionalText = props.optionalText, optionalText = _props_optionalText === void 0 ? 'optional' : _props_optionalText, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, _props_labelAriaHidden = props.labelAriaHidden, labelAriaHidden = _props_labelAriaHidden === void 0 ? false : _props_labelAriaHidden, onChange = props.onChange, rest = _object_without_properties(props, [
227
226
  "helperText",
228
227
  "status",
229
228
  "resize",
@@ -248,6 +247,7 @@ var textAreaRoot = function(Root) {
248
247
  "requiredPlacement",
249
248
  "hasRequiredIndicator",
250
249
  "optional",
250
+ "optionalText",
251
251
  "clear",
252
252
  "hasDivider",
253
253
  "size",
@@ -181,7 +181,6 @@ function _unsupported_iterable_to_array(o, minLen) {
181
181
  if (n === "Map" || n === "Set") return Array.from(n);
182
182
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
183
183
  }
184
- var optionalText = 'optional';
185
184
  var base = (0, _styledcomponents.css)([
186
185
  "display:block;"
187
186
  ]);
@@ -194,7 +193,7 @@ var textFieldRoot = function(Root) {
194
193
  var id = _param.id, className = _param.className, style = _param.style, // layout
195
194
  contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
196
195
  hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
197
- view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
196
+ view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, _param_optionalText = _param.optionalText, optionalText = _param_optionalText === void 0 ? 'optional' : _param_optionalText, hasDivider = _param.hasDivider, // controlled
198
197
  outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
199
198
  _chips = _param._chips, // @ts-ignore
200
199
  _chipClickArea = _param._chipClickArea, // @ts-ignore
@@ -239,6 +238,7 @@ var textFieldRoot = function(Root) {
239
238
  "required",
240
239
  "clear",
241
240
  "optional",
241
+ "optionalText",
242
242
  "hasDivider",
243
243
  "value",
244
244
  "chips",
@@ -12,7 +12,7 @@ var _styledcomponents = require("styled-components");
12
12
  var _Tabs = require("../../../../components/Tabs");
13
13
  var config = {
14
14
  defaults: {
15
- view: 'divider',
15
+ view: 'default',
16
16
  size: 'xs'
17
17
  },
18
18
  variations: {
@@ -34,12 +34,14 @@ var config = {
34
34
  ":var(--text-secondary);",
35
35
  ":transparent;",
36
36
  ":background-color 0.3s ease-in-out;",
37
+ ":0;",
38
+ ":0;",
37
39
  ":var(--surface-accent);",
38
40
  ":0rem;",
39
41
  ":var(--text-primary);",
40
42
  ":var(--text-primary);",
41
43
  ":pointer;"
42
- ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemCursor),
44
+ ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemCursor),
43
45
  secondary: (0, _styledcomponents.css)([
44
46
  "",
45
47
  ":var(--text-primary);",
@@ -81,12 +83,14 @@ var config = {
81
83
  ":var(--text-secondary);",
82
84
  ":transparent;",
83
85
  ":background-color 0.3s ease-in-out;",
86
+ ":0;",
87
+ ":0;",
84
88
  ":var(--surface-accent);",
85
89
  ":0.125rem;",
86
90
  ":var(--text-primary);",
87
91
  ":var(--text-primary);",
88
92
  ":pointer;"
89
- ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemCursor),
93
+ ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemCursor),
90
94
  default: (0, _styledcomponents.css)([
91
95
  "",
92
96
  ":var(--text-primary);",
@@ -118,9 +122,9 @@ var config = {
118
122
  ":0.375rem;",
119
123
  ":auto;",
120
124
  ":2rem;",
121
- ":0 0.125rem;",
125
+ ":0 0.5rem;",
122
126
  ":0 0.375rem;",
123
- ":1.5rem;",
127
+ ":1.75rem;",
124
128
  ":0.25rem;",
125
129
  ":0.125rem;",
126
130
  ":var(--plasma-typo-body-xs-font-family);",
@@ -136,9 +140,9 @@ var config = {
136
140
  ":0.5rem;",
137
141
  ":auto;",
138
142
  ":2.5rem;",
139
- ":0 0.125rem;",
143
+ ":0 0.625rem;",
140
144
  ":0 0.5rem;",
141
- ":1.5rem;",
145
+ ":1.75rem;",
142
146
  ":0.25rem;",
143
147
  ":0.125rem;",
144
148
  ":var(--plasma-typo-body-s-font-family);",
@@ -154,9 +158,9 @@ var config = {
154
158
  ":0.625rem;",
155
159
  ":auto;",
156
160
  ":3rem;",
157
- ":0 0.125rem;",
161
+ ":0 0.625rem;",
158
162
  ":0 0.5rem;",
159
- ":1.5rem;",
163
+ ":1.75rem;",
160
164
  ":0.375rem;",
161
165
  ":0.125rem;",
162
166
  ":var(--plasma-typo-body-m-font-family);",
@@ -172,9 +176,9 @@ var config = {
172
176
  ":0.75rem;",
173
177
  ":auto;",
174
178
  ":3.5rem;",
175
- ":0 0.125rem;",
179
+ ":0 0.875rem;",
176
180
  ":0 0.75rem;",
177
- ":1.5rem;",
181
+ ":1.75rem;",
178
182
  ":0.5rem;",
179
183
  ":0.125rem;",
180
184
  ":var(--plasma-typo-body-l-font-family);",
@@ -190,8 +194,8 @@ var config = {
190
194
  ":0.375rem;",
191
195
  ":auto;",
192
196
  ":3rem;",
193
- ":0 0.125rem;",
194
- ":1.5rem;",
197
+ ":0rem;",
198
+ ":1.75rem;",
195
199
  ":0.625rem;",
196
200
  ":var(--plasma-typo-h5-font-family);",
197
201
  ":var(--plasma-typo-h5-font-size);",
@@ -206,8 +210,8 @@ var config = {
206
210
  ":0.375rem;",
207
211
  ":auto;",
208
212
  ":3.25rem;",
209
- ":0 0.125rem;",
210
- ":1.75rem;",
213
+ ":0rem;",
214
+ ":2rem;",
211
215
  ":0.625rem;",
212
216
  ":var(--plasma-typo-h4-font-family);",
213
217
  ":var(--plasma-typo-h4-font-size);",
@@ -222,8 +226,8 @@ var config = {
222
226
  ":0.5rem;",
223
227
  ":auto;",
224
228
  ":3.875rem;",
225
- ":0 0.125rem;",
226
- ":2rem;",
229
+ ":0rem;",
230
+ ":2.25rem;",
227
231
  ":0.75rem;",
228
232
  ":var(--plasma-typo-h3-font-family);",
229
233
  ":var(--plasma-typo-h3-font-size);",
@@ -238,8 +242,8 @@ var config = {
238
242
  ":0.625rem;",
239
243
  ":auto;",
240
244
  ":4.5rem;",
241
- ":0 0.125rem;",
242
- ":2.25rem;",
245
+ ":0rem;",
246
+ ":2.5rem;",
243
247
  ":0.875rem;",
244
248
  ":var(--plasma-typo-h2-font-family);",
245
249
  ":var(--plasma-typo-h2-font-size);",
@@ -254,8 +258,8 @@ var config = {
254
258
  ":0.75rem;",
255
259
  ":auto;",
256
260
  ":5.75rem;",
257
- ":0 0.125rem;",
258
- ":3.25rem;",
261
+ ":0rem;",
262
+ ":3.5rem;",
259
263
  ":1rem;",
260
264
  ":var(--plasma-typo-h1-font-family);",
261
265
  ":var(--plasma-typo-h1-font-size);",
@@ -514,6 +514,17 @@ import { Context } from "./Combobox.context";
514
514
  internalValue,
515
515
  items
516
516
  ]);
517
+ // Эффект для исключительных случаев, когда нужно обновить значение textValue при изменении items,
518
+ // но только если значение textValue совпадает с value в item.
519
+ useLayoutEffect(function() {
520
+ var _valueToItemMap_get;
521
+ if (!multiple && value && ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.value) === textValue) {
522
+ var _valueToItemMap_get1;
523
+ setTextValue(((_valueToItemMap_get1 = valueToItemMap.get(value)) === null || _valueToItemMap_get1 === void 0 ? void 0 : _valueToItemMap_get1.label) || value.toString());
524
+ }
525
+ }, [
526
+ items
527
+ ]);
517
528
  // При изменении value нужно возвращать значение в инпуте к исходному.
518
529
  useDidMountLayoutEffect(function() {
519
530
  setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));
@@ -4,13 +4,13 @@ import { addFocus } from "../../../../../mixins";
4
4
  import { tokens } from "../../../tokens";
5
5
  export var StyledContent = styled.div.withConfig({
6
6
  displayName: "HorizontalIconTabItem.styles__StyledContent",
7
- componentId: "sc-e37d47fd-0"
7
+ componentId: "sc-d0381a92-0"
8
8
  })([
9
9
  "display:inline-block;width:fit-content;"
10
10
  ]);
11
11
  export var ActionContent = styled.div.withConfig({
12
12
  displayName: "HorizontalIconTabItem.styles__ActionContent",
13
- componentId: "sc-e37d47fd-1"
13
+ componentId: "sc-d0381a92-1"
14
14
  })([
15
15
  "display:flex;margin-left:var(",
16
16
  ");"
@@ -23,7 +23,7 @@ export var base = css([
23
23
  ";"
24
24
  ], tokens.itemContentGap, tokens.itemCursorOverNotSelected, tokens.itemCursor, addFocus({
25
25
  outlineSize: '0.063rem',
26
- outlineOffset: '0.063rem',
26
+ outlineOffset: '-0.125rem',
27
27
  outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
28
28
  outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
29
29
  customFocusRules: "\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n }\n }\n ")