@salutejs/sdds-cs 0.321.1-canary.2083.16287126899.0 → 0.321.1-canary.2088.16342669110.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/Drawer/Drawer.d.ts +1 -1
- package/components/IconButton/IconButton.config.d.ts +0 -1
- package/components/IconButton/IconButton.config.js +5 -25
- package/components/IconButton/IconButton.d.ts +0 -1
- package/emotion/cjs/components/IconButton/IconButton.config.js +5 -25
- package/emotion/es/components/IconButton/IconButton.config.js +5 -25
- package/es/components/IconButton/IconButton.config.js +5 -25
- package/package.json +3 -3
@@ -12,7 +12,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
|
|
12
12
|
none: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
13
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
14
|
};
|
15
|
-
}> & import("@salutejs/plasma-new-hope/styled-components").PopupProps & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
|
15
|
+
}> & Omit<import("@salutejs/plasma-new-hope/styled-components").PopupProps, "draggable" | "resizable"> & import("@salutejs/plasma-new-hope/types/components/Panel").PanelProps & {
|
16
16
|
placement?: import("@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types").DrawerPlacement;
|
17
17
|
asModal?: boolean;
|
18
18
|
customBackgroundColor?: string;
|
@@ -12,7 +12,6 @@ export declare const config: {
|
|
12
12
|
};
|
13
13
|
size: {
|
14
14
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
-
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
16
15
|
};
|
17
16
|
disabled: {
|
18
17
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -89,16 +89,7 @@ function _templateObject3() {
|
|
89
89
|
function _templateObject4() {
|
90
90
|
var data = _tagged_template_literal([
|
91
91
|
"\n ",
|
92
|
-
":
|
93
|
-
": 2.5rem;\n ",
|
94
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
95
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
96
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
97
|
-
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
98
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
99
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
100
|
-
": 1.375rem;\n ",
|
101
|
-
": inherit;\n "
|
92
|
+
": 0.4;\n "
|
102
93
|
]);
|
103
94
|
_templateObject4 = function _templateObject() {
|
104
95
|
return data;
|
@@ -106,21 +97,11 @@ function _templateObject4() {
|
|
106
97
|
return data;
|
107
98
|
}
|
108
99
|
function _templateObject5() {
|
109
|
-
var data = _tagged_template_literal([
|
110
|
-
"\n ",
|
111
|
-
": 0.4;\n "
|
112
|
-
]);
|
113
|
-
_templateObject5 = function _templateObject() {
|
114
|
-
return data;
|
115
|
-
};
|
116
|
-
return data;
|
117
|
-
}
|
118
|
-
function _templateObject6() {
|
119
100
|
var data = _tagged_template_literal([
|
120
101
|
"\n ",
|
121
102
|
": var(--surface-accent);\n "
|
122
103
|
]);
|
123
|
-
|
104
|
+
_templateObject5 = function _templateObject() {
|
124
105
|
return data;
|
125
106
|
};
|
126
107
|
return data;
|
@@ -138,14 +119,13 @@ var config = {
|
|
138
119
|
clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorActive)
|
139
120
|
},
|
140
121
|
size: {
|
141
|
-
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
|
142
|
-
sr: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
|
122
|
+
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.iconButtonTokens.iconButtonHeight, _styledcomponents.iconButtonTokens.iconButtonWidth, _styledcomponents.iconButtonTokens.iconButtonPadding, _styledcomponents.iconButtonTokens.iconButtonRadius, _styledcomponents.iconButtonTokens.iconButtonFontFamily, _styledcomponents.iconButtonTokens.iconButtonFontSize, _styledcomponents.iconButtonTokens.iconButtonFontStyle, _styledcomponents.iconButtonTokens.iconButtonFontWeight, _styledcomponents.iconButtonTokens.iconButtonLetterSpacing, _styledcomponents.iconButtonTokens.iconButtonLineHeight, _styledcomponents.iconButtonTokens.iconButtonSpinnerSize, _styledcomponents.iconButtonTokens.iconButtonSpinnerColor)
|
143
123
|
},
|
144
124
|
disabled: {
|
145
|
-
true: (0, _styledcomponents.css)(
|
125
|
+
true: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
|
146
126
|
},
|
147
127
|
focused: {
|
148
|
-
true: (0, _styledcomponents.css)(
|
128
|
+
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
|
149
129
|
}
|
150
130
|
}
|
151
131
|
};
|
@@ -9,7 +9,6 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
|
|
9
9
|
};
|
10
10
|
size: {
|
11
11
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
-
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
12
|
};
|
14
13
|
disabled: {
|
15
14
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -89,16 +89,7 @@ function _templateObject3() {
|
|
89
89
|
function _templateObject4() {
|
90
90
|
var data = _tagged_template_literal([
|
91
91
|
"\n ",
|
92
|
-
":
|
93
|
-
": 2.5rem;\n ",
|
94
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
95
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
96
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
97
|
-
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
98
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
99
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
100
|
-
": 1.375rem;\n ",
|
101
|
-
": inherit;\n "
|
92
|
+
": 0.4;\n "
|
102
93
|
]);
|
103
94
|
_templateObject4 = function _templateObject() {
|
104
95
|
return data;
|
@@ -106,21 +97,11 @@ function _templateObject4() {
|
|
106
97
|
return data;
|
107
98
|
}
|
108
99
|
function _templateObject5() {
|
109
|
-
var data = _tagged_template_literal([
|
110
|
-
"\n ",
|
111
|
-
": 0.4;\n "
|
112
|
-
]);
|
113
|
-
_templateObject5 = function _templateObject() {
|
114
|
-
return data;
|
115
|
-
};
|
116
|
-
return data;
|
117
|
-
}
|
118
|
-
function _templateObject6() {
|
119
100
|
var data = _tagged_template_literal([
|
120
101
|
"\n ",
|
121
102
|
": var(--surface-accent);\n "
|
122
103
|
]);
|
123
|
-
|
104
|
+
_templateObject5 = function _templateObject() {
|
124
105
|
return data;
|
125
106
|
};
|
126
107
|
return data;
|
@@ -138,14 +119,13 @@ var config = {
|
|
138
119
|
clear: (0, _emotion.css)(_templateObject2(), _emotion.iconButtonTokens.iconButtonColor, _emotion.iconButtonTokens.iconButtonBackgroundColor, _emotion.iconButtonTokens.iconButtonLoadingBackgroundColor, _emotion.iconButtonTokens.iconButtonBackgroundColorHover, _emotion.iconButtonTokens.iconButtonBackgroundColorActive)
|
139
120
|
},
|
140
121
|
size: {
|
141
|
-
s: (0, _emotion.css)(_templateObject3(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
|
142
|
-
sr: (0, _emotion.css)(_templateObject4(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
|
122
|
+
s: (0, _emotion.css)(_templateObject3(), _emotion.iconButtonTokens.iconButtonHeight, _emotion.iconButtonTokens.iconButtonWidth, _emotion.iconButtonTokens.iconButtonPadding, _emotion.iconButtonTokens.iconButtonRadius, _emotion.iconButtonTokens.iconButtonFontFamily, _emotion.iconButtonTokens.iconButtonFontSize, _emotion.iconButtonTokens.iconButtonFontStyle, _emotion.iconButtonTokens.iconButtonFontWeight, _emotion.iconButtonTokens.iconButtonLetterSpacing, _emotion.iconButtonTokens.iconButtonLineHeight, _emotion.iconButtonTokens.iconButtonSpinnerSize, _emotion.iconButtonTokens.iconButtonSpinnerColor)
|
143
123
|
},
|
144
124
|
disabled: {
|
145
|
-
true: (0, _emotion.css)(
|
125
|
+
true: (0, _emotion.css)(_templateObject4(), _emotion.iconButtonTokens.iconButtonDisabledOpacity)
|
146
126
|
},
|
147
127
|
focused: {
|
148
|
-
true: (0, _emotion.css)(
|
128
|
+
true: (0, _emotion.css)(_templateObject5(), _emotion.iconButtonTokens.iconButtonFocusColor)
|
149
129
|
}
|
150
130
|
}
|
151
131
|
};
|
@@ -78,16 +78,7 @@ function _templateObject3() {
|
|
78
78
|
function _templateObject4() {
|
79
79
|
var data = _tagged_template_literal([
|
80
80
|
"\n ",
|
81
|
-
":
|
82
|
-
": 2.5rem;\n ",
|
83
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
84
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
85
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
86
|
-
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
87
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
88
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
89
|
-
": 1.375rem;\n ",
|
90
|
-
": inherit;\n "
|
81
|
+
": 0.4;\n "
|
91
82
|
]);
|
92
83
|
_templateObject4 = function _templateObject() {
|
93
84
|
return data;
|
@@ -95,21 +86,11 @@ function _templateObject4() {
|
|
95
86
|
return data;
|
96
87
|
}
|
97
88
|
function _templateObject5() {
|
98
|
-
var data = _tagged_template_literal([
|
99
|
-
"\n ",
|
100
|
-
": 0.4;\n "
|
101
|
-
]);
|
102
|
-
_templateObject5 = function _templateObject() {
|
103
|
-
return data;
|
104
|
-
};
|
105
|
-
return data;
|
106
|
-
}
|
107
|
-
function _templateObject6() {
|
108
89
|
var data = _tagged_template_literal([
|
109
90
|
"\n ",
|
110
91
|
": var(--surface-accent);\n "
|
111
92
|
]);
|
112
|
-
|
93
|
+
_templateObject5 = function _templateObject() {
|
113
94
|
return data;
|
114
95
|
};
|
115
96
|
return data;
|
@@ -128,14 +109,13 @@ export var config = {
|
|
128
109
|
clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
|
129
110
|
},
|
130
111
|
size: {
|
131
|
-
s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
132
|
-
sr: css(_templateObject4(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
112
|
+
s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
133
113
|
},
|
134
114
|
disabled: {
|
135
|
-
true: css(
|
115
|
+
true: css(_templateObject4(), iconButtonTokens.iconButtonDisabledOpacity)
|
136
116
|
},
|
137
117
|
focused: {
|
138
|
-
true: css(
|
118
|
+
true: css(_templateObject5(), iconButtonTokens.iconButtonFocusColor)
|
139
119
|
}
|
140
120
|
}
|
141
121
|
};
|
@@ -78,16 +78,7 @@ function _templateObject3() {
|
|
78
78
|
function _templateObject4() {
|
79
79
|
var data = _tagged_template_literal([
|
80
80
|
"\n ",
|
81
|
-
":
|
82
|
-
": 2.5rem;\n ",
|
83
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
84
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
85
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
86
|
-
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
87
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
88
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
89
|
-
": 1.375rem;\n ",
|
90
|
-
": inherit;\n "
|
81
|
+
": 0.4;\n "
|
91
82
|
]);
|
92
83
|
_templateObject4 = function _templateObject() {
|
93
84
|
return data;
|
@@ -95,21 +86,11 @@ function _templateObject4() {
|
|
95
86
|
return data;
|
96
87
|
}
|
97
88
|
function _templateObject5() {
|
98
|
-
var data = _tagged_template_literal([
|
99
|
-
"\n ",
|
100
|
-
": 0.4;\n "
|
101
|
-
]);
|
102
|
-
_templateObject5 = function _templateObject() {
|
103
|
-
return data;
|
104
|
-
};
|
105
|
-
return data;
|
106
|
-
}
|
107
|
-
function _templateObject6() {
|
108
89
|
var data = _tagged_template_literal([
|
109
90
|
"\n ",
|
110
91
|
": var(--surface-accent);\n "
|
111
92
|
]);
|
112
|
-
|
93
|
+
_templateObject5 = function _templateObject() {
|
113
94
|
return data;
|
114
95
|
};
|
115
96
|
return data;
|
@@ -128,14 +109,13 @@ export var config = {
|
|
128
109
|
clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
|
129
110
|
},
|
130
111
|
size: {
|
131
|
-
s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
132
|
-
sr: css(_templateObject4(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
112
|
+
s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
133
113
|
},
|
134
114
|
disabled: {
|
135
|
-
true: css(
|
115
|
+
true: css(_templateObject4(), iconButtonTokens.iconButtonDisabledOpacity)
|
136
116
|
},
|
137
117
|
focused: {
|
138
|
-
true: css(
|
118
|
+
true: css(_templateObject5(), iconButtonTokens.iconButtonFocusColor)
|
139
119
|
}
|
140
120
|
}
|
141
121
|
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/sdds-cs",
|
3
|
-
"version": "0.321.1-canary.
|
3
|
+
"version": "0.321.1-canary.2088.16342669110.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.329.1-canary.
|
33
|
+
"@salutejs/plasma-new-hope": "0.329.1-canary.2088.16342669110.0",
|
34
34
|
"@salutejs/sdds-themes": "0.41.0"
|
35
35
|
},
|
36
36
|
"peerDependencies": {
|
@@ -123,5 +123,5 @@
|
|
123
123
|
"Anton Vinogradov"
|
124
124
|
],
|
125
125
|
"sideEffects": false,
|
126
|
-
"gitHead": "
|
126
|
+
"gitHead": "f270cf2f7926a4e7360a4b3860ecdde477e4a003"
|
127
127
|
}
|