@salutejs/sdds-cs 0.321.1-canary.2079.16199559995.0 → 0.321.1-canary.2080.16212818786.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/IconButton/IconButton.config.d.ts +1 -0
- package/components/IconButton/IconButton.config.js +25 -5
- package/components/IconButton/IconButton.d.ts +1 -0
- package/emotion/cjs/components/IconButton/IconButton.config.js +25 -5
- package/emotion/es/components/IconButton/IconButton.config.js +25 -5
- package/es/components/IconButton/IconButton.config.js +25 -5
- package/package.json +3 -3
@@ -12,6 +12,7 @@ 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;
|
15
16
|
};
|
16
17
|
disabled: {
|
17
18
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -89,7 +89,16 @@ function _templateObject3() {
|
|
89
89
|
function _templateObject4() {
|
90
90
|
var data = _tagged_template_literal([
|
91
91
|
"\n ",
|
92
|
-
":
|
92
|
+
": 2.5rem;\n ",
|
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 "
|
93
102
|
]);
|
94
103
|
_templateObject4 = function _templateObject() {
|
95
104
|
return data;
|
@@ -99,13 +108,23 @@ function _templateObject4() {
|
|
99
108
|
function _templateObject5() {
|
100
109
|
var data = _tagged_template_literal([
|
101
110
|
"\n ",
|
102
|
-
":
|
111
|
+
": 0.4;\n "
|
103
112
|
]);
|
104
113
|
_templateObject5 = function _templateObject() {
|
105
114
|
return data;
|
106
115
|
};
|
107
116
|
return data;
|
108
117
|
}
|
118
|
+
function _templateObject6() {
|
119
|
+
var data = _tagged_template_literal([
|
120
|
+
"\n ",
|
121
|
+
": var(--surface-accent);\n "
|
122
|
+
]);
|
123
|
+
_templateObject6 = function _templateObject() {
|
124
|
+
return data;
|
125
|
+
};
|
126
|
+
return data;
|
127
|
+
}
|
109
128
|
var config = {
|
110
129
|
defaults: {
|
111
130
|
view: 'accent',
|
@@ -119,13 +138,14 @@ var config = {
|
|
119
138
|
clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.iconButtonTokens.iconButtonColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledcomponents.iconButtonTokens.iconButtonBackgroundColorActive)
|
120
139
|
},
|
121
140
|
size: {
|
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)
|
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)
|
123
143
|
},
|
124
144
|
disabled: {
|
125
|
-
true: (0, _styledcomponents.css)(
|
145
|
+
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
|
126
146
|
},
|
127
147
|
focused: {
|
128
|
-
true: (0, _styledcomponents.css)(
|
148
|
+
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
|
129
149
|
}
|
130
150
|
}
|
131
151
|
};
|
@@ -9,6 +9,7 @@ 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;
|
12
13
|
};
|
13
14
|
disabled: {
|
14
15
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -89,7 +89,16 @@ function _templateObject3() {
|
|
89
89
|
function _templateObject4() {
|
90
90
|
var data = _tagged_template_literal([
|
91
91
|
"\n ",
|
92
|
-
":
|
92
|
+
": 2.5rem;\n ",
|
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 "
|
93
102
|
]);
|
94
103
|
_templateObject4 = function _templateObject() {
|
95
104
|
return data;
|
@@ -99,13 +108,23 @@ function _templateObject4() {
|
|
99
108
|
function _templateObject5() {
|
100
109
|
var data = _tagged_template_literal([
|
101
110
|
"\n ",
|
102
|
-
":
|
111
|
+
": 0.4;\n "
|
103
112
|
]);
|
104
113
|
_templateObject5 = function _templateObject() {
|
105
114
|
return data;
|
106
115
|
};
|
107
116
|
return data;
|
108
117
|
}
|
118
|
+
function _templateObject6() {
|
119
|
+
var data = _tagged_template_literal([
|
120
|
+
"\n ",
|
121
|
+
": var(--surface-accent);\n "
|
122
|
+
]);
|
123
|
+
_templateObject6 = function _templateObject() {
|
124
|
+
return data;
|
125
|
+
};
|
126
|
+
return data;
|
127
|
+
}
|
109
128
|
var config = {
|
110
129
|
defaults: {
|
111
130
|
view: 'accent',
|
@@ -119,13 +138,14 @@ var config = {
|
|
119
138
|
clear: (0, _emotion.css)(_templateObject2(), _emotion.iconButtonTokens.iconButtonColor, _emotion.iconButtonTokens.iconButtonBackgroundColor, _emotion.iconButtonTokens.iconButtonLoadingBackgroundColor, _emotion.iconButtonTokens.iconButtonBackgroundColorHover, _emotion.iconButtonTokens.iconButtonBackgroundColorActive)
|
120
139
|
},
|
121
140
|
size: {
|
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)
|
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)
|
123
143
|
},
|
124
144
|
disabled: {
|
125
|
-
true: (0, _emotion.css)(
|
145
|
+
true: (0, _emotion.css)(_templateObject5(), _emotion.iconButtonTokens.iconButtonDisabledOpacity)
|
126
146
|
},
|
127
147
|
focused: {
|
128
|
-
true: (0, _emotion.css)(
|
148
|
+
true: (0, _emotion.css)(_templateObject6(), _emotion.iconButtonTokens.iconButtonFocusColor)
|
129
149
|
}
|
130
150
|
}
|
131
151
|
};
|
@@ -78,7 +78,16 @@ function _templateObject3() {
|
|
78
78
|
function _templateObject4() {
|
79
79
|
var data = _tagged_template_literal([
|
80
80
|
"\n ",
|
81
|
-
":
|
81
|
+
": 2.5rem;\n ",
|
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 "
|
82
91
|
]);
|
83
92
|
_templateObject4 = function _templateObject() {
|
84
93
|
return data;
|
@@ -88,13 +97,23 @@ function _templateObject4() {
|
|
88
97
|
function _templateObject5() {
|
89
98
|
var data = _tagged_template_literal([
|
90
99
|
"\n ",
|
91
|
-
":
|
100
|
+
": 0.4;\n "
|
92
101
|
]);
|
93
102
|
_templateObject5 = function _templateObject() {
|
94
103
|
return data;
|
95
104
|
};
|
96
105
|
return data;
|
97
106
|
}
|
107
|
+
function _templateObject6() {
|
108
|
+
var data = _tagged_template_literal([
|
109
|
+
"\n ",
|
110
|
+
": var(--surface-accent);\n "
|
111
|
+
]);
|
112
|
+
_templateObject6 = function _templateObject() {
|
113
|
+
return data;
|
114
|
+
};
|
115
|
+
return data;
|
116
|
+
}
|
98
117
|
import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/emotion';
|
99
118
|
export var config = {
|
100
119
|
defaults: {
|
@@ -109,13 +128,14 @@ export var config = {
|
|
109
128
|
clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
|
110
129
|
},
|
111
130
|
size: {
|
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)
|
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)
|
113
133
|
},
|
114
134
|
disabled: {
|
115
|
-
true: css(
|
135
|
+
true: css(_templateObject5(), iconButtonTokens.iconButtonDisabledOpacity)
|
116
136
|
},
|
117
137
|
focused: {
|
118
|
-
true: css(
|
138
|
+
true: css(_templateObject6(), iconButtonTokens.iconButtonFocusColor)
|
119
139
|
}
|
120
140
|
}
|
121
141
|
};
|
@@ -78,7 +78,16 @@ function _templateObject3() {
|
|
78
78
|
function _templateObject4() {
|
79
79
|
var data = _tagged_template_literal([
|
80
80
|
"\n ",
|
81
|
-
":
|
81
|
+
": 2.5rem;\n ",
|
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 "
|
82
91
|
]);
|
83
92
|
_templateObject4 = function _templateObject() {
|
84
93
|
return data;
|
@@ -88,13 +97,23 @@ function _templateObject4() {
|
|
88
97
|
function _templateObject5() {
|
89
98
|
var data = _tagged_template_literal([
|
90
99
|
"\n ",
|
91
|
-
":
|
100
|
+
": 0.4;\n "
|
92
101
|
]);
|
93
102
|
_templateObject5 = function _templateObject() {
|
94
103
|
return data;
|
95
104
|
};
|
96
105
|
return data;
|
97
106
|
}
|
107
|
+
function _templateObject6() {
|
108
|
+
var data = _tagged_template_literal([
|
109
|
+
"\n ",
|
110
|
+
": var(--surface-accent);\n "
|
111
|
+
]);
|
112
|
+
_templateObject6 = function _templateObject() {
|
113
|
+
return data;
|
114
|
+
};
|
115
|
+
return data;
|
116
|
+
}
|
98
117
|
import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
|
99
118
|
export var config = {
|
100
119
|
defaults: {
|
@@ -109,13 +128,14 @@ export var config = {
|
|
109
128
|
clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
|
110
129
|
},
|
111
130
|
size: {
|
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)
|
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)
|
113
133
|
},
|
114
134
|
disabled: {
|
115
|
-
true: css(
|
135
|
+
true: css(_templateObject5(), iconButtonTokens.iconButtonDisabledOpacity)
|
116
136
|
},
|
117
137
|
focused: {
|
118
|
-
true: css(
|
138
|
+
true: css(_templateObject6(), iconButtonTokens.iconButtonFocusColor)
|
119
139
|
}
|
120
140
|
}
|
121
141
|
};
|
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.2080.16212818786.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.2080.16212818786.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": "c12ed257c8f290549993e4bd480dee0aa81589d8"
|
127
127
|
}
|