@salutejs/plasma-new-hope 0.83.0-canary.1213.9159050781.0 → 0.83.0-canary.1213.9161680667.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. package/cjs/components/ButtonGroup/ButtonGroup.css +2 -2
  2. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  3. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  4. package/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -1
  5. package/cjs/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  6. package/cjs/components/ButtonGroup/variations/_orientation/{base_p85v51.css → base_y7z7cs.css} +1 -1
  7. package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  8. package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
  9. package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +1 -0
  10. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  11. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  12. package/cjs/components/Pagination/Pagination.css +2 -2
  13. package/cjs/index.css +2 -2
  14. package/es/components/ButtonGroup/ButtonGroup.css +2 -2
  15. package/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  16. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  17. package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
  18. package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  19. package/es/components/ButtonGroup/variations/_orientation/{base_p85v51.css → base_y7z7cs.css} +1 -1
  20. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  21. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  22. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +1 -0
  23. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  24. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  25. package/es/components/Pagination/Pagination.css +2 -2
  26. package/es/index.css +2 -2
  27. package/package.json +2 -2
  28. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  29. package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +2 -1
  30. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  31. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  32. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  33. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  34. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  35. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  36. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  37. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  38. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +1 -0
  39. package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +3 -2
  40. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  41. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +4 -2
  42. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  43. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  44. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  45. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  46. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  47. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  48. package/types/components/Button/Button.types.d.ts +8 -6
  49. package/types/components/Button/Button.types.d.ts.map +1 -1
  50. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +1 -0
  51. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  52. package/types/components/ButtonGroup/variations/_orientation/base.d.ts.map +1 -1
  53. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  54. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
  55. package/types/components/Notification/Notification.styles.d.ts +43 -1
  56. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  57. package/types/components/Pagination/Pagination.styles.d.ts +86 -2
  58. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  59. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +43 -1
  60. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
  61. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +43 -1
  62. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
  63. package/types/components/Toast/Toast.styles.d.ts +43 -1
  64. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  65. package/types/components/Toast/utils.d.ts +43 -1
  66. package/types/components/Toast/utils.d.ts.map +1 -1
  67. package/types/examples/plasma_b2c/components/Button/Button.d.ts +43 -1
  68. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  69. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  70. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +43 -1
  71. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  72. package/types/examples/plasma_web/components/Button/Button.d.ts +43 -1
  73. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  74. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  75. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +43 -1
  76. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
  77. package/types/examples/sds_engineer/components/Button/Button.d.ts +43 -1
  78. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  79. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  80. package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
  81. package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +0 -1
