@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.
- package/cjs/components/Checkbox/Checkbox.css +9 -10
- package/cjs/components/Checkbox/Checkbox.js +2 -2
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +6 -12
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles_16ay1rj.css +7 -0
- package/cjs/components/Checkbox/variations/_disabled/base.js +1 -1
- package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/cjs/components/Checkbox/variations/_view/base.js +1 -1
- package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +9 -10
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +9 -10
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +9 -10
- package/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
- package/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +9 -10
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -10
- package/cjs/components/Radiobox/Radiobox.css +7 -8
- package/cjs/components/Radiobox/Radiobox.js +2 -2
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/cjs/components/Select/Select.css +9 -10
- package/cjs/components/Select/Select.js +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +9 -10
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +9 -10
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -0
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/utils/updateDescendants.js +6 -3
- package/cjs/components/Select/utils/updateDescendants.js.map +1 -1
- package/cjs/index.css +9 -10
- package/emotion/cjs/components/Checkbox/Checkbox.js +2 -2
- package/emotion/cjs/components/Checkbox/Checkbox.styles.js +9 -13
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
- package/emotion/cjs/components/Radiobox/Radiobox.js +2 -2
- package/emotion/cjs/components/Select/Select.js +1 -1
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -0
- package/emotion/cjs/components/Select/utils/updateDescendants.js +6 -3
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/cjs/examples/plasma_b2c/components/Tokens/Tokens.styles.js +14 -14
- package/emotion/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/cjs/examples/plasma_web/components/Tokens/Tokens.styles.js +14 -14
- package/emotion/es/components/Checkbox/Checkbox.js +3 -3
- package/emotion/es/components/Checkbox/Checkbox.styles.js +8 -12
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
- package/emotion/es/components/Radiobox/Radiobox.js +3 -3
- package/emotion/es/components/Select/Select.js +1 -1
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +1 -0
- package/emotion/es/components/Select/utils/updateDescendants.js +6 -3
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -0
- package/emotion/es/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/es/examples/plasma_b2c/components/Tokens/Tokens.styles.js +14 -14
- package/emotion/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/emotion/es/examples/plasma_web/components/Tokens/Tokens.styles.js +14 -14
- package/es/components/Checkbox/Checkbox.css +9 -10
- package/es/components/Checkbox/Checkbox.js +3 -3
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/Checkbox.styles.js +7 -12
- package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/es/components/Checkbox/Checkbox.styles_16ay1rj.css +7 -0
- package/es/components/Checkbox/variations/_disabled/base.js +1 -1
- package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/es/components/Checkbox/variations/_view/base.js +1 -1
- package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +9 -10
- package/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +9 -10
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +9 -10
- package/es/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
- package/es/components/Combobox/ComboboxNew/utils/updateDescendants.js.map +1 -1
- package/es/components/Pagination/Pagination.css +9 -10
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -10
- package/es/components/Radiobox/Radiobox.css +7 -8
- package/es/components/Radiobox/Radiobox.js +3 -3
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Select/Select.css +9 -10
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +9 -10
- package/es/components/Select/ui/Inner/ui/Item/Item.css +9 -10
- package/es/components/Select/ui/Inner/ui/Item/Item.js +1 -0
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/utils/updateDescendants.js +6 -3
- package/es/components/Select/utils/updateDescendants.js.map +1 -1
- package/es/index.css +9 -10
- package/package.json +5 -5
- package/styled-components/cjs/components/Checkbox/Checkbox.js +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +7 -10
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
- package/styled-components/cjs/components/Radiobox/Radiobox.js +2 -2
- package/styled-components/cjs/components/Select/Select.js +1 -1
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -0
- package/styled-components/cjs/components/Select/utils/updateDescendants.js +6 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Tokens/Tokens.styles.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/cjs/examples/plasma_web/components/Tokens/Tokens.styles.js +2 -2
- package/styled-components/es/components/Checkbox/Checkbox.js +3 -3
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +6 -9
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/updateDescendants.js +6 -3
- package/styled-components/es/components/Radiobox/Radiobox.js +3 -3
- package/styled-components/es/components/Select/Select.js +1 -1
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +1 -0
- package/styled-components/es/components/Select/utils/updateDescendants.js +6 -3
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/es/examples/plasma_b2c/components/Tokens/Tokens.styles.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Tokens/Tokens.stories.tsx +28 -22
- package/styled-components/es/examples/plasma_web/components/Tokens/Tokens.styles.js +2 -2
- package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.styles.d.ts +0 -1
- package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/utils/updateDescendants.d.ts +2 -2
- package/types/components/Combobox/ComboboxNew/utils/updateDescendants.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Select/utils/updateDescendants.d.ts +2 -2
- package/types/components/Select/utils/updateDescendants.d.ts.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles_hlkenx.css +0 -8
- package/cjs/components/Checkbox/variations/_disabled/base_1kd28bo.css +0 -1
- package/cjs/components/Checkbox/variations/_view/base_1xk2qu8.css +0 -1
- package/es/components/Checkbox/Checkbox.styles_hlkenx.css +0 -8
- package/es/components/Checkbox/variations/_disabled/base_1kd28bo.css +0 -1
- 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
|
-
.
|
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
|
-
.
|
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
|
-
.
|
113
|
-
.
|
114
|
-
.
|
115
|
-
.
|
116
|
-
.
|
117
|
-
.
|
118
|
-
.
|
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.
|
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.
|
84
|
-
"@salutejs/plasma-themes": "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.
|
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": "
|
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.
|
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)))
|
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.
|
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-
|
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-
|
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-
|
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-
|
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-
|
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
|
-
|
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.
|
71
|
+
}, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
|
72
72
|
className: _Radiobox2.classes.radioboxTrigger
|
73
|
-
}, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/_react["default"].createElement(_Radiobox.StyledEllipse, null)))
|
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
|
-
|
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
|
};
|
@@ -69,11 +69,11 @@ const StoryDemo = ({ context }) => {
|
|
69
69
|
|
70
70
|
return (
|
71
71
|
<>
|
72
|
-
{Object.entries(groupedTokens).map(([category,
|
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(
|
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(
|
94
|
-
|
95
|
-
<
|
96
|
-
{token}
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
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;}&.
|
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,
|
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(
|
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(
|
94
|
-
|
95
|
-
<
|
96
|
-
{token}
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
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;}&.
|
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
|
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(
|
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)))
|
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-
|
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-
|
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-
|
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-
|
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-
|
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
|
-
|
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
|
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(
|
62
|
+
}, /*#__PURE__*/React.createElement(StyledTrigger, {
|
63
63
|
className: classes.radioboxTrigger
|
64
|
-
}, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null)))
|
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
|
-
|
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
|
};
|