@salutejs/plasma-new-hope 0.269.0-canary.1781.13380165805.0 → 0.270.0-canary.1744.13385332397.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (141) hide show
  1. package/cjs/components/Checkbox/Checkbox.css +9 -10
  2. package/cjs/components/Checkbox/Checkbox.js +2 -2
  3. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  4. package/cjs/components/Checkbox/Checkbox.styles.js +6 -12
  5. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  6. package/cjs/components/Checkbox/Checkbox.styles_16ay1rj.css +7 -0
  7. package/cjs/components/Checkbox/variations/_disabled/base.js +1 -1
  8. package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  9. package/cjs/components/Checkbox/variations/_view/base.js +1 -1
  10. package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  11. package/cjs/components/Combobox/ComboboxNew/Combobox.css +9 -10
  12. package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  14. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +9 -10
  15. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
  16. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  17. package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +9 -10
  18. package/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
  19. package/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js.map +1 -1
  20. package/cjs/components/Pagination/Pagination.css +9 -10
  21. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -10
  22. package/cjs/components/Radiobox/Radiobox.css +7 -8
  23. package/cjs/components/Radiobox/Radiobox.js +2 -2
  24. package/cjs/components/Radiobox/Radiobox.js.map +1 -1
  25. package/cjs/components/Select/Select.css +9 -10
  26. package/cjs/components/Select/Select.js +1 -1
  27. package/cjs/components/Select/Select.js.map +1 -1
  28. package/cjs/components/Select/ui/Inner/Inner.css +9 -10
  29. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +9 -10
  30. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -0
  31. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  32. package/cjs/components/Select/utils/updateDescendants.js +6 -3
  33. package/cjs/components/Select/utils/updateDescendants.js.map +1 -1
  34. package/cjs/index.css +9 -10
  35. package/emotion/cjs/components/Checkbox/Checkbox.js +2 -2
  36. package/emotion/cjs/components/Checkbox/Checkbox.styles.js +9 -13
  37. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
  38. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
  39. package/emotion/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
  40. package/emotion/cjs/components/Radiobox/Radiobox.js +2 -2
  41. package/emotion/cjs/components/Select/Select.js +1 -1
  42. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -0
  43. package/emotion/cjs/components/Select/utils/updateDescendants.js +6 -3
  44. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -0
  45. package/emotion/cjs/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
  46. package/emotion/cjs/examples/plasma_b2c/components/Tokens/Tokens.styles.js +14 -14
  47. package/emotion/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
  48. package/emotion/cjs/examples/plasma_web/components/Tokens/Tokens.styles.js +14 -14
  49. package/emotion/es/components/Checkbox/Checkbox.js +3 -3
  50. package/emotion/es/components/Checkbox/Checkbox.styles.js +8 -12
  51. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
  52. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
  53. package/emotion/es/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
  54. package/emotion/es/components/Radiobox/Radiobox.js +3 -3
  55. package/emotion/es/components/Select/Select.js +1 -1
  56. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +1 -0
  57. package/emotion/es/components/Select/utils/updateDescendants.js +6 -3
  58. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -0
  59. package/emotion/es/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
  60. package/emotion/es/examples/plasma_b2c/components/Tokens/Tokens.styles.js +14 -14
  61. package/emotion/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
  62. package/emotion/es/examples/plasma_web/components/Tokens/Tokens.styles.js +14 -14
  63. package/es/components/Checkbox/Checkbox.css +9 -10
  64. package/es/components/Checkbox/Checkbox.js +3 -3
  65. package/es/components/Checkbox/Checkbox.js.map +1 -1
  66. package/es/components/Checkbox/Checkbox.styles.js +7 -12
  67. package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
  68. package/es/components/Checkbox/Checkbox.styles_16ay1rj.css +7 -0
  69. package/es/components/Checkbox/variations/_disabled/base.js +1 -1
  70. package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
  71. package/es/components/Checkbox/variations/_view/base.js +1 -1
  72. package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
  73. package/es/components/Combobox/ComboboxNew/Combobox.css +9 -10
  74. package/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
  75. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  76. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +9 -10
  77. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
  78. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  79. package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +9 -10
  80. package/es/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
  81. package/es/components/Combobox/ComboboxNew/utils/updateDescendants.js.map +1 -1
  82. package/es/components/Pagination/Pagination.css +9 -10
  83. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -10
  84. package/es/components/Radiobox/Radiobox.css +7 -8
  85. package/es/components/Radiobox/Radiobox.js +3 -3
  86. package/es/components/Radiobox/Radiobox.js.map +1 -1
  87. package/es/components/Select/Select.css +9 -10
  88. package/es/components/Select/Select.js +1 -1
  89. package/es/components/Select/Select.js.map +1 -1
  90. package/es/components/Select/ui/Inner/Inner.css +9 -10
  91. package/es/components/Select/ui/Inner/ui/Item/Item.css +9 -10
  92. package/es/components/Select/ui/Inner/ui/Item/Item.js +1 -0
  93. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  94. package/es/components/Select/utils/updateDescendants.js +6 -3
  95. package/es/components/Select/utils/updateDescendants.js.map +1 -1
  96. package/es/index.css +9 -10
  97. package/package.json +5 -5
  98. package/styled-components/cjs/components/Checkbox/Checkbox.js +2 -2
  99. package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +7 -10
  100. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
  101. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
  102. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
  103. package/styled-components/cjs/components/Radiobox/Radiobox.js +2 -2
  104. package/styled-components/cjs/components/Select/Select.js +1 -1
  105. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -0
  106. package/styled-components/cjs/components/Select/utils/updateDescendants.js +6 -3
  107. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -0
  108. package/styled-components/cjs/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
  109. package/styled-components/cjs/examples/plasma_b2c/components/Tokens/Tokens.styles.js +2 -2
  110. package/styled-components/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
  111. package/styled-components/cjs/examples/plasma_web/components/Tokens/Tokens.styles.js +2 -2
  112. package/styled-components/es/components/Checkbox/Checkbox.js +3 -3
  113. package/styled-components/es/components/Checkbox/Checkbox.styles.js +6 -9
  114. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
  115. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
  116. package/styled-components/es/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
  117. package/styled-components/es/components/Radiobox/Radiobox.js +3 -3
  118. package/styled-components/es/components/Select/Select.js +1 -1
  119. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +1 -0
  120. package/styled-components/es/components/Select/utils/updateDescendants.js +6 -3
  121. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -0
  122. package/styled-components/es/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
  123. package/styled-components/es/examples/plasma_b2c/components/Tokens/Tokens.styles.js +2 -2
  124. package/styled-components/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
  125. package/styled-components/es/examples/plasma_web/components/Tokens/Tokens.styles.js +2 -2
  126. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  127. package/types/components/Checkbox/Checkbox.styles.d.ts +0 -1
  128. package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
  129. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  130. package/types/components/Combobox/ComboboxNew/utils/updateDescendants.d.ts +2 -2
  131. package/types/components/Combobox/ComboboxNew/utils/updateDescendants.d.ts.map +1 -1
  132. package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
  133. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  134. package/types/components/Select/utils/updateDescendants.d.ts +2 -2
  135. package/types/components/Select/utils/updateDescendants.d.ts.map +1 -1
  136. package/cjs/components/Checkbox/Checkbox.styles_hlkenx.css +0 -8
  137. package/cjs/components/Checkbox/variations/_disabled/base_1kd28bo.css +0 -1
  138. package/cjs/components/Checkbox/variations/_view/base_1xk2qu8.css +0 -1
  139. package/es/components/Checkbox/Checkbox.styles_hlkenx.css +0 -8
  140. package/es/components/Checkbox/variations/_disabled/base_1kd28bo.css +0 -1
  141. package/es/components/Checkbox/variations/_view/base_1xk2qu8.css +0 -1