package/cjs/components/ButtonGroup/ButtonGroup.css CHANGED
@@ -1,4 +1,4 @@
1
- .base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
1
+ .base_1n9gznw_b7jdqtc__26f40349.base_1n9gznw_buttonGroupOverrideStyles__26f40349 .base_1n9gznw_buttonItem__26f40349{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
2
2
 
3
3
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
4
4
 
@@ -6,7 +6,7 @@
6
6
 
7
7
  .base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeDefault__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-default-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-segmented-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5.base_1it4v56_buttonGroupGapNone__b4024cb5{--plasma_private-button-radius-inner:0;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5{--plasma-button-radius:var(--plasma_private-button-radius-inner);position:relative;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-button-radius-inner);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child{border-radius:var(--plasma-button-group-side-item-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma-button-group-side-item-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-left-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-left-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-right-side-radius:var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-right-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-right-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-up-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-up-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-up-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-down-side-radius:var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-down-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
8
8
 
9
- .base_p85v51_b1tbn2l2__dc2107ca{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
9
+ .base_y7z7cs_b1tbn2l2__ea4e846f{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.base_y7z7cs_b1tbn2l2__ea4e846f.base_y7z7cs_buttonGroupOrienationVertical__ea4e846f .base_y7z7cs_buttonItem__ea4e846f{width:auto;}
10
10
 
11
11
  .base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19{width:100%;}.base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19 .base_rzhdtv_buttonItem__7ab3ad19{width:100%;}
12
12
 
package/cjs/components/ButtonGroup/ButtonGroup.tokens.js CHANGED
@@ -18,6 +18,7 @@ var classes = {
18
18
  var tokens = {
19
19
  buttonGroupOrientation: '--plasma-button-group-orientation',
20
20
  buttonColor: '--plasma-button-group-item-color',
21
+ buttonValueColor: '--plasma-button-group-item-value-color',
21
22
  buttonBackgroundColor: '--plasma-button-group-item-background-color',
22
23
  buttonColorHover: '--plasma-button-group-item-color-hover',
23
24
  buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',
package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.tokens.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'button-group-stretching-auto',\n filledStretching: 'button-group-stretching-filled',\n\n buttonGroupOverrideStyles: 'button-group-override-styles',\n\n horizontal: 'button-group-orienation-horizontal',\n vertical: 'button-group-orienation-vertical',\n\n none: 'button-group-gap-none',\n dense: 'button-group-gap-dense',\n wide: 'button-group-gap-wide',\n\n segmented: 'button-group-shape-segmented',\n default: 'button-group-shape-default',\n pilled: 'button-group-shape-pilled',\n};\n\nexport const tokens = {\n buttonGroupOrientation: '--plasma-button-group-orientation',\n\n buttonColor: '--plasma-button-group-item-color',\n buttonBackgroundColor: '--plasma-button-group-item-background-color',\n buttonColorHover: '--plasma-button-group-item-color-hover',\n buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',\n buttonColorActive: '--plasma-button-group-item-color-active',\n buttonBackgroundColorActive: '--plasma-button-group-item-background-color-active',\n\n buttonSegmentedRadius: '--plasma-button-group-item-segmented-radius',\n buttonDefaultRadius: '--plasma-button-group-item-default-radius',\n buttonSideRadius: '--plasma-button-group-side-item-radius',\n\n buttonGroupItemsGap: '--plasma-button-group-items-gap',\n buttonScaleHover: '--plasma-button-group-item-scale-hover',\n buttonScaleActive: '--plasma-button-group-item-scale-active',\n buttonHeight: '--plasma-button-group-item-height',\n buttonWidth: '--plasma-button-group-item-width',\n buttonPadding: '--plasma-button-group-item-padding',\n buttonRadiusCircle: '--plasma-button-group-item-radius-circle',\n\n buttonFontFamily: '--plasma-button-group-item-font-family',\n buttonFontSize: '--plasma-button-group-item-font-size',\n buttonFontStyle: '--plasma-button-group-item-font-style',\n buttonFontWeight: '--plasma-button-group-item-font-weight',\n buttonLetterSpacing: '--plasma-button-group-item-letter-spacing',\n buttonLineHeight: '--plasma-button-group-item-line-height',\n};\n"],"names":["classes","autoStretching","filledStretching","buttonGroupOverrideStyles","horizontal","vertical","none","dense","wide","segmented","pilled","tokens","buttonGroupOrientation","buttonColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonSegmentedRadius","buttonDefaultRadius","buttonSideRadius","buttonGroupItemsGap","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,8BAA8B;AAC9CC,EAAAA,gBAAgB,EAAE,gCAAgC;AAElDC,EAAAA,yBAAyB,EAAE,8BAA8B;AAEzDC,EAAAA,UAAU,EAAE,oCAAoC;AAChDC,EAAAA,QAAQ,EAAE,kCAAkC;AAE5CC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,IAAI,EAAE,uBAAuB;AAE7BC,EAAAA,SAAS,EAAE,8BAA8B;AACzC,EAAA,SAAA,EAAS,4BAA4B;AACrCC,EAAAA,MAAM,EAAE,2BAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAE3DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,0BAA0B,EAAE,mDAAmD;AAC/EC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,2BAA2B,EAAE,oDAAoD;AAEjFC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAE1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAE9DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAA;AACtB;;;;;"}
1
+ {"version":3,"file":"ButtonGroup.tokens.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'button-group-stretching-auto',\n filledStretching: 'button-group-stretching-filled',\n\n buttonGroupOverrideStyles: 'button-group-override-styles',\n\n horizontal: 'button-group-orienation-horizontal',\n vertical: 'button-group-orienation-vertical',\n\n none: 'button-group-gap-none',\n dense: 'button-group-gap-dense',\n wide: 'button-group-gap-wide',\n\n segmented: 'button-group-shape-segmented',\n default: 'button-group-shape-default',\n pilled: 'button-group-shape-pilled',\n};\n\nexport const tokens = {\n buttonGroupOrientation: '--plasma-button-group-orientation',\n\n buttonColor: '--plasma-button-group-item-color',\n buttonValueColor: '--plasma-button-group-item-value-color',\n buttonBackgroundColor: '--plasma-button-group-item-background-color',\n buttonColorHover: '--plasma-button-group-item-color-hover',\n buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',\n buttonColorActive: '--plasma-button-group-item-color-active',\n buttonBackgroundColorActive: '--plasma-button-group-item-background-color-active',\n\n buttonSegmentedRadius: '--plasma-button-group-item-segmented-radius',\n buttonDefaultRadius: '--plasma-button-group-item-default-radius',\n buttonSideRadius: '--plasma-button-group-side-item-radius',\n\n buttonGroupItemsGap: '--plasma-button-group-items-gap',\n buttonScaleHover: '--plasma-button-group-item-scale-hover',\n buttonScaleActive: '--plasma-button-group-item-scale-active',\n buttonHeight: '--plasma-button-group-item-height',\n buttonWidth: '--plasma-button-group-item-width',\n buttonPadding: '--plasma-button-group-item-padding',\n buttonRadiusCircle: '--plasma-button-group-item-radius-circle',\n\n buttonFontFamily: '--plasma-button-group-item-font-family',\n buttonFontSize: '--plasma-button-group-item-font-size',\n buttonFontStyle: '--plasma-button-group-item-font-style',\n buttonFontWeight: '--plasma-button-group-item-font-weight',\n buttonLetterSpacing: '--plasma-button-group-item-letter-spacing',\n buttonLineHeight: '--plasma-button-group-item-line-height',\n};\n"],"names":["classes","autoStretching","filledStretching","buttonGroupOverrideStyles","horizontal","vertical","none","dense","wide","segmented","pilled","tokens","buttonGroupOrientation","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonSegmentedRadius","buttonDefaultRadius","buttonSideRadius","buttonGroupItemsGap","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,8BAA8B;AAC9CC,EAAAA,gBAAgB,EAAE,gCAAgC;AAElDC,EAAAA,yBAAyB,EAAE,8BAA8B;AAEzDC,EAAAA,UAAU,EAAE,oCAAoC;AAChDC,EAAAA,QAAQ,EAAE,kCAAkC;AAE5CC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,IAAI,EAAE,uBAAuB;AAE7BC,EAAAA,SAAS,EAAE,8BAA8B;AACzC,EAAA,SAAA,EAAS,4BAA4B;AACrCC,EAAAA,MAAM,EAAE,2BAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAE3DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,0BAA0B,EAAE,mDAAmD;AAC/EC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,2BAA2B,EAAE,oDAAoD;AAEjFC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAE1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAE9DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAA;AACtB;;;;;"}
package/cjs/components/ButtonGroup/variations/_orientation/base.js CHANGED
@@ -1,4 +1,4 @@
1
- import './base_p85v51.css';
1
+ import './base_y7z7cs.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
package/cjs/components/ButtonGroup/variations/_orientation/base.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../ButtonGroup.tokens';\n\nexport const base = css`\n flex-direction: var(${tokens.buttonGroupOrientation});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAEhB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses } from '../../../Button';\n\nexport const base = css`\n flex-direction: var(${tokens.buttonGroupOrientation});\n\n &.${classes.vertical} .${buttonClasses.buttonItem} {\n width: auto;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAMhB;;;;"}
package/cjs/components/ButtonGroup/variations/_orientation/{base_p85v51.css → base_y7z7cs.css} RENAMED
@@ -1 +1 @@
1
- .b1tbn2l2{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
1
+ .b1tbn2l2{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.b1tbn2l2.button-group-orienation-vertical .button-item{width:auto;}
package/cjs/components/ButtonGroup/variations/_view/base.js CHANGED
@@ -1,4 +1,4 @@
1
- import './base_6k3uip.css';
1
+ import './base_1n9gznw.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
package/cjs/components/ButtonGroup/variations/_view/base.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses, buttonTokens } from '../../../Button';\n\nexport const base = css`\n &.${classes.buttonGroupOverrideStyles} .${buttonClasses.buttonItem} {\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAShB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses, buttonTokens } from '../../../Button';\n\nexport const base = css`\n &.${classes.buttonGroupOverrideStyles} .${buttonClasses.buttonItem} {\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonValueColor}: var(${tokens.buttonValueColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAUhB;;;;"}
package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css ADDED
@@ -0,0 +1 @@
1
+ .b7jdqtc.button-group-override-styles .button-item{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js CHANGED
@@ -15,7 +15,7 @@ var HeaderArrow_styles = require('./HeaderArrow.styles.js');
15
15
  var base$1 = require('./variations/_size/base.js');
16
16
  var base = require('./variations/_view/base.js');
17
17
 
18
- var _excluded = ["arrow", "iconSize"];
18
+ var _excluded = ["arrow", "iconSize", "value"];
19
19
  var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
20
20
  var Button = /*#__PURE__*/common.component(mergedButtonConfig);
21
21
 
@@ -27,6 +27,7 @@ var headerArrowRoot = function headerArrowRoot(Root) {
27
27
  var arrow = props.arrow,
28
28
  _props$iconSize = props.iconSize,
29
29
  iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
30
+ value = props.value,
30
31
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
31
32
  var minimizeClass = arrow === 'minimize' ? Header_tokens.classes.headerArrowIconMinimize : undefined;
32
33
  return /*#__PURE__*/React.createElement(Root, {
@@ -35,7 +36,8 @@ var headerArrowRoot = function headerArrowRoot(Root) {
35
36
  view: "clear",
36
37
  size: "s",
37
38
  tabIndex: -1,
38
- className: Header_tokens.classes.headerArrow
39
+ className: Header_tokens.classes.headerArrow,
40
+ value: String(value)
39
41
  }, rest), /*#__PURE__*/React.createElement(IconChevronLeft.IconChevronLeft, _rollupPluginBabelHelpers.extends({
40
42
  size: iconSize,
41
43
  sizeCustomProperty: Header_tokens.tokens.headerArrowIconSize,
package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n const { arrow, iconSize = 's', ...rest } = props;\n\n const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n return (\n <Root ref={outerRootRef}>\n <Button view=\"clear\" size=\"s\" tabIndex={-1} className={classes.headerArrow} {...rest}>\n <IconChevronLeft\n size={iconSize}\n sizeCustomProperty={tokens.headerArrowIconSize}\n className={cx(classes.headerArrowIcon, minimizeClass)}\n color=\"inherit\"\n {...props}\n />\n </Button>\n </Root>\n );\n });\n\nexport const headerArrowConfig = {\n name: 'HeaderArrow',\n tag: 'div',\n layout: headerArrowRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,gBAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAA8BF,KAAK,CAAxCE,KAAK;MAAAC,eAAA,GAA8BH,KAAK,CAAjCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;AAAKE,MAAAA,IAAI,GAAAC,iDAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;IAEhD,IAAMC,aAAa,GAAGN,KAAK,KAAK,UAAU,GAAGO,qBAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACf,IAAI,EAAA;AAACgB,MAAAA,GAAG,EAAEb,YAAAA;AAAa,KAAA,eACpBW,KAAA,CAAAC,aAAA,CAAClB,MAAM,EAAAoB,iCAAA,CAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,IAAI,EAAC,GAAG;MAACC,QAAQ,EAAE,CAAC,CAAE;MAACC,SAAS,EAAEV,qBAAO,CAACW,WAAAA;KAAiBf,EAAAA,IAAI,gBAChFO,KAAA,CAAAC,aAAA,CAACQ,+BAAe,EAAAN,iCAAA,CAAA;AACZE,MAAAA,IAAI,EAAEb,QAAS;MACfkB,kBAAkB,EAAEC,oBAAM,CAACC,mBAAoB;MAC/CL,SAAS,EAAEM,QAAE,CAAChB,qBAAO,CAACiB,eAAe,EAAElB,aAAa,CAAE;AACtDmB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX3B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElC,eAAe;AACvBmC,EAAAA,IAAI,EAAJA,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDlB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
1
+ {"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n const { arrow, iconSize = 's', value, ...rest } = props;\n\n const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n return (\n <Root ref={outerRootRef}>\n <Button\n view=\"clear\"\n size=\"s\"\n tabIndex={-1}\n className={classes.headerArrow}\n value={String(value)}\n {...rest}\n >\n <IconChevronLeft\n size={iconSize}\n sizeCustomProperty={tokens.headerArrowIconSize}\n className={cx(classes.headerArrowIcon, minimizeClass)}\n color=\"inherit\"\n {...props}\n />\n </Button>\n </Root>\n );\n });\n\nexport const headerArrowConfig = {\n name: 'HeaderArrow',\n tag: 'div',\n layout: headerArrowRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","value","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","String","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,gBAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAAqCF,KAAK,CAA/CE,KAAK;MAAAC,eAAA,GAAqCH,KAAK,CAAxCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;MAAEE,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAEvD,IAAMC,aAAa,GAAGP,KAAK,KAAK,UAAU,GAAGQ,qBAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAAA;AAAa,KAAA,eACpBY,KAAA,CAAAC,aAAA,CAACnB,MAAM,EAAAqB,iCAAA,CAAA;AACHC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAC,GAAG;MACRC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEV,qBAAO,CAACW,WAAY;MAC/BhB,KAAK,EAAEiB,MAAM,CAACjB,KAAK,CAAA;KACfC,EAAAA,IAAI,gBAERO,KAAA,CAAAC,aAAA,CAACS,+BAAe,EAAAP,iCAAA,CAAA;AACZE,MAAAA,IAAI,EAAEd,QAAS;MACfoB,kBAAkB,EAAEC,oBAAM,CAACC,mBAAoB;MAC/CN,SAAS,EAAEO,QAAE,CAACjB,qBAAO,CAACkB,eAAe,EAAEnB,aAAa,CAAE;AACtDoB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX7B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM8B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpC,eAAe;AACvBqC,EAAAA,IAAI,EAAJA,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACRlB,IAAAA,IAAI,EAAE;AACFmB,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDnB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
package/cjs/components/Pagination/Pagination.css CHANGED
@@ -24,7 +24,7 @@
24
24
  .Button_styles_nedem1_s1rjh7ra__92bfbb48{margin:var(--plasma-button-right-content-margin);}
25
25
  .Button_styles_nedem1_b9ga1dj__92bfbb48{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_nedem1_b9ga1dj__92bfbb48{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_nedem1_b9ga1dj__92bfbb48.Button_styles_nedem1_b9ga1dj__92bfbb48.Button_styles_nedem1_buttonSquare__92bfbb48{width:var(--plasma-button-height);padding:0;}
26
26
 
27
- .base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
27
+ .base_1n9gznw_b7jdqtc__26f40349.base_1n9gznw_buttonGroupOverrideStyles__26f40349 .base_1n9gznw_buttonItem__26f40349{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
28
28
 
29
29
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
30
30
 
@@ -32,7 +32,7 @@
32
32
 
33
33
  .base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeDefault__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-default-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-segmented-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5.base_1it4v56_buttonGroupGapNone__b4024cb5{--plasma_private-button-radius-inner:0;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5{--plasma-button-radius:var(--plasma_private-button-radius-inner);position:relative;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-button-radius-inner);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child{border-radius:var(--plasma-button-group-side-item-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma-button-group-side-item-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-left-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-left-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-right-side-radius:var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-right-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-right-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-up-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-up-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-up-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-down-side-radius:var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-down-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
34
34
 
35
- .base_p85v51_b1tbn2l2__dc2107ca{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
35
+ .base_y7z7cs_b1tbn2l2__ea4e846f{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.base_y7z7cs_b1tbn2l2__ea4e846f.base_y7z7cs_buttonGroupOrienationVertical__ea4e846f .base_y7z7cs_buttonItem__ea4e846f{width:auto;}
36
36
 
37
37
  .base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19{width:100%;}.base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19 .base_rzhdtv_buttonItem__7ab3ad19{width:100%;}
38
38
 
package/cjs/index.css CHANGED
@@ -19,7 +19,7 @@
19
19
 
20
20
  .IconButton_styles_7v8g0e_b1ua728l__3b30d792{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
21
21
 
22
- .base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
22
+ .base_1n9gznw_b7jdqtc__26f40349.base_1n9gznw_buttonGroupOverrideStyles__26f40349 .base_1n9gznw_buttonItem__26f40349{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
23
23
 
24
24
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
25
25
 
@@ -27,7 +27,7 @@
27
27
 
28
28
  .base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeDefault__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-default-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-segmented-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5.base_1it4v56_buttonGroupGapNone__b4024cb5{--plasma_private-button-radius-inner:0;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5{--plasma-button-radius:var(--plasma_private-button-radius-inner);position:relative;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-button-radius-inner);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child{border-radius:var(--plasma-button-group-side-item-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma-button-group-side-item-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-left-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-left-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-right-side-radius:var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-right-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-right-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-up-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-up-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-up-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-down-side-radius:var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-down-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
29
29
 
30
- .base_p85v51_b1tbn2l2__dc2107ca{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
30
+ .base_y7z7cs_b1tbn2l2__ea4e846f{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.base_y7z7cs_b1tbn2l2__ea4e846f.base_y7z7cs_buttonGroupOrienationVertical__ea4e846f .base_y7z7cs_buttonItem__ea4e846f{width:auto;}
31
31
 
32
32
  .base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19{width:100%;}.base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19 .base_rzhdtv_buttonItem__7ab3ad19{width:100%;}
33
33
 
package/es/components/ButtonGroup/ButtonGroup.css CHANGED
@@ -1,4 +1,4 @@
1
- .base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
1
+ .base_1n9gznw_b7jdqtc__26f40349.base_1n9gznw_buttonGroupOverrideStyles__26f40349 .base_1n9gznw_buttonItem__26f40349{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
2
2
 
3
3
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
4
4
 
@@ -6,7 +6,7 @@
6
6
 
7
7
  .base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeDefault__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-default-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-segmented-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5.base_1it4v56_buttonGroupGapNone__b4024cb5{--plasma_private-button-radius-inner:0;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5{--plasma-button-radius:var(--plasma_private-button-radius-inner);position:relative;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-button-radius-inner);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child{border-radius:var(--plasma-button-group-side-item-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma-button-group-side-item-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-left-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-left-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-right-side-radius:var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-right-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-right-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-up-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-up-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-up-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-down-side-radius:var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-down-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
8
8
 
9
- .base_p85v51_b1tbn2l2__dc2107ca{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
9
+ .base_y7z7cs_b1tbn2l2__ea4e846f{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.base_y7z7cs_b1tbn2l2__ea4e846f.base_y7z7cs_buttonGroupOrienationVertical__ea4e846f .base_y7z7cs_buttonItem__ea4e846f{width:auto;}
10
10
 
11
11
  .base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19{width:100%;}.base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19 .base_rzhdtv_buttonItem__7ab3ad19{width:100%;}
12
12
 
package/es/components/ButtonGroup/ButtonGroup.tokens.js CHANGED
@@ -14,6 +14,7 @@ var classes = {
14
14
  var tokens = {
15
15
  buttonGroupOrientation: '--plasma-button-group-orientation',
16
16
  buttonColor: '--plasma-button-group-item-color',
17
+ buttonValueColor: '--plasma-button-group-item-value-color',
17
18
  buttonBackgroundColor: '--plasma-button-group-item-background-color',
18
19
  buttonColorHover: '--plasma-button-group-item-color-hover',
19
20
  buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',
package/es/components/ButtonGroup/ButtonGroup.tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.tokens.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'button-group-stretching-auto',\n filledStretching: 'button-group-stretching-filled',\n\n buttonGroupOverrideStyles: 'button-group-override-styles',\n\n horizontal: 'button-group-orienation-horizontal',\n vertical: 'button-group-orienation-vertical',\n\n none: 'button-group-gap-none',\n dense: 'button-group-gap-dense',\n wide: 'button-group-gap-wide',\n\n segmented: 'button-group-shape-segmented',\n default: 'button-group-shape-default',\n pilled: 'button-group-shape-pilled',\n};\n\nexport const tokens = {\n buttonGroupOrientation: '--plasma-button-group-orientation',\n\n buttonColor: '--plasma-button-group-item-color',\n buttonBackgroundColor: '--plasma-button-group-item-background-color',\n buttonColorHover: '--plasma-button-group-item-color-hover',\n buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',\n buttonColorActive: '--plasma-button-group-item-color-active',\n buttonBackgroundColorActive: '--plasma-button-group-item-background-color-active',\n\n buttonSegmentedRadius: '--plasma-button-group-item-segmented-radius',\n buttonDefaultRadius: '--plasma-button-group-item-default-radius',\n buttonSideRadius: '--plasma-button-group-side-item-radius',\n\n buttonGroupItemsGap: '--plasma-button-group-items-gap',\n buttonScaleHover: '--plasma-button-group-item-scale-hover',\n buttonScaleActive: '--plasma-button-group-item-scale-active',\n buttonHeight: '--plasma-button-group-item-height',\n buttonWidth: '--plasma-button-group-item-width',\n buttonPadding: '--plasma-button-group-item-padding',\n buttonRadiusCircle: '--plasma-button-group-item-radius-circle',\n\n buttonFontFamily: '--plasma-button-group-item-font-family',\n buttonFontSize: '--plasma-button-group-item-font-size',\n buttonFontStyle: '--plasma-button-group-item-font-style',\n buttonFontWeight: '--plasma-button-group-item-font-weight',\n buttonLetterSpacing: '--plasma-button-group-item-letter-spacing',\n buttonLineHeight: '--plasma-button-group-item-line-height',\n};\n"],"names":["classes","autoStretching","filledStretching","buttonGroupOverrideStyles","horizontal","vertical","none","dense","wide","segmented","pilled","tokens","buttonGroupOrientation","buttonColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonSegmentedRadius","buttonDefaultRadius","buttonSideRadius","buttonGroupItemsGap","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,8BAA8B;AAC9CC,EAAAA,gBAAgB,EAAE,gCAAgC;AAElDC,EAAAA,yBAAyB,EAAE,8BAA8B;AAEzDC,EAAAA,UAAU,EAAE,oCAAoC;AAChDC,EAAAA,QAAQ,EAAE,kCAAkC;AAE5CC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,IAAI,EAAE,uBAAuB;AAE7BC,EAAAA,SAAS,EAAE,8BAA8B;AACzC,EAAA,SAAA,EAAS,4BAA4B;AACrCC,EAAAA,MAAM,EAAE,2BAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAE3DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,0BAA0B,EAAE,mDAAmD;AAC/EC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,2BAA2B,EAAE,oDAAoD;AAEjFC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAE1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAE9DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAA;AACtB;;;;"}
1
+ {"version":3,"file":"ButtonGroup.tokens.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'button-group-stretching-auto',\n filledStretching: 'button-group-stretching-filled',\n\n buttonGroupOverrideStyles: 'button-group-override-styles',\n\n horizontal: 'button-group-orienation-horizontal',\n vertical: 'button-group-orienation-vertical',\n\n none: 'button-group-gap-none',\n dense: 'button-group-gap-dense',\n wide: 'button-group-gap-wide',\n\n segmented: 'button-group-shape-segmented',\n default: 'button-group-shape-default',\n pilled: 'button-group-shape-pilled',\n};\n\nexport const tokens = {\n buttonGroupOrientation: '--plasma-button-group-orientation',\n\n buttonColor: '--plasma-button-group-item-color',\n buttonValueColor: '--plasma-button-group-item-value-color',\n buttonBackgroundColor: '--plasma-button-group-item-background-color',\n buttonColorHover: '--plasma-button-group-item-color-hover',\n buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',\n buttonColorActive: '--plasma-button-group-item-color-active',\n buttonBackgroundColorActive: '--plasma-button-group-item-background-color-active',\n\n buttonSegmentedRadius: '--plasma-button-group-item-segmented-radius',\n buttonDefaultRadius: '--plasma-button-group-item-default-radius',\n buttonSideRadius: '--plasma-button-group-side-item-radius',\n\n buttonGroupItemsGap: '--plasma-button-group-items-gap',\n buttonScaleHover: '--plasma-button-group-item-scale-hover',\n buttonScaleActive: '--plasma-button-group-item-scale-active',\n buttonHeight: '--plasma-button-group-item-height',\n buttonWidth: '--plasma-button-group-item-width',\n buttonPadding: '--plasma-button-group-item-padding',\n buttonRadiusCircle: '--plasma-button-group-item-radius-circle',\n\n buttonFontFamily: '--plasma-button-group-item-font-family',\n buttonFontSize: '--plasma-button-group-item-font-size',\n buttonFontStyle: '--plasma-button-group-item-font-style',\n buttonFontWeight: '--plasma-button-group-item-font-weight',\n buttonLetterSpacing: '--plasma-button-group-item-letter-spacing',\n buttonLineHeight: '--plasma-button-group-item-line-height',\n};\n"],"names":["classes","autoStretching","filledStretching","buttonGroupOverrideStyles","horizontal","vertical","none","dense","wide","segmented","pilled","tokens","buttonGroupOrientation","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonSegmentedRadius","buttonDefaultRadius","buttonSideRadius","buttonGroupItemsGap","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,8BAA8B;AAC9CC,EAAAA,gBAAgB,EAAE,gCAAgC;AAElDC,EAAAA,yBAAyB,EAAE,8BAA8B;AAEzDC,EAAAA,UAAU,EAAE,oCAAoC;AAChDC,EAAAA,QAAQ,EAAE,kCAAkC;AAE5CC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,IAAI,EAAE,uBAAuB;AAE7BC,EAAAA,SAAS,EAAE,8BAA8B;AACzC,EAAA,SAAA,EAAS,4BAA4B;AACrCC,EAAAA,MAAM,EAAE,2BAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAE3DC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,0BAA0B,EAAE,mDAAmD;AAC/EC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,2BAA2B,EAAE,oDAAoD;AAEjFC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAwC;AAE1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,YAAY,EAAE,mCAAmC;AACjDC,EAAAA,WAAW,EAAE,kCAAkC;AAC/CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,kBAAkB,EAAE,0CAA0C;AAE9DC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,gBAAgB,EAAE,wCAAA;AACtB;;;;"}
package/es/components/ButtonGroup/variations/_orientation/base.js CHANGED
@@ -1,4 +1,4 @@
1
- import './base_p85v51.css';
1
+ import './base_y7z7cs.css';
2
2
  var base = "b1tbn2l2";
3
3
 
4
4
  export { base };
package/es/components/ButtonGroup/variations/_orientation/base.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../ButtonGroup.tokens';\n\nexport const base = css`\n flex-direction: var(${tokens.buttonGroupOrientation});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses } from '../../../Button';\n\nexport const base = css`\n flex-direction: var(${tokens.buttonGroupOrientation});\n\n &.${classes.vertical} .${buttonClasses.buttonItem} {\n width: auto;\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAMhB;;;;"}
package/es/components/ButtonGroup/variations/_orientation/{base_p85v51.css → base_y7z7cs.css} RENAMED
@@ -1 +1 @@
1
- .b1tbn2l2{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
1
+ .b1tbn2l2{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.b1tbn2l2.button-group-orienation-vertical .button-item{width:auto;}
package/es/components/ButtonGroup/variations/_view/base.js CHANGED
@@ -1,4 +1,4 @@
1
- import './base_6k3uip.css';
1
+ import './base_1n9gznw.css';
2
2
  var base = "b7jdqtc";
3
3
 
4
4
  export { base };
package/es/components/ButtonGroup/variations/_view/base.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses, buttonTokens } from '../../../Button';\n\nexport const base = css`\n &.${classes.buttonGroupOverrideStyles} .${buttonClasses.buttonItem} {\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAShB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/ButtonGroup/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../ButtonGroup.tokens';\nimport { buttonClasses, buttonTokens } from '../../../Button';\n\nexport const base = css`\n &.${classes.buttonGroupOverrideStyles} .${buttonClasses.buttonItem} {\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonValueColor}: var(${tokens.buttonValueColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAUhB;;;;"}
package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css ADDED
@@ -0,0 +1 @@
1
+ .b7jdqtc.button-group-override-styles .button-item{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
package/es/components/Header/ui/HeaderArrow/HeaderArrow.js CHANGED
@@ -11,7 +11,7 @@ import { base } from './HeaderArrow.styles.js';
11
11
  import { base as base$2 } from './variations/_size/base.js';
12
12
  import { base as base$1 } from './variations/_view/base.js';
13
13
 
14
- var _excluded = ["arrow", "iconSize"];
14
+ var _excluded = ["arrow", "iconSize", "value"];
15
15
  var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
16
16
  var Button = /*#__PURE__*/component(mergedButtonConfig);
17
17
 
@@ -23,6 +23,7 @@ var headerArrowRoot = function headerArrowRoot(Root) {
23
23
  var arrow = props.arrow,
24
24
  _props$iconSize = props.iconSize,
25
25
  iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
26
+ value = props.value,
26
27
  rest = _objectWithoutProperties(props, _excluded);
27
28
  var minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;
28
29
  return /*#__PURE__*/React.createElement(Root, {
@@ -31,7 +32,8 @@ var headerArrowRoot = function headerArrowRoot(Root) {
31
32
  view: "clear",
32
33
  size: "s",
33
34
  tabIndex: -1,
34
- className: classes.headerArrow
35
+ className: classes.headerArrow,
36
+ value: String(value)
35
37
  }, rest), /*#__PURE__*/React.createElement(IconChevronLeft, _extends({
36
38
  size: iconSize,
37
39
  sizeCustomProperty: tokens.headerArrowIconSize,
package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n const { arrow, iconSize = 's', ...rest } = props;\n\n const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n return (\n <Root ref={outerRootRef}>\n <Button view=\"clear\" size=\"s\" tabIndex={-1} className={classes.headerArrow} {...rest}>\n <IconChevronLeft\n size={iconSize}\n sizeCustomProperty={tokens.headerArrowIconSize}\n className={cx(classes.headerArrowIcon, minimizeClass)}\n color=\"inherit\"\n {...props}\n />\n </Button>\n </Root>\n );\n });\n\nexport const headerArrowConfig = {\n name: 'HeaderArrow',\n tag: 'div',\n layout: headerArrowRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,UAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAA8BF,KAAK,CAAxCE,KAAK;MAAAC,eAAA,GAA8BH,KAAK,CAAjCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;IAEhD,IAAMC,aAAa,GAAGN,KAAK,KAAK,UAAU,GAAGO,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACf,IAAI,EAAA;AAACgB,MAAAA,GAAG,EAAEb,YAAAA;AAAa,KAAA,eACpBW,KAAA,CAAAC,aAAA,CAAClB,MAAM,EAAAoB,QAAA,CAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,IAAI,EAAC,GAAG;MAACC,QAAQ,EAAE,CAAC,CAAE;MAACC,SAAS,EAAEV,OAAO,CAACW,WAAAA;KAAiBf,EAAAA,IAAI,gBAChFO,KAAA,CAAAC,aAAA,CAACQ,eAAe,EAAAN,QAAA,CAAA;AACZE,MAAAA,IAAI,EAAEb,QAAS;MACfkB,kBAAkB,EAAEC,MAAM,CAACC,mBAAoB;MAC/CL,SAAS,EAAEM,EAAE,CAAChB,OAAO,CAACiB,eAAe,EAAElB,aAAa,CAAE;AACtDmB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX3B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElC,eAAe;AACvBmC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n const { arrow, iconSize = 's', value, ...rest } = props;\n\n const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n return (\n <Root ref={outerRootRef}>\n <Button\n view=\"clear\"\n size=\"s\"\n tabIndex={-1}\n className={classes.headerArrow}\n value={String(value)}\n {...rest}\n >\n <IconChevronLeft\n size={iconSize}\n sizeCustomProperty={tokens.headerArrowIconSize}\n className={cx(classes.headerArrowIcon, minimizeClass)}\n color=\"inherit\"\n {...props}\n />\n </Button>\n </Root>\n );\n });\n\nexport const headerArrowConfig = {\n name: 'HeaderArrow',\n tag: 'div',\n layout: headerArrowRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","value","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","String","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,UAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAAqCF,KAAK,CAA/CE,KAAK;MAAAC,eAAA,GAAqCH,KAAK,CAAxCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;MAAEE,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAEvD,IAAMC,aAAa,GAAGP,KAAK,KAAK,UAAU,GAAGQ,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAAA;AAAa,KAAA,eACpBY,KAAA,CAAAC,aAAA,CAACnB,MAAM,EAAAqB,QAAA,CAAA;AACHC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAC,GAAG;MACRC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEV,OAAO,CAACW,WAAY;MAC/BhB,KAAK,EAAEiB,MAAM,CAACjB,KAAK,CAAA;KACfC,EAAAA,IAAI,gBAERO,KAAA,CAAAC,aAAA,CAACS,eAAe,EAAAP,QAAA,CAAA;AACZE,MAAAA,IAAI,EAAEd,QAAS;MACfoB,kBAAkB,EAAEC,MAAM,CAACC,mBAAoB;MAC/CN,SAAS,EAAEO,EAAE,CAACjB,OAAO,CAACkB,eAAe,EAAEnB,aAAa,CAAE;AACtDoB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX7B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM8B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpC,eAAe;AACvBqC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRlB,IAAAA,IAAI,EAAE;AACFmB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDnB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
package/es/components/Pagination/Pagination.css CHANGED
@@ -24,7 +24,7 @@
24
24
  .Button_styles_nedem1_s1rjh7ra__92bfbb48{margin:var(--plasma-button-right-content-margin);}
25
25
  .Button_styles_nedem1_b9ga1dj__92bfbb48{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_nedem1_b9ga1dj__92bfbb48{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_nedem1_b9ga1dj__92bfbb48.Button_styles_nedem1_b9ga1dj__92bfbb48.Button_styles_nedem1_buttonSquare__92bfbb48{width:var(--plasma-button-height);padding:0;}
26
26
 
27
- .base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
27
+ .base_1n9gznw_b7jdqtc__26f40349.base_1n9gznw_buttonGroupOverrideStyles__26f40349 .base_1n9gznw_buttonItem__26f40349{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
28
28
 
29
29
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
30
30
 
@@ -32,7 +32,7 @@
32
32
 
33
33
  .base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeDefault__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-default-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-segmented-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5.base_1it4v56_buttonGroupGapNone__b4024cb5{--plasma_private-button-radius-inner:0;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5{--plasma-button-radius:var(--plasma_private-button-radius-inner);position:relative;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-button-radius-inner);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child{border-radius:var(--plasma-button-group-side-item-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma-button-group-side-item-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-left-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-left-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-right-side-radius:var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-right-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-right-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-up-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-up-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-up-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-down-side-radius:var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-down-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
34
34
 
35
- .base_p85v51_b1tbn2l2__dc2107ca{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
35
+ .base_y7z7cs_b1tbn2l2__ea4e846f{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.base_y7z7cs_b1tbn2l2__ea4e846f.base_y7z7cs_buttonGroupOrienationVertical__ea4e846f .base_y7z7cs_buttonItem__ea4e846f{width:auto;}
36
36
 
37
37
  .base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19{width:100%;}.base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19 .base_rzhdtv_buttonItem__7ab3ad19{width:100%;}
38
38
 
package/es/index.css CHANGED
@@ -19,7 +19,7 @@
19
19
 
20
20
  .IconButton_styles_7v8g0e_b1ua728l__3b30d792{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::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:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
21
21
 
22
- .base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
22
+ .base_1n9gznw_b7jdqtc__26f40349.base_1n9gznw_buttonGroupOverrideStyles__26f40349 .base_1n9gznw_buttonItem__26f40349{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-value-color:var(--plasma-button-group-item-value-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
23
23
 
24
24
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
25
25
 
@@ -27,7 +27,7 @@
27
27
 
28
28
  .base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeDefault__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-default-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5{--plasma_private-button-radius-inner:var(--plasma-button-group-item-segmented-radius);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupShapeSegmented__b4024cb5.base_1it4v56_buttonGroupGapNone__b4024cb5{--plasma_private-button-radius-inner:0;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5{--plasma-button-radius:var(--plasma_private-button-radius-inner);position:relative;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-button-radius-inner);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5 .base_1it4v56_buttonItem__b4024cb5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child{border-radius:var(--plasma-button-group-side-item-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma-button-group-side-item-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-left-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-left-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-right-side-radius:var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-right-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-right-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationHorizontal__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child{--plasma_private-up-side-radius:var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius) var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-up-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-up-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:first-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child{--plasma_private-down-side-radius:var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(--plasma-button-group-side-item-radius) var(--plasma-button-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);position:relative;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-down-side-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child.base_1it4v56_focusVisible__b4024cb5:focus::before,.base_1it4v56_b137xshk__b4024cb5.base_1it4v56_buttonGroupOrienationVertical__b4024cb5 .base_1it4v56_buttonItem__b4024cb5:last-child[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
29
29
 
30
- .base_p85v51_b1tbn2l2__dc2107ca{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}
30
+ .base_y7z7cs_b1tbn2l2__ea4e846f{-webkit-flex-direction:var(--plasma-button-group-orientation);-ms-flex-direction:var(--plasma-button-group-orientation);flex-direction:var(--plasma-button-group-orientation);}.base_y7z7cs_b1tbn2l2__ea4e846f.base_y7z7cs_buttonGroupOrienationVertical__ea4e846f .base_y7z7cs_buttonItem__ea4e846f{width:auto;}
31
31
 
32
32
  .base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19{width:100%;}.base_rzhdtv_b1q0zac7__7ab3ad19.base_rzhdtv_buttonGroupStretchingFilled__7ab3ad19 .base_rzhdtv_buttonItem__7ab3ad19{width:100%;}
33
33
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.83.0-canary.1213.9159050781.0",
3
+ "version": "0.83.0-canary.1213.9161680667.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -102,5 +102,5 @@
102
102
  "react-popper": "2.3.0",
103
103
  "storeon": "3.1.5"
104
104
  },
105
- "gitHead": "f1a801368bdf134b588b8c8e479c1ce8cad898f8"
105
+ "gitHead": "d9c9ca974fe42e8779b13d437b7cfc019513f758"
106
106
  }
package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js CHANGED
@@ -20,6 +20,7 @@ var classes = exports.classes = {
20
20
  var tokens = exports.tokens = {
21
21
  buttonGroupOrientation: '--plasma-button-group-orientation',
22
22
  buttonColor: '--plasma-button-group-item-color',
23
+ buttonValueColor: '--plasma-button-group-item-value-color',
23
24
  buttonBackgroundColor: '--plasma-button-group-item-background-color',
24
25
  buttonColorHover: '--plasma-button-group-item-color-hover',
25
26
  buttonBackgroundColorHover: '--plasma-button-group-item-background-color-hover',
package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js CHANGED
@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _ButtonGroup = /*#__PURE__*/require("../../ButtonGroup.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["flex-direction:var(", ");"], _ButtonGroup.tokens.buttonGroupOrientation);
9
+ var _Button = /*#__PURE__*/require("../../../Button");
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["flex-direction:var(", ");&.", " .", "{width:auto;}"], _ButtonGroup.tokens.buttonGroupOrientation, _ButtonGroup.classes.vertical, _Button.buttonClasses.buttonItem);