@salutejs/sdds-cs 0.322.0-canary.2091.16415372479.0 → 0.322.0-canary.2092.16420155089.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Chip/Chip.config.js +4 -8
- package/components/ChipGroup/ChipGroup.config.js +2 -4
- package/components/Tree/Tree.config.js +1 -3
- package/emotion/cjs/components/Chip/Chip.config.js +4 -8
- package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +2 -4
- package/emotion/cjs/components/Tree/Tree.config.js +1 -3
- package/emotion/es/components/Chip/Chip.config.js +4 -8
- package/emotion/es/components/ChipGroup/ChipGroup.config.js +2 -4
- package/emotion/es/components/Tree/Tree.config.js +1 -3
- package/es/components/Chip/Chip.config.js +4 -8
- package/es/components/ChipGroup/ChipGroup.config.js +2 -4
- package/es/components/Tree/Tree.config.js +1 -3
- package/package.json +4 -4
@@ -99,9 +99,7 @@ function _templateObject3() {
|
|
99
99
|
": -0.25rem;\n ",
|
100
100
|
": 0.25rem;\n ",
|
101
101
|
": 0.5rem;\n ",
|
102
|
-
": -0.5rem;\n
|
103
|
-
": 1.02;\n ",
|
104
|
-
": 0.98;\n\n ",
|
102
|
+
": -0.5rem;\n ",
|
105
103
|
": 1.5rem;\n "
|
106
104
|
]);
|
107
105
|
_templateObject3 = function _templateObject() {
|
@@ -126,9 +124,7 @@ function _templateObject4() {
|
|
126
124
|
": 0;\n ",
|
127
125
|
": 0.25rem;\n ",
|
128
126
|
": 0.25rem;\n ",
|
129
|
-
": -0.25rem;\n
|
130
|
-
": 1.02;\n ",
|
131
|
-
": 0.98;\n\n ",
|
127
|
+
": -0.25rem;\n ",
|
132
128
|
": 1rem;\n "
|
133
129
|
]);
|
134
130
|
_templateObject4 = function _templateObject() {
|
@@ -159,8 +155,8 @@ var config = {
|
|
159
155
|
accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipTokens.color, _styledcomponents.chipTokens.background, _styledcomponents.chipTokens.colorHover, _styledcomponents.chipTokens.backgroundHover, _styledcomponents.chipTokens.colorActive, _styledcomponents.chipTokens.backgroundActive, _styledcomponents.chipTokens.backgroundReadOnly, _styledcomponents.chipTokens.colorReadOnly, _styledcomponents.chipTokens.backgroundReadOnlyHover, _styledcomponents.chipTokens.colorReadOnlyHover, _styledcomponents.chipTokens.closeIconColor, _styledcomponents.chipTokens.leftContentColor)
|
160
156
|
},
|
161
157
|
size: {
|
162
|
-
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.
|
163
|
-
xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.
|
158
|
+
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize),
|
159
|
+
xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipTokens.borderRadius, _styledcomponents.chipTokens.pilledBorderRadius, _styledcomponents.chipTokens.width, _styledcomponents.chipTokens.height, _styledcomponents.chipTokens.padding, _styledcomponents.chipTokens.fontFamily, _styledcomponents.chipTokens.fontSize, _styledcomponents.chipTokens.fontStyle, _styledcomponents.chipTokens.fontWeight, _styledcomponents.chipTokens.letterSpacing, _styledcomponents.chipTokens.lineHeight, _styledcomponents.chipTokens.leftContentMarginLeft, _styledcomponents.chipTokens.leftContentMarginRight, _styledcomponents.chipTokens.clearContentMarginLeft, _styledcomponents.chipTokens.clearContentMarginRight, _styledcomponents.chipTokens.closeIconSize)
|
164
160
|
},
|
165
161
|
focused: {
|
166
162
|
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.chipTokens.focusColor)
|
@@ -80,9 +80,7 @@ function _templateObject3() {
|
|
80
80
|
": -0.25rem;\n ",
|
81
81
|
": 0.25rem;\n ",
|
82
82
|
": 0.5rem;\n ",
|
83
|
-
": -0.25rem;\n
|
84
|
-
": 1.02;\n ",
|
85
|
-
": 0.98;\n\n ",
|
83
|
+
": -0.25rem;\n ",
|
86
84
|
": 1.5rem;\n "
|
87
85
|
]);
|
88
86
|
_templateObject3 = function _templateObject() {
|
@@ -122,7 +120,7 @@ var config = {
|
|
122
120
|
accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.chipGroupTokens.chipColor, _styledcomponents.chipGroupTokens.chipBackground, _styledcomponents.chipGroupTokens.chipColorHover, _styledcomponents.chipGroupTokens.chipBackgroundHover, _styledcomponents.chipGroupTokens.chipColorActive, _styledcomponents.chipGroupTokens.chipBackgroundActive)
|
123
121
|
},
|
124
122
|
size: {
|
125
|
-
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipGroupTokens.chipBorderRadius, _styledcomponents.chipGroupTokens.chipWidth, _styledcomponents.chipGroupTokens.chipHeight, _styledcomponents.chipGroupTokens.chipPadding, _styledcomponents.chipGroupTokens.chipFontFamily, _styledcomponents.chipGroupTokens.chipFontSize, _styledcomponents.chipGroupTokens.chipFontStyle, _styledcomponents.chipGroupTokens.chipFontWeight, _styledcomponents.chipGroupTokens.chipLetterSpacing, _styledcomponents.chipGroupTokens.chipLineHeight, _styledcomponents.chipGroupTokens.chipLeftContentMarginLeft, _styledcomponents.chipGroupTokens.chipLeftContentMarginRight, _styledcomponents.chipGroupTokens.chipClearContentMarginLeft, _styledcomponents.chipGroupTokens.chipClearContentMarginRight, _styledcomponents.chipGroupTokens.
|
123
|
+
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.chipGroupTokens.chipBorderRadius, _styledcomponents.chipGroupTokens.chipWidth, _styledcomponents.chipGroupTokens.chipHeight, _styledcomponents.chipGroupTokens.chipPadding, _styledcomponents.chipGroupTokens.chipFontFamily, _styledcomponents.chipGroupTokens.chipFontSize, _styledcomponents.chipGroupTokens.chipFontStyle, _styledcomponents.chipGroupTokens.chipFontWeight, _styledcomponents.chipGroupTokens.chipLetterSpacing, _styledcomponents.chipGroupTokens.chipLineHeight, _styledcomponents.chipGroupTokens.chipLeftContentMarginLeft, _styledcomponents.chipGroupTokens.chipLeftContentMarginRight, _styledcomponents.chipGroupTokens.chipClearContentMarginLeft, _styledcomponents.chipGroupTokens.chipClearContentMarginRight, _styledcomponents.chipGroupTokens.chipCloseIconSize)
|
126
124
|
},
|
127
125
|
gap: {
|
128
126
|
dense: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.chipGroupTokens.chipGroupItemsGap),
|
@@ -29,8 +29,6 @@ function _templateObject() {
|
|
29
29
|
": var(--text-primary);\n ",
|
30
30
|
": var(--text-primary);\n ",
|
31
31
|
": var(--surface-solid-primary);\n ",
|
32
|
-
": transparent;\n ",
|
33
|
-
": transparent;\n ",
|
34
32
|
": var(--surface-transparent-accent);\n ",
|
35
33
|
": var(--surface-solid-primary-active);\n ",
|
36
34
|
": var(--text-accent);\n ",
|
@@ -81,7 +79,7 @@ var config = {
|
|
81
79
|
},
|
82
80
|
variations: {
|
83
81
|
view: {
|
84
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.
|
82
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColor, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor)
|
85
83
|
},
|
86
84
|
size: {
|
87
85
|
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
|
@@ -99,9 +99,7 @@ function _templateObject3() {
|
|
99
99
|
": -0.25rem;\n ",
|
100
100
|
": 0.25rem;\n ",
|
101
101
|
": 0.5rem;\n ",
|
102
|
-
": -0.5rem;\n
|
103
|
-
": 1.02;\n ",
|
104
|
-
": 0.98;\n\n ",
|
102
|
+
": -0.5rem;\n ",
|
105
103
|
": 1.5rem;\n "
|
106
104
|
]);
|
107
105
|
_templateObject3 = function _templateObject() {
|
@@ -126,9 +124,7 @@ function _templateObject4() {
|
|
126
124
|
": 0;\n ",
|
127
125
|
": 0.25rem;\n ",
|
128
126
|
": 0.25rem;\n ",
|
129
|
-
": -0.25rem;\n
|
130
|
-
": 1.02;\n ",
|
131
|
-
": 0.98;\n\n ",
|
127
|
+
": -0.25rem;\n ",
|
132
128
|
": 1rem;\n "
|
133
129
|
]);
|
134
130
|
_templateObject4 = function _templateObject() {
|
@@ -159,8 +155,8 @@ var config = {
|
|
159
155
|
accent: (0, _emotion.css)(_templateObject2(), _emotion.chipTokens.color, _emotion.chipTokens.background, _emotion.chipTokens.colorHover, _emotion.chipTokens.backgroundHover, _emotion.chipTokens.colorActive, _emotion.chipTokens.backgroundActive, _emotion.chipTokens.backgroundReadOnly, _emotion.chipTokens.colorReadOnly, _emotion.chipTokens.backgroundReadOnlyHover, _emotion.chipTokens.colorReadOnlyHover, _emotion.chipTokens.closeIconColor, _emotion.chipTokens.leftContentColor)
|
160
156
|
},
|
161
157
|
size: {
|
162
|
-
s: (0, _emotion.css)(_templateObject3(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.
|
163
|
-
xs: (0, _emotion.css)(_templateObject4(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.
|
158
|
+
s: (0, _emotion.css)(_templateObject3(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.closeIconSize),
|
159
|
+
xs: (0, _emotion.css)(_templateObject4(), _emotion.chipTokens.borderRadius, _emotion.chipTokens.pilledBorderRadius, _emotion.chipTokens.width, _emotion.chipTokens.height, _emotion.chipTokens.padding, _emotion.chipTokens.fontFamily, _emotion.chipTokens.fontSize, _emotion.chipTokens.fontStyle, _emotion.chipTokens.fontWeight, _emotion.chipTokens.letterSpacing, _emotion.chipTokens.lineHeight, _emotion.chipTokens.leftContentMarginLeft, _emotion.chipTokens.leftContentMarginRight, _emotion.chipTokens.clearContentMarginLeft, _emotion.chipTokens.clearContentMarginRight, _emotion.chipTokens.closeIconSize)
|
164
160
|
},
|
165
161
|
focused: {
|
166
162
|
true: (0, _emotion.css)(_templateObject5(), _emotion.chipTokens.focusColor)
|
@@ -80,9 +80,7 @@ function _templateObject3() {
|
|
80
80
|
": -0.25rem;\n ",
|
81
81
|
": 0.25rem;\n ",
|
82
82
|
": 0.5rem;\n ",
|
83
|
-
": -0.25rem;\n
|
84
|
-
": 1.02;\n ",
|
85
|
-
": 0.98;\n\n ",
|
83
|
+
": -0.25rem;\n ",
|
86
84
|
": 1.5rem;\n "
|
87
85
|
]);
|
88
86
|
_templateObject3 = function _templateObject() {
|
@@ -122,7 +120,7 @@ var config = {
|
|
122
120
|
accent: (0, _emotion.css)(_templateObject2(), _emotion.chipGroupTokens.chipColor, _emotion.chipGroupTokens.chipBackground, _emotion.chipGroupTokens.chipColorHover, _emotion.chipGroupTokens.chipBackgroundHover, _emotion.chipGroupTokens.chipColorActive, _emotion.chipGroupTokens.chipBackgroundActive)
|
123
121
|
},
|
124
122
|
size: {
|
125
|
-
s: (0, _emotion.css)(_templateObject3(), _emotion.chipGroupTokens.chipBorderRadius, _emotion.chipGroupTokens.chipWidth, _emotion.chipGroupTokens.chipHeight, _emotion.chipGroupTokens.chipPadding, _emotion.chipGroupTokens.chipFontFamily, _emotion.chipGroupTokens.chipFontSize, _emotion.chipGroupTokens.chipFontStyle, _emotion.chipGroupTokens.chipFontWeight, _emotion.chipGroupTokens.chipLetterSpacing, _emotion.chipGroupTokens.chipLineHeight, _emotion.chipGroupTokens.chipLeftContentMarginLeft, _emotion.chipGroupTokens.chipLeftContentMarginRight, _emotion.chipGroupTokens.chipClearContentMarginLeft, _emotion.chipGroupTokens.chipClearContentMarginRight, _emotion.chipGroupTokens.
|
123
|
+
s: (0, _emotion.css)(_templateObject3(), _emotion.chipGroupTokens.chipBorderRadius, _emotion.chipGroupTokens.chipWidth, _emotion.chipGroupTokens.chipHeight, _emotion.chipGroupTokens.chipPadding, _emotion.chipGroupTokens.chipFontFamily, _emotion.chipGroupTokens.chipFontSize, _emotion.chipGroupTokens.chipFontStyle, _emotion.chipGroupTokens.chipFontWeight, _emotion.chipGroupTokens.chipLetterSpacing, _emotion.chipGroupTokens.chipLineHeight, _emotion.chipGroupTokens.chipLeftContentMarginLeft, _emotion.chipGroupTokens.chipLeftContentMarginRight, _emotion.chipGroupTokens.chipClearContentMarginLeft, _emotion.chipGroupTokens.chipClearContentMarginRight, _emotion.chipGroupTokens.chipCloseIconSize)
|
126
124
|
},
|
127
125
|
gap: {
|
128
126
|
dense: (0, _emotion.css)(_templateObject4(), _emotion.chipGroupTokens.chipGroupItemsGap),
|
@@ -29,8 +29,6 @@ function _templateObject() {
|
|
29
29
|
": var(--text-primary);\n ",
|
30
30
|
": var(--text-primary);\n ",
|
31
31
|
": var(--surface-solid-primary);\n ",
|
32
|
-
": transparent;\n ",
|
33
|
-
": transparent;\n ",
|
34
32
|
": var(--surface-transparent-accent);\n ",
|
35
33
|
": var(--surface-solid-primary-active);\n ",
|
36
34
|
": var(--text-accent);\n ",
|
@@ -81,7 +79,7 @@ var config = {
|
|
81
79
|
},
|
82
80
|
variations: {
|
83
81
|
view: {
|
84
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.
|
82
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColor, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor)
|
85
83
|
},
|
86
84
|
size: {
|
87
85
|
s: (0, _emotion.css)(_templateObject1(), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.itemTop, _emotion.treeTokens.itemBottom, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherMarginInverted, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight)
|
@@ -88,9 +88,7 @@ function _templateObject3() {
|
|
88
88
|
": -0.25rem;\n ",
|
89
89
|
": 0.25rem;\n ",
|
90
90
|
": 0.5rem;\n ",
|
91
|
-
": -0.5rem;\n
|
92
|
-
": 1.02;\n ",
|
93
|
-
": 0.98;\n\n ",
|
91
|
+
": -0.5rem;\n ",
|
94
92
|
": 1.5rem;\n "
|
95
93
|
]);
|
96
94
|
_templateObject3 = function _templateObject() {
|
@@ -115,9 +113,7 @@ function _templateObject4() {
|
|
115
113
|
": 0;\n ",
|
116
114
|
": 0.25rem;\n ",
|
117
115
|
": 0.25rem;\n ",
|
118
|
-
": -0.25rem;\n
|
119
|
-
": 1.02;\n ",
|
120
|
-
": 0.98;\n\n ",
|
116
|
+
": -0.25rem;\n ",
|
121
117
|
": 1rem;\n "
|
122
118
|
]);
|
123
119
|
_templateObject4 = function _templateObject() {
|
@@ -149,8 +145,8 @@ export var config = {
|
|
149
145
|
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
|
150
146
|
},
|
151
147
|
size: {
|
152
|
-
s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.
|
153
|
-
xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.
|
148
|
+
s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
149
|
+
xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
|
154
150
|
},
|
155
151
|
focused: {
|
156
152
|
true: css(_templateObject5(), chipTokens.focusColor)
|
@@ -69,9 +69,7 @@ function _templateObject3() {
|
|
69
69
|
": -0.25rem;\n ",
|
70
70
|
": 0.25rem;\n ",
|
71
71
|
": 0.5rem;\n ",
|
72
|
-
": -0.25rem;\n
|
73
|
-
": 1.02;\n ",
|
74
|
-
": 0.98;\n\n ",
|
72
|
+
": -0.25rem;\n ",
|
75
73
|
": 1.5rem;\n "
|
76
74
|
]);
|
77
75
|
_templateObject3 = function _templateObject() {
|
@@ -112,7 +110,7 @@ export var config = {
|
|
112
110
|
accent: css(_templateObject2(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
|
113
111
|
},
|
114
112
|
size: {
|
115
|
-
s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.
|
113
|
+
s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize)
|
116
114
|
},
|
117
115
|
gap: {
|
118
116
|
dense: css(_templateObject4(), tokens.chipGroupItemsGap),
|
@@ -18,8 +18,6 @@ function _templateObject() {
|
|
18
18
|
": var(--text-primary);\n ",
|
19
19
|
": var(--text-primary);\n ",
|
20
20
|
": var(--surface-solid-primary);\n ",
|
21
|
-
": transparent;\n ",
|
22
|
-
": transparent;\n ",
|
23
21
|
": var(--surface-transparent-accent);\n ",
|
24
22
|
": var(--surface-solid-primary-active);\n ",
|
25
23
|
": var(--text-accent);\n ",
|
@@ -71,7 +69,7 @@ export var config = {
|
|
71
69
|
},
|
72
70
|
variations: {
|
73
71
|
view: {
|
74
|
-
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.
|
72
|
+
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColor, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
|
75
73
|
},
|
76
74
|
size: {
|
77
75
|
s: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
|
@@ -88,9 +88,7 @@ function _templateObject3() {
|
|
88
88
|
": -0.25rem;\n ",
|
89
89
|
": 0.25rem;\n ",
|
90
90
|
": 0.5rem;\n ",
|
91
|
-
": -0.5rem;\n
|
92
|
-
": 1.02;\n ",
|
93
|
-
": 0.98;\n\n ",
|
91
|
+
": -0.5rem;\n ",
|
94
92
|
": 1.5rem;\n "
|
95
93
|
]);
|
96
94
|
_templateObject3 = function _templateObject() {
|
@@ -115,9 +113,7 @@ function _templateObject4() {
|
|
115
113
|
": 0;\n ",
|
116
114
|
": 0.25rem;\n ",
|
117
115
|
": 0.25rem;\n ",
|
118
|
-
": -0.25rem;\n
|
119
|
-
": 1.02;\n ",
|
120
|
-
": 0.98;\n\n ",
|
116
|
+
": -0.25rem;\n ",
|
121
117
|
": 1rem;\n "
|
122
118
|
]);
|
123
119
|
_templateObject4 = function _templateObject() {
|
@@ -149,8 +145,8 @@ export var config = {
|
|
149
145
|
accent: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
|
150
146
|
},
|
151
147
|
size: {
|
152
|
-
s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.
|
153
|
-
xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.
|
148
|
+
s: css(_templateObject3(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
149
|
+
xs: css(_templateObject4(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
|
154
150
|
},
|
155
151
|
focused: {
|
156
152
|
true: css(_templateObject5(), chipTokens.focusColor)
|
@@ -69,9 +69,7 @@ function _templateObject3() {
|
|
69
69
|
": -0.25rem;\n ",
|
70
70
|
": 0.25rem;\n ",
|
71
71
|
": 0.5rem;\n ",
|
72
|
-
": -0.25rem;\n
|
73
|
-
": 1.02;\n ",
|
74
|
-
": 0.98;\n\n ",
|
72
|
+
": -0.25rem;\n ",
|
75
73
|
": 1.5rem;\n "
|
76
74
|
]);
|
77
75
|
_templateObject3 = function _templateObject() {
|
@@ -112,7 +110,7 @@ export var config = {
|
|
112
110
|
accent: css(_templateObject2(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
|
113
111
|
},
|
114
112
|
size: {
|
115
|
-
s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.
|
113
|
+
s: css(_templateObject3(), tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize)
|
116
114
|
},
|
117
115
|
gap: {
|
118
116
|
dense: css(_templateObject4(), tokens.chipGroupItemsGap),
|
@@ -18,8 +18,6 @@ function _templateObject() {
|
|
18
18
|
": var(--text-primary);\n ",
|
19
19
|
": var(--text-primary);\n ",
|
20
20
|
": var(--surface-solid-primary);\n ",
|
21
|
-
": transparent;\n ",
|
22
|
-
": transparent;\n ",
|
23
21
|
": var(--surface-transparent-accent);\n ",
|
24
22
|
": var(--surface-solid-primary-active);\n ",
|
25
23
|
": var(--text-accent);\n ",
|
@@ -71,7 +69,7 @@ export var config = {
|
|
71
69
|
},
|
72
70
|
variations: {
|
73
71
|
view: {
|
74
|
-
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.
|
72
|
+
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColor, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
|
75
73
|
},
|
76
74
|
size: {
|
77
75
|
s: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/sdds-cs",
|
3
|
-
"version": "0.322.0-canary.
|
3
|
+
"version": "0.322.0-canary.2092.16420155089.0",
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -30,7 +30,7 @@
|
|
30
30
|
"directory": "packages/sdds-cs"
|
31
31
|
},
|
32
32
|
"dependencies": {
|
33
|
-
"@salutejs/plasma-new-hope": "0.330.0-canary.
|
33
|
+
"@salutejs/plasma-new-hope": "0.330.0-canary.2092.16420155089.0",
|
34
34
|
"@salutejs/sdds-themes": "0.41.0"
|
35
35
|
},
|
36
36
|
"peerDependencies": {
|
@@ -56,7 +56,7 @@
|
|
56
56
|
"@salutejs/plasma-colors": "0.15.0",
|
57
57
|
"@salutejs/plasma-core": "1.201.0",
|
58
58
|
"@salutejs/plasma-cy-utils": "0.132.0",
|
59
|
-
"@salutejs/plasma-icons": "1.221.0-canary.
|
59
|
+
"@salutejs/plasma-icons": "1.221.0-canary.2092.16420155089.0",
|
60
60
|
"@salutejs/plasma-sb-utils": "0.202.0",
|
61
61
|
"@storybook/addon-docs": "7.6.17",
|
62
62
|
"@storybook/addon-essentials": "7.6.17",
|
@@ -123,5 +123,5 @@
|
|
123
123
|
"Anton Vinogradov"
|
124
124
|
],
|
125
125
|
"sideEffects": false,
|
126
|
-
"gitHead": "
|
126
|
+
"gitHead": "797015ac24cc1086fada85996279e5cff9b3451e"
|
127
127
|
}
|