package/es/index.css CHANGED
@@ -103,20 +103,19 @@
103
103
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
104
104
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
105
105
 
106
- .base_1xk2qu8_b17hdes8__122b4c2e input[type='checkbox']:indeterminate + .base_1xk2qu8_shwv1in__122b4c2e .base_1xk2qu8_s1u3nd7e__122b4c2e{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_1xk2qu8_b17hdes8__122b4c2e input:checked + .base_1xk2qu8_shwv1in__122b4c2e .base_1xk2qu8_s1u3nd7e__122b4c2e{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
106
+ .base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
107
107
 
108
- .base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{cursor:not-allowed;}
108
+ .base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
109
109
 
110
110
  .base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
111
111
 
112
- .Checkbox_styles_hlkenx_b1udywkg__264b81dc{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_hlkenx_b1udywkg__264b81dc .Checkbox_styles_hlkenx_singleLine__264b81dc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
113
- .Checkbox_styles_hlkenx_s165w87d__264b81dc{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_hlkenx_s165w87d__264b81dc:focus{outline:0 none;}
114
- .Checkbox_styles_hlkenx_sft3zxv__264b81dc{padding:var(--plasma-checkbox-trigger-margin);}
115
- .Checkbox_styles_hlkenx_s1u3nd7e__264b81dc{width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_hlkenx_s1u3nd7e__264b81dc div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_hlkenx_s1u3nd7e__264b81dc div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
116
- .Checkbox_styles_hlkenx_shwv1in__264b81dc{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_hlkenx_shwv1in__264b81dc .Checkbox_styles_hlkenx_singleLine__264b81dc{width:100%;}
117
- .Checkbox_styles_hlkenx_s1my1ay__264b81dc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
118
- .Checkbox_styles_hlkenx_s14u8fnn__264b81dc{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
119
- .Checkbox_styles_hlkenx_s10clj68__264b81dc{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_hlkenx_s10clj68__264b81dc.Checkbox_styles_hlkenx_onlyDescription__264b81dc{margin-top:0;}
112
+ .Checkbox_styles_16ay1rj_b1udywkg__57f51758{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_16ay1rj_b1udywkg__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
113
+ .Checkbox_styles_16ay1rj_s165w87d__57f51758{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_16ay1rj_s165w87d__57f51758:focus{outline:0 none;}
114
+ .Checkbox_styles_16ay1rj_sft3zxv__57f51758{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
115
+ .Checkbox_styles_16ay1rj_s1u3nd7e__57f51758{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{width:100%;}
116
+ .Checkbox_styles_16ay1rj_shwv1in__57f51758{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
117
+ .Checkbox_styles_16ay1rj_s1my1ay__57f51758{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
118
+ .Checkbox_styles_16ay1rj_s14u8fnn__57f51758{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_16ay1rj_s14u8fnn__57f51758.Checkbox_styles_16ay1rj_onlyDescription__57f51758{margin-top:0;}
120
119
 
121
120
  .base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
122
121
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.269.0-canary.1781.13380165805.0",
3
+ "version": "0.270.0-canary.1744.13385332397.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -80,8 +80,8 @@
80
80
  "@rollup/plugin-babel": "^6.0.4",
81
81
  "@rollup/plugin-commonjs": "^25.0.4",
82
82
  "@rollup/plugin-node-resolve": "^15.1.0",
83
- "@salutejs/plasma-sb-utils": "0.191.1-dev.0",
84
- "@salutejs/plasma-themes": "0.28.1-dev.0",
83
+ "@salutejs/plasma-sb-utils": "0.192.0-canary.1744.13385332397.0",
84
+ "@salutejs/plasma-themes": "0.29.0-canary.1744.13385332397.0",
85
85
  "@storybook/addon-docs": "^7.6.17",
86
86
  "@storybook/addon-essentials": "^7.6.17",
87
87
  "@storybook/addons": "^7.6.17",
@@ -116,7 +116,7 @@
116
116
  "@linaria/react": "5.0.3",
117
117
  "@popperjs/core": "2.11.8",
118
118
  "@salutejs/input-core": "2.1.2",
119
- "@salutejs/plasma-core": "1.191.1-dev.0",
119
+ "@salutejs/plasma-core": "1.192.0-canary.1744.13385332397.0",
120
120
  "@salutejs/react-maskinput": "3.2.6",
121
121
  "classnames": "2.5.1",
122
122
  "dayjs": "1.11.11",
@@ -132,5 +132,5 @@
132
132
  "sideEffects": [
133
133
  "*.css"
134
134
  ],
135
- "gitHead": "f9d984854a92ad8f7a9af07107bca831daf92c4e"
135
+ "gitHead": "d70dafc690da4da72b56c5878617ad3bd4dd5902"
136
136
  }
@@ -76,9 +76,9 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
76
76
  })), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
77
77
  htmlFor: checkboxId,
78
78
  className: singleLineClass
79
- }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTriggerWrapper, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
79
+ }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
80
80
  className: _Checkbox2.classes.checkboxTrigger
81
- }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null)))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
81
+ }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
82
82
  className: singleLineClass
83
83
  }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
84
84
  className: singleLineClass,
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.base = exports.StyledTriggerWrapper = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
7
+ exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
8
8
  var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
9
  var _mixins = /*#__PURE__*/require("../../mixins");
10
10
  var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
@@ -16,21 +16,18 @@ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObjec
16
16
  var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
17
17
  componentId: "plasma-new-hope__sc-tydhc1-0"
18
18
  })(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
19
- var StyledTriggerWrapper = exports.StyledTriggerWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
- componentId: "plasma-new-hope__sc-tydhc1-1"
21
- })(["padding:var(", ");"], _Checkbox.tokens.triggerMargin);
22
19
  var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
23
- componentId: "plasma-new-hope__sc-tydhc1-2"
24
- })(["width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:var(", ");border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBackgroundColor, _Checkbox.tokens.triggerBorderColor);
20
+ componentId: "plasma-new-hope__sc-tydhc1-1"
21
+ })(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:var(", ");border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerMargin, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBackgroundColor, _Checkbox.tokens.triggerBorderColor);
25
22
  var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
26
- componentId: "plasma-new-hope__sc-tydhc1-3"
23
+ componentId: "plasma-new-hope__sc-tydhc1-2"
27
24
  })(["position:relative;align-items:flex-start;display:flex;width:inherit;cursor:pointer;.", "{width:100%;}"], _Checkbox.classes.singleLine);
28
25
  var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
29
- componentId: "plasma-new-hope__sc-tydhc1-4"
26
+ componentId: "plasma-new-hope__sc-tydhc1-3"
30
27
  })(["display:flex;flex-direction:column;margin-top:var(", ");margin-left:var(", ");"], _Checkbox.tokens.contentTopOffset, _Checkbox.tokens.contentLeftOffset);
31
28
  var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
32
- componentId: "plasma-new-hope__sc-tydhc1-5"
29
+ componentId: "plasma-new-hope__sc-tydhc1-4"
33
30
  })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Checkbox.tokens.labelFontFamily, _Checkbox.tokens.labelFontSize, _Checkbox.tokens.labelFontStyle, _Checkbox.tokens.labelFontWeight, _Checkbox.tokens.labelLetterSpacing, _Checkbox.tokens.labelLineHeight);
34
31
  var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
35
- componentId: "plasma-new-hope__sc-tydhc1-6"
32
+ componentId: "plasma-new-hope__sc-tydhc1-5"
36
33
  })(["margin-top:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&.", "{margin-top:0;}"], _Checkbox.tokens.descriptionMarginTop, _Checkbox.tokens.descriptionColor, _Checkbox.tokens.descriptionFontFamily, _Checkbox.tokens.descriptionFontSize, _Checkbox.tokens.descriptionFontStyle, _Checkbox.tokens.descriptionFontWeight, _Checkbox.tokens.descriptionLetterSpacing, _Checkbox.tokens.descriptionLineHeight, _Checkbox.classes.onlyDescription);
@@ -264,7 +264,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
264
264
  var checkedCopy = new Map(checked);
265
265
  if (!checkedCopy.get(item.value)) {
266
266
  checkedCopy.set(item.value, true);
267
- (0, _utils3.updateDescendants)(item, checkedCopy, true);
267
+ (0, _utils3.updateDescendants)(item, checkedCopy, true, valueToItemMap);
268
268
  } else {
269
269
  checkedCopy.set(item.value, false);
270
270
  (0, _utils3.updateDescendants)(item, checkedCopy, false);
@@ -89,6 +89,7 @@ var Item = exports.Item = function Item(_ref) {
89
89
  return e.stopPropagation();
90
90
  }
91
91
  }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
92
+ disabled: disabled,
92
93
  checked: Boolean(checked.get(item.value)),
93
94
  indeterminate: checked.get(item.value) === 'indeterminate',
94
95
  onChange: handleChange
@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.updateDescendants = void 0;
7
- var updateDescendants = exports.updateDescendants = function updateDescendants(node, checkedMap, isChecked) {
7
+ var updateDescendants = exports.updateDescendants = function updateDescendants(node, checkedMap, isChecked, valueToItemMap) {
8
8
  if (!(node !== null && node !== void 0 && node.items)) {
9
9
  return;
10
10
  }
11
11
  node.items.forEach(function (item) {
12
- checkedMap.set(item.value, isChecked);
12
+ var _valueToItemMap$get;
13
+ if (!(valueToItemMap !== null && valueToItemMap !== void 0 && (_valueToItemMap$get = valueToItemMap.get(item.value)) !== null && _valueToItemMap$get !== void 0 && _valueToItemMap$get.disabled)) {
14
+ checkedMap.set(item.value, isChecked);
15
+ }
13
16
  if (item.items) {
14
- updateDescendants(item, checkedMap, isChecked);
17
+ updateDescendants(item, checkedMap, isChecked, valueToItemMap);
15
18
  }
16
19
  });
17
20
  };
@@ -68,9 +68,9 @@ var radioboxRoot = exports.radioboxRoot = function radioboxRoot(Root) {
68
68
  })), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
69
69
  htmlFor: radioboxId,
70
70
  className: singleLineClass
71
- }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTriggerWrapper, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
71
+ }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
72
72
  className: _Radiobox2.classes.radioboxTrigger
73
- }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/_react["default"].createElement(_Radiobox.StyledEllipse, null)))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
73
+ }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/_react["default"].createElement(_Radiobox.StyledEllipse, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
74
74
  className: singleLineClass
75
75
  }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
76
76
  className: (0, _utils.cx)(singleLineClass, onlyDescriptionClass),
@@ -183,7 +183,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
183
183
  var checkedCopy = new Map(checked);
184
184
  if (!checkedCopy.get(item.value)) {
185
185
  checkedCopy.set(item.value, true);
186
- (0, _utils2.updateDescendants)(item, checkedCopy, true);
186
+ (0, _utils2.updateDescendants)(item, checkedCopy, true, valueToItemMap);
187
187
  } else {
188
188
  checkedCopy.set(item.value, false);
189
189
  (0, _utils2.updateDescendants)(item, checkedCopy, false);
@@ -91,6 +91,7 @@ var Item = exports.Item = function Item(_ref) {
91
91
  return e.stopPropagation();
92
92
  }
93
93
  }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
94
+ disabled: itemDisabled,
94
95
  checked: Boolean(checked.get(item.value)),
95
96
  indeterminate: checked.get(item.value) === 'indeterminate',
96
97
  onChange: handleChange
@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.updateDescendants = void 0;
7
- var updateDescendants = exports.updateDescendants = function updateDescendants(node, checkedMap, isChecked) {
7
+ var updateDescendants = exports.updateDescendants = function updateDescendants(node, checkedMap, isChecked, valueToItemMap) {
8
8
  if (!(node !== null && node !== void 0 && node.items)) {
9
9
  return;
10
10
  }
11
11
  node.items.forEach(function (item) {
12
- checkedMap.set(item.value, isChecked);
12
+ var _valueToItemMap$get;
13
+ if (!(valueToItemMap !== null && valueToItemMap !== void 0 && (_valueToItemMap$get = valueToItemMap.get(item.value)) !== null && _valueToItemMap$get !== void 0 && _valueToItemMap$get.disabled)) {
14
+ checkedMap.set(item.value, isChecked);
15
+ }
13
16
  if (item.items) {
14
- updateDescendants(item, checkedMap, isChecked);
17
+ updateDescendants(item, checkedMap, isChecked, valueToItemMap);
15
18
  }
16
19
  });
17
20
  };
@@ -246,6 +246,7 @@ const items = [
246
246
  {
247
247
  value: 'rio_de_janeiro',
248
248
  label: 'Рио-де-Жанейро',
249
+ disabled: true,
249
250
  },
250
251
  {
251
252
  value: 'sao_paulo',
@@ -69,11 +69,11 @@ const StoryDemo = ({ context }) => {
69
69
 
70
70
  return (
71
71
  <>
72
- {Object.entries(groupedTokens).map(([category, value]) => (
72
+ {Object.entries(groupedTokens).map(([category, subcategoties]) => (
73
73
  <CategoryContainer key={category}>
74
74
  <Category>{category}</Category>
75
75
  <Accordion view="clear" size="s" stretching="filled" defaultActiveEventKey={[0]}>
76
- {Object.entries(value).map(([subcategory, value2], index) => (
76
+ {Object.entries(subcategoties).map(([subcategory, subcategoryTokens], index) => (
77
77
  <StyledAccordionItem
78
78
  key={subcategory}
79
79
  eventKey={index}
@@ -85,31 +85,37 @@ const StoryDemo = ({ context }) => {
85
85
  <ColorCircle disableShadow />
86
86
  Color
87
87
  </ColumnTitle>
88
+ <ColumnTitle>Tone</ColumnTitle>
88
89
  <ColumnTitle>Opacity</ColumnTitle>
89
90
  </AccordionInfo>
90
91
  }
91
92
  >
92
93
  <TokenInfoWrapper>
93
- {Object.entries(value2).map(([token, { value: value3, opacity }]) => (
94
- <AccordionInfo key={token}>
95
- <TokenInfo className="copy" onClick={() => copyToClipboard(token)}>
96
- {token}
97
- </TokenInfo>
98
- <TokenInfo
99
- className="color copy"
100
- onClick={() => copyToClipboard(value3, opacity?.alpha)}
101
- >
102
- <ColorCircle background={value3} />
103
- <div>
104
- {value3.includes('gradient') ? 'Градиент' : value3}
105
- {opacity && <OpacityPart>{opacity.alpha}</OpacityPart>}
106
- </div>
107
- </TokenInfo>
108
- {opacity && (
109
- <TokenInfo className="opacity">{opacity.parsedAlpha}</TokenInfo>
110
- )}
111
- </AccordionInfo>
112
- ))}
94
+ {Object.entries(subcategoryTokens).map(
95
+ ([token, { value, opacity, tone, colorName }]) => (
96
+ <AccordionInfo key={token}>
97
+ <TokenInfo className="copy" onClick={() => copyToClipboard(token)}>
98
+ {token}
99
+ </TokenInfo>
100
+ <TokenInfo
101
+ className="color copy"
102
+ onClick={() => copyToClipboard(value, opacity?.alpha)}
103
+ >
104
+ <ColorCircle background={value} />
105
+ <div>
106
+ {value.includes('gradient') ? 'Градиент' : colorName || value}
107
+ {!colorName && opacity && (
108
+ <OpacityPart>{opacity.alpha}</OpacityPart>
109
+ )}
110
+ </div>
111
+ </TokenInfo>
112
+ <TokenInfo className="no-interaction">
113
+ {tone !== 'none' && tone}
114
+ </TokenInfo>
115
+ <TokenInfo className="no-interaction">{opacity?.parsedAlpha}</TokenInfo>
116
+ </AccordionInfo>
117
+ ),
118
+ )}
113
119
  </TokenInfoWrapper>
114
120
  </StyledAccordionItem>
115
121
  ))}
@@ -16,7 +16,7 @@ var Category = exports.Category = /*#__PURE__*/_styledComponents["default"].h2.w
16
16
  })(["margin:0 0 1.125rem 1.5rem;", ";"], _mixins.h2);
17
17
  var AccordionInfo = exports.AccordionInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
18
18
  componentId: "plasma-new-hope__sc-19i9718-2"
19
- })(["display:grid;grid-template-columns:18rem 7.938rem 3.813rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
19
+ })(["display:grid;grid-template-columns:18rem 7.938rem 2.375rem 3.813rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
20
20
  var Subcategory = exports.Subcategory = /*#__PURE__*/_styledComponents["default"].div.withConfig({
21
21
  componentId: "plasma-new-hope__sc-19i9718-3"
22
22
  })(["color:var(--text-secondary);"]);
@@ -34,7 +34,7 @@ var OpacityPart = exports.OpacityPart = /*#__PURE__*/_styledComponents["default"
34
34
  })(["color:var(--text-secondary);padding-left:0.125rem;"]);
35
35
  var TokenInfo = exports.TokenInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
36
36
  componentId: "plasma-new-hope__sc-19i9718-8"
37
- })(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:0.5rem;}&.opacity{text-align:right;}&:not(.opacity):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.opacity):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
37
+ })(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:0.5rem;}&.no-interaction{text-align:right;}&:not(.no-interaction):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.no-interaction):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
38
38
  var ColorCircle = exports.ColorCircle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
39
39
  componentId: "plasma-new-hope__sc-19i9718-9"
40
40
  })(["width:1.25rem;height:1.25rem;border-radius:50%;background:", ";box-shadow:", ";"], function (props) {
@@ -69,11 +69,11 @@ const StoryDemo = ({ context }) => {
69
69
 
70
70
  return (
71
71
  <>
72
- {Object.entries(groupedTokens).map(([category, value]) => (
72
+ {Object.entries(groupedTokens).map(([category, subcategoties]) => (
73
73
  <CategoryContainer key={category}>
74
74
  <Category>{category}</Category>
75
75
  <Accordion view="clear" size="s" stretching="filled" defaultActiveEventKey={[0]}>
76
- {Object.entries(value).map(([subcategory, value2], index) => (
76
+ {Object.entries(subcategoties).map(([subcategory, subcategoryTokens], index) => (
77
77
  <StyledAccordionItem
78
78
  key={subcategory}
79
79
  eventKey={index}
@@ -85,31 +85,37 @@ const StoryDemo = ({ context }) => {
85
85
  <ColorCircle disableShadow />
86
86
  Color
87
87
  </ColumnTitle>
88
+ <ColumnTitle>Tone</ColumnTitle>
88
89
  <ColumnTitle>Opacity</ColumnTitle>
89
90
  </AccordionInfo>
90
91
  }
91
92
  >
92
93
  <TokenInfoWrapper>
93
- {Object.entries(value2).map(([token, { value: value3, opacity }]) => (
94
- <AccordionInfo key={token}>
95
- <TokenInfo className="copy" onClick={() => copyToClipboard(token)}>
96
- {token}
97
- </TokenInfo>
98
- <TokenInfo
99
- className="color copy"
100
- onClick={() => copyToClipboard(value3, opacity?.alpha)}
101
- >
102
- <ColorCircle background={value3} />
103
- <div>
104
- {value3.includes('gradient') ? 'Градиент' : value3}
105
- {opacity && <OpacityPart>{opacity.alpha}</OpacityPart>}
106
- </div>
107
- </TokenInfo>
108
- {opacity && (
109
- <TokenInfo className="opacity">{opacity.parsedAlpha}</TokenInfo>
110
- )}
111
- </AccordionInfo>
112
- ))}
94
+ {Object.entries(subcategoryTokens).map(
95
+ ([token, { value, opacity, tone, colorName }]) => (
96
+ <AccordionInfo key={token}>
97
+ <TokenInfo className="copy" onClick={() => copyToClipboard(token)}>
98
+ {token}
99
+ </TokenInfo>
100
+ <TokenInfo
101
+ className="color copy"
102
+ onClick={() => copyToClipboard(value, opacity?.alpha)}
103
+ >
104
+ <ColorCircle background={value} />
105
+ <div>
106
+ {value.includes('gradient') ? 'Градиент' : colorName || value}
107
+ {!colorName && opacity && (
108
+ <OpacityPart>{opacity.alpha}</OpacityPart>
109
+ )}
110
+ </div>
111
+ </TokenInfo>
112
+ <TokenInfo className="no-interaction">
113
+ {tone !== 'none' && tone}
114
+ </TokenInfo>
115
+ <TokenInfo className="no-interaction">{opacity?.parsedAlpha}</TokenInfo>
116
+ </AccordionInfo>
117
+ ),
118
+ )}
113
119
  </TokenInfoWrapper>
114
120
  </StyledAccordionItem>
115
121
  ))}
@@ -16,7 +16,7 @@ var Category = exports.Category = /*#__PURE__*/_styledComponents["default"].h2.w
16
16
  })(["margin:0 0 1.125rem 1.5rem;", ";"], _mixins.h2);
17
17
  var AccordionInfo = exports.AccordionInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
18
18
  componentId: "plasma-new-hope__sc-1ptu1dv-2"
19
- })(["display:grid;grid-template-columns:18rem 7.938rem 3.813rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
19
+ })(["display:grid;grid-template-columns:18rem 7.938rem 2.375rem 3.813rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
20
20
  var Subcategory = exports.Subcategory = /*#__PURE__*/_styledComponents["default"].div.withConfig({
21
21
  componentId: "plasma-new-hope__sc-1ptu1dv-3"
22
22
  })(["color:var(--text-secondary);"]);
@@ -34,7 +34,7 @@ var OpacityPart = exports.OpacityPart = /*#__PURE__*/_styledComponents["default"
34
34
  })(["color:var(--text-secondary);padding-left:0.125rem;"]);
35
35
  var TokenInfo = exports.TokenInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
36
36
  componentId: "plasma-new-hope__sc-1ptu1dv-8"
37
- })(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:0.5rem;}&.opacity{text-align:right;}&:not(.opacity):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.opacity):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
37
+ })(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:0.5rem;}&.no-interaction{text-align:right;}&:not(.no-interaction):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.no-interaction):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
38
38
  var ColorCircle = exports.ColorCircle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
39
39
  componentId: "plasma-new-hope__sc-1ptu1dv-9"
40
40
  })(["width:1.25rem;height:1.25rem;border-radius:50%;background:", ";box-shadow:", ";"], function (props) {
@@ -11,7 +11,7 @@ import { base as sizeCSS } from './variations/_size/base';
11
11
  import { base as disabledCSS } from './variations/_disabled/base';
12
12
  import { base as focusedCSS } from './variations/_focused/base';
13
13
  import { Done, Indeterminate } from './IconsSvg';
14
- import { StyledContent, StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base, StyledTriggerWrapper } from './Checkbox.styles';
14
+ import { StyledContent, StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base } from './Checkbox.styles';
15
15
  import { classes } from './Checkbox.tokens';
16
16
  export var checkboxRoot = function checkboxRoot(Root) {
17
17
  return /*#__PURE__*/forwardRef(function (props, ref) {
@@ -67,9 +67,9 @@ export var checkboxRoot = function checkboxRoot(Root) {
67
67
  })), /*#__PURE__*/React.createElement(StyledContentWrapper, {
68
68
  htmlFor: checkboxId,
69
69
  className: singleLineClass
70
- }, /*#__PURE__*/React.createElement(StyledTriggerWrapper, null, /*#__PURE__*/React.createElement(StyledTrigger, {
70
+ }, /*#__PURE__*/React.createElement(StyledTrigger, {
71
71
  className: classes.checkboxTrigger
72
- }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null)))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
72
+ }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
73
73
  className: singleLineClass
74
74
  }, label && /*#__PURE__*/React.createElement(StyledLabel, {
75
75
  className: singleLineClass,
@@ -8,21 +8,18 @@ export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PU
8
8
  export var StyledInput = /*#__PURE__*/styled.input.withConfig({
9
9
  componentId: "plasma-new-hope__sc-tydhc1-0"
10
10
  })(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
11
- export var StyledTriggerWrapper = /*#__PURE__*/styled.div.withConfig({
12
- componentId: "plasma-new-hope__sc-tydhc1-1"
13
- })(["padding:var(", ");"], tokens.triggerMargin);
14
11
  export var StyledTrigger = /*#__PURE__*/styled.div.withConfig({
15
- componentId: "plasma-new-hope__sc-tydhc1-2"
16
- })(["width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:var(", ");border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], tokens.triggerSize, tokens.triggerSize, tokens.triggerBorderRadius, tokens.triggerBackgroundColor, tokens.triggerBorderColor);
12
+ componentId: "plasma-new-hope__sc-tydhc1-1"
13
+ })(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:var(", ");border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], tokens.triggerMargin, tokens.triggerSize, tokens.triggerSize, tokens.triggerBorderRadius, tokens.triggerBackgroundColor, tokens.triggerBorderColor);
17
14
  export var StyledContentWrapper = /*#__PURE__*/styled.label.withConfig({
18
- componentId: "plasma-new-hope__sc-tydhc1-3"
15
+ componentId: "plasma-new-hope__sc-tydhc1-2"
19
16
  })(["position:relative;align-items:flex-start;display:flex;width:inherit;cursor:pointer;.", "{width:100%;}"], classes.singleLine);
20
17
  export var StyledContent = /*#__PURE__*/styled.div.withConfig({
21
- componentId: "plasma-new-hope__sc-tydhc1-4"
18
+ componentId: "plasma-new-hope__sc-tydhc1-3"
22
19
  })(["display:flex;flex-direction:column;margin-top:var(", ");margin-left:var(", ");"], tokens.contentTopOffset, tokens.contentLeftOffset);
23
20
  export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
24
- componentId: "plasma-new-hope__sc-tydhc1-5"
21
+ componentId: "plasma-new-hope__sc-tydhc1-4"
25
22
  })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight);
26
23
  export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
27
- componentId: "plasma-new-hope__sc-tydhc1-6"
24
+ componentId: "plasma-new-hope__sc-tydhc1-5"
28
25
  })(["margin-top:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&.", "{margin-top:0;}"], tokens.descriptionMarginTop, tokens.descriptionColor, tokens.descriptionFontFamily, tokens.descriptionFontSize, tokens.descriptionFontStyle, tokens.descriptionFontWeight, tokens.descriptionLetterSpacing, tokens.descriptionLineHeight, classes.onlyDescription);
@@ -257,7 +257,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
257
257
  var checkedCopy = new Map(checked);
258
258
  if (!checkedCopy.get(item.value)) {
259
259
  checkedCopy.set(item.value, true);
260
- updateDescendants(item, checkedCopy, true);
260
+ updateDescendants(item, checkedCopy, true, valueToItemMap);
261
261
  } else {
262
262
  checkedCopy.set(item.value, false);
263
263
  updateDescendants(item, checkedCopy, false);
@@ -80,6 +80,7 @@ export var Item = function Item(_ref) {
80
80
  return e.stopPropagation();
81
81
  }
82
82
  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
83
+ disabled: disabled,
83
84
  checked: Boolean(checked.get(item.value)),
84
85
  indeterminate: checked.get(item.value) === 'indeterminate',
85
86
  onChange: handleChange
@@ -1,11 +1,14 @@
1
- export var updateDescendants = function updateDescendants(node, checkedMap, isChecked) {
1
+ export var updateDescendants = function updateDescendants(node, checkedMap, isChecked, valueToItemMap) {
2
2
  if (!(node !== null && node !== void 0 && node.items)) {
3
3
  return;
4
4
  }
5
5
  node.items.forEach(function (item) {
6
- checkedMap.set(item.value, isChecked);
6
+ var _valueToItemMap$get;
7
+ if (!(valueToItemMap !== null && valueToItemMap !== void 0 && (_valueToItemMap$get = valueToItemMap.get(item.value)) !== null && _valueToItemMap$get !== void 0 && _valueToItemMap$get.disabled)) {
8
+ checkedMap.set(item.value, isChecked);
9
+ }
7
10
  if (item.items) {
8
- updateDescendants(item, checkedMap, isChecked);
11
+ updateDescendants(item, checkedMap, isChecked, valueToItemMap);
9
12
  }
10
13
  });
11
14
  };
@@ -5,7 +5,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
5
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
6
  import React, { forwardRef, useMemo } from 'react';
7
7
  import { safeUseId, extractTextFrom } from '@salutejs/plasma-core';
8
- import { StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledContent, StyledTrigger, StyledTriggerWrapper } from '../Checkbox/Checkbox.styles';
8
+ import { StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledContent, StyledTrigger } from '../Checkbox/Checkbox.styles';
9
9
  import { cx } from '../../utils';
10
10
  import { base as viewCSS } from './variations/_view/base';
11
11
  import { base as sizeCSS } from './variations/_size/base';
@@ -59,9 +59,9 @@ export var radioboxRoot = function radioboxRoot(Root) {
59
59
  })), /*#__PURE__*/React.createElement(StyledContentWrapper, {
60
60
  htmlFor: radioboxId,
61
61
  className: singleLineClass
62
- }, /*#__PURE__*/React.createElement(StyledTriggerWrapper, null, /*#__PURE__*/React.createElement(StyledTrigger, {
62
+ }, /*#__PURE__*/React.createElement(StyledTrigger, {
63
63
  className: classes.radioboxTrigger
64
- }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null)))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
64
+ }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
65
65
  className: singleLineClass
66
66
  }, label && /*#__PURE__*/React.createElement(StyledLabel, {
67
67
  className: cx(singleLineClass, onlyDescriptionClass),
@@ -176,7 +176,7 @@ export var selectRoot = function selectRoot(Root) {
176
176
  var checkedCopy = new Map(checked);
177
177
  if (!checkedCopy.get(item.value)) {
178
178
  checkedCopy.set(item.value, true);
179
- updateDescendants(item, checkedCopy, true);
179
+ updateDescendants(item, checkedCopy, true, valueToItemMap);
180
180
  } else {
181
181
  checkedCopy.set(item.value, false);
182
182
  updateDescendants(item, checkedCopy, false);
@@ -82,6 +82,7 @@ export var Item = function Item(_ref) {
82
82
  return e.stopPropagation();
83
83
  }
84
84
  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
85
+ disabled: itemDisabled,
85
86
  checked: Boolean(checked.get(item.value)),
86
87
  indeterminate: checked.get(item.value) === 'indeterminate',
87
88
  onChange: handleChange
@@ -1,11 +1,14 @@
1
- export var updateDescendants = function updateDescendants(node, checkedMap, isChecked) {
1
+ export var updateDescendants = function updateDescendants(node, checkedMap, isChecked, valueToItemMap) {
2
2
  if (!(node !== null && node !== void 0 && node.items)) {
3
3
  return;
4
4
  }
5
5
  node.items.forEach(function (item) {
6
- checkedMap.set(item.value, isChecked);
6
+ var _valueToItemMap$get;
7
+ if (!(valueToItemMap !== null && valueToItemMap !== void 0 && (_valueToItemMap$get = valueToItemMap.get(item.value)) !== null && _valueToItemMap$get !== void 0 && _valueToItemMap$get.disabled)) {
8
+ checkedMap.set(item.value, isChecked);
9
+ }
7
10
  if (item.items) {
8
- updateDescendants(item, checkedMap, isChecked);
11
+ updateDescendants(item, checkedMap, isChecked, valueToItemMap);
9
12
  }
10
13
  });
11
14
  };