@salutejs/sdds-finai 0.321.1-canary.2376.19952506237.0 → 0.322.0-canary.2241.19959327691.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/Pagination/Pagination.config.d.ts +2 -0
- package/components/Pagination/Pagination.config.js +96 -12
- package/components/Pagination/Pagination.d.ts +2 -0
- package/components/Tabs/TabItem.d.ts +4 -0
- package/components/Tabs/Tabs.d.ts +2 -0
- package/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +1 -0
- package/components/Tabs/horizontal/HorizontalIconTabItem.config.js +31 -17
- package/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +1 -0
- package/components/Tabs/horizontal/HorizontalTabItem.config.js +54 -29
- package/components/Tabs/horizontal/HorizontalTabs.config.d.ts +1 -0
- package/components/Tabs/horizontal/HorizontalTabs.config.js +34 -19
- package/components/Tabs/vertical/VerticalIconTabItem.config.d.ts +1 -0
- package/components/Tabs/vertical/VerticalIconTabItem.config.js +18 -3
- package/components/Tabs/vertical/VerticalTabItem.config.d.ts +1 -0
- package/components/Tabs/vertical/VerticalTabItem.config.js +31 -5
- package/components/Tabs/vertical/VerticalTabs.config.d.ts +1 -0
- package/components/Tabs/vertical/VerticalTabs.config.js +20 -5
- package/es/components/Pagination/Pagination.config.js +96 -12
- package/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +31 -17
- package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +54 -29
- package/es/components/Tabs/horizontal/HorizontalTabs.config.js +34 -19
- package/es/components/Tabs/vertical/VerticalIconTabItem.config.js +18 -3
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +31 -5
- package/es/components/Tabs/vertical/VerticalTabs.config.js +20 -5
- package/package.json +7 -7
|
@@ -115,11 +115,11 @@ function _templateObject5() {
|
|
|
115
115
|
function _templateObject6() {
|
|
116
116
|
var data = _tagged_template_literal([
|
|
117
117
|
"\n ",
|
|
118
|
-
": 0.
|
|
118
|
+
": 0.875rem;\n ",
|
|
119
119
|
": fit-content;\n ",
|
|
120
120
|
": auto;\n ",
|
|
121
|
-
":
|
|
122
|
-
":
|
|
121
|
+
": 0rem;\n ",
|
|
122
|
+
": 0.75rem;\n "
|
|
123
123
|
]);
|
|
124
124
|
_templateObject6 = function _templateObject() {
|
|
125
125
|
return data;
|
|
@@ -143,10 +143,10 @@ function _templateObject7() {
|
|
|
143
143
|
function _templateObject8() {
|
|
144
144
|
var data = _tagged_template_literal([
|
|
145
145
|
"\n ",
|
|
146
|
-
": 0.
|
|
146
|
+
": 0.5rem;\n ",
|
|
147
147
|
": fit-content;\n ",
|
|
148
148
|
": auto;\n ",
|
|
149
|
-
": 0.
|
|
149
|
+
": 0.25rem;\n ",
|
|
150
150
|
": 0rem;\n "
|
|
151
151
|
]);
|
|
152
152
|
_templateObject8 = function _templateObject() {
|
|
@@ -157,10 +157,10 @@ function _templateObject8() {
|
|
|
157
157
|
function _templateObject9() {
|
|
158
158
|
var data = _tagged_template_literal([
|
|
159
159
|
"\n ",
|
|
160
|
-
": 0.
|
|
160
|
+
": 0.625rem;\n ",
|
|
161
161
|
": fit-content;\n ",
|
|
162
162
|
": auto;\n ",
|
|
163
|
-
": 0.
|
|
163
|
+
": 0.375rem;\n ",
|
|
164
164
|
": 0rem;\n "
|
|
165
165
|
]);
|
|
166
166
|
_templateObject9 = function _templateObject() {
|
|
@@ -174,7 +174,7 @@ function _templateObject10() {
|
|
|
174
174
|
": 0.75rem;\n ",
|
|
175
175
|
": fit-content;\n ",
|
|
176
176
|
": auto;\n ",
|
|
177
|
-
":
|
|
177
|
+
": 0.5rem;\n ",
|
|
178
178
|
": 0rem;\n "
|
|
179
179
|
]);
|
|
180
180
|
_templateObject10 = function _templateObject() {
|
|
@@ -185,7 +185,11 @@ function _templateObject10() {
|
|
|
185
185
|
function _templateObject11() {
|
|
186
186
|
var data = _tagged_template_literal([
|
|
187
187
|
"\n ",
|
|
188
|
-
":
|
|
188
|
+
": 0.75rem;\n ",
|
|
189
|
+
": fit-content;\n ",
|
|
190
|
+
": auto;\n ",
|
|
191
|
+
": 1rem;\n ",
|
|
192
|
+
": 0rem;\n "
|
|
189
193
|
]);
|
|
190
194
|
_templateObject11 = function _templateObject() {
|
|
191
195
|
return data;
|
|
@@ -195,7 +199,7 @@ function _templateObject11() {
|
|
|
195
199
|
function _templateObject12() {
|
|
196
200
|
var data = _tagged_template_literal([
|
|
197
201
|
"\n ",
|
|
198
|
-
":
|
|
202
|
+
": 100%;\n "
|
|
199
203
|
]);
|
|
200
204
|
_templateObject12 = function _templateObject() {
|
|
201
205
|
return data;
|
|
@@ -205,13 +209,23 @@ function _templateObject12() {
|
|
|
205
209
|
function _templateObject13() {
|
|
206
210
|
var data = _tagged_template_literal([
|
|
207
211
|
"\n ",
|
|
208
|
-
":
|
|
212
|
+
": 0.4;\n "
|
|
209
213
|
]);
|
|
210
214
|
_templateObject13 = function _templateObject() {
|
|
211
215
|
return data;
|
|
212
216
|
};
|
|
213
217
|
return data;
|
|
214
218
|
}
|
|
219
|
+
function _templateObject14() {
|
|
220
|
+
var data = _tagged_template_literal([
|
|
221
|
+
"\n ",
|
|
222
|
+
": 1.625rem;\n "
|
|
223
|
+
]);
|
|
224
|
+
_templateObject14 = function _templateObject() {
|
|
225
|
+
return data;
|
|
226
|
+
};
|
|
227
|
+
return data;
|
|
228
|
+
}
|
|
215
229
|
var config = {
|
|
216
230
|
defaults: {
|
|
217
231
|
view: 'filled',
|
|
@@ -227,20 +241,21 @@ var config = {
|
|
|
227
241
|
xs: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
228
242
|
s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
229
243
|
m: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
244
|
+
l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
245
|
+
h5: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
246
|
+
h4: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
247
|
+
h3: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
248
|
+
h2: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
249
|
+
h1: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding)
|
|
235
250
|
},
|
|
236
251
|
stretch: {
|
|
237
|
-
true: (0, _styledcomponents.css)(
|
|
252
|
+
true: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.containerWidth)
|
|
238
253
|
},
|
|
239
254
|
disabled: {
|
|
240
|
-
true: (0, _styledcomponents.css)(
|
|
255
|
+
true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.disabledOpacity)
|
|
241
256
|
},
|
|
242
257
|
pilled: {
|
|
243
|
-
true: (0, _styledcomponents.css)(
|
|
258
|
+
true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.tabsPilledBorderRadius)
|
|
244
259
|
}
|
|
245
260
|
}
|
|
246
261
|
};
|
|
@@ -11,6 +11,7 @@ export declare const config: {
|
|
|
11
11
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
12
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
13
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
15
|
};
|
|
15
16
|
disabled: {
|
|
16
17
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -88,13 +88,27 @@ function _templateObject3() {
|
|
|
88
88
|
function _templateObject4() {
|
|
89
89
|
var data = _tagged_template_literal([
|
|
90
90
|
"\n ",
|
|
91
|
-
": 0.
|
|
91
|
+
": 0.75rem;\n ",
|
|
92
|
+
": 1rem 1.125rem;\n ",
|
|
93
|
+
": 0.5rem;\n ",
|
|
94
|
+
": 0.125rem;\n\n ",
|
|
95
|
+
": 0.125rem;\n "
|
|
92
96
|
]);
|
|
93
97
|
_templateObject4 = function _templateObject() {
|
|
94
98
|
return data;
|
|
95
99
|
};
|
|
96
100
|
return data;
|
|
97
101
|
}
|
|
102
|
+
function _templateObject5() {
|
|
103
|
+
var data = _tagged_template_literal([
|
|
104
|
+
"\n ",
|
|
105
|
+
": 0.4;\n "
|
|
106
|
+
]);
|
|
107
|
+
_templateObject5 = function _templateObject() {
|
|
108
|
+
return data;
|
|
109
|
+
};
|
|
110
|
+
return data;
|
|
111
|
+
}
|
|
98
112
|
var config = {
|
|
99
113
|
defaults: {
|
|
100
114
|
view: 'divider',
|
|
@@ -107,10 +121,11 @@ var config = {
|
|
|
107
121
|
size: {
|
|
108
122
|
xs: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.actionContentMarginLeft),
|
|
109
123
|
s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.actionContentMarginLeft),
|
|
110
|
-
m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.actionContentMarginLeft)
|
|
124
|
+
m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.actionContentMarginLeft),
|
|
125
|
+
l: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.actionContentMarginLeft)
|
|
111
126
|
},
|
|
112
127
|
disabled: {
|
|
113
|
-
true: (0, _styledcomponents.css)(
|
|
128
|
+
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.tabsTokens.disabledOpacity)
|
|
114
129
|
}
|
|
115
130
|
}
|
|
116
131
|
};
|
|
@@ -11,6 +11,7 @@ export declare const config: {
|
|
|
11
11
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
12
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
13
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
15
|
};
|
|
15
16
|
disabled: {
|
|
16
17
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -129,7 +129,22 @@ function _templateObject3() {
|
|
|
129
129
|
function _templateObject4() {
|
|
130
130
|
var data = _tagged_template_literal([
|
|
131
131
|
"\n ",
|
|
132
|
-
": 0.
|
|
132
|
+
": 0.75rem;\n ",
|
|
133
|
+
": auto;\n ",
|
|
134
|
+
": 3.5rem;\n ",
|
|
135
|
+
": 0 0.875rem;\n ",
|
|
136
|
+
": 0 0.75rem;\n ",
|
|
137
|
+
": 1rem 1.5rem;\n ",
|
|
138
|
+
": 1.25rem;\n ",
|
|
139
|
+
": 0.5rem;\n ",
|
|
140
|
+
": 0.125rem;\n\n ",
|
|
141
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
|
142
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
|
143
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
|
144
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
|
145
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
146
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
147
|
+
": 0.125rem;\n "
|
|
133
148
|
]);
|
|
134
149
|
_templateObject4 = function _templateObject() {
|
|
135
150
|
return data;
|
|
@@ -138,13 +153,23 @@ function _templateObject4() {
|
|
|
138
153
|
}
|
|
139
154
|
function _templateObject5() {
|
|
140
155
|
var data = _tagged_template_literal([
|
|
141
|
-
""
|
|
156
|
+
"\n ",
|
|
157
|
+
": 0.4;\n "
|
|
142
158
|
]);
|
|
143
159
|
_templateObject5 = function _templateObject() {
|
|
144
160
|
return data;
|
|
145
161
|
};
|
|
146
162
|
return data;
|
|
147
163
|
}
|
|
164
|
+
function _templateObject6() {
|
|
165
|
+
var data = _tagged_template_literal([
|
|
166
|
+
""
|
|
167
|
+
]);
|
|
168
|
+
_templateObject6 = function _templateObject() {
|
|
169
|
+
return data;
|
|
170
|
+
};
|
|
171
|
+
return data;
|
|
172
|
+
}
|
|
148
173
|
var config = {
|
|
149
174
|
defaults: {
|
|
150
175
|
view: 'divider',
|
|
@@ -157,13 +182,14 @@ var config = {
|
|
|
157
182
|
size: {
|
|
158
183
|
xs: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
|
|
159
184
|
s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
|
|
160
|
-
m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft)
|
|
185
|
+
m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
|
|
186
|
+
l: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemPaddingOrientationVertical, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft)
|
|
161
187
|
},
|
|
162
188
|
disabled: {
|
|
163
|
-
true: (0, _styledcomponents.css)(
|
|
189
|
+
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.tabsTokens.disabledOpacity)
|
|
164
190
|
},
|
|
165
191
|
truncate: {
|
|
166
|
-
true: (0, _styledcomponents.css)(
|
|
192
|
+
true: (0, _styledcomponents.css)(_templateObject6())
|
|
167
193
|
}
|
|
168
194
|
}
|
|
169
195
|
};
|
|
@@ -11,6 +11,7 @@ export declare const config: {
|
|
|
11
11
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
12
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
13
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
15
|
};
|
|
15
16
|
stretch: {
|
|
16
17
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -82,7 +82,11 @@ function _templateObject3() {
|
|
|
82
82
|
function _templateObject4() {
|
|
83
83
|
var data = _tagged_template_literal([
|
|
84
84
|
"\n ",
|
|
85
|
-
":
|
|
85
|
+
": 0.75rem;\n ",
|
|
86
|
+
": fit-content;\n ",
|
|
87
|
+
": auto;\n ",
|
|
88
|
+
": 0rem;\n ",
|
|
89
|
+
": 0.75rem;\n "
|
|
86
90
|
]);
|
|
87
91
|
_templateObject4 = function _templateObject() {
|
|
88
92
|
return data;
|
|
@@ -92,13 +96,23 @@ function _templateObject4() {
|
|
|
92
96
|
function _templateObject5() {
|
|
93
97
|
var data = _tagged_template_literal([
|
|
94
98
|
"\n ",
|
|
95
|
-
":
|
|
99
|
+
": 100%;\n "
|
|
96
100
|
]);
|
|
97
101
|
_templateObject5 = function _templateObject() {
|
|
98
102
|
return data;
|
|
99
103
|
};
|
|
100
104
|
return data;
|
|
101
105
|
}
|
|
106
|
+
function _templateObject6() {
|
|
107
|
+
var data = _tagged_template_literal([
|
|
108
|
+
"\n ",
|
|
109
|
+
": 0.4;\n "
|
|
110
|
+
]);
|
|
111
|
+
_templateObject6 = function _templateObject() {
|
|
112
|
+
return data;
|
|
113
|
+
};
|
|
114
|
+
return data;
|
|
115
|
+
}
|
|
102
116
|
var config = {
|
|
103
117
|
defaults: {
|
|
104
118
|
view: 'divider',
|
|
@@ -111,13 +125,14 @@ var config = {
|
|
|
111
125
|
size: {
|
|
112
126
|
xs: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
113
127
|
s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
114
|
-
m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding)
|
|
128
|
+
m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
|
|
129
|
+
l: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding)
|
|
115
130
|
},
|
|
116
131
|
stretch: {
|
|
117
|
-
true: (0, _styledcomponents.css)(
|
|
132
|
+
true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.tabsTokens.containerHeight)
|
|
118
133
|
},
|
|
119
134
|
disabled: {
|
|
120
|
-
true: (0, _styledcomponents.css)(
|
|
135
|
+
true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.tabsTokens.disabledOpacity)
|
|
121
136
|
}
|
|
122
137
|
}
|
|
123
138
|
};
|
|
@@ -137,7 +137,90 @@ function _templateObject5() {
|
|
|
137
137
|
function _templateObject6() {
|
|
138
138
|
var data = _tagged_template_literal([
|
|
139
139
|
"\n ",
|
|
140
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
|
141
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
|
142
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
|
143
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
|
144
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
145
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
146
|
+
": 3.5rem;\n ",
|
|
147
|
+
": 3rem;\n ",
|
|
148
|
+
": 2.25rem;\n ",
|
|
149
|
+
": 4rem;\n ",
|
|
150
|
+
": 0.875rem;\n ",
|
|
151
|
+
": 1.2rem;\n ",
|
|
152
|
+
": 1.45rem;\n ",
|
|
153
|
+
": 0 -0.125rem 0 0.5rem;\n\n ",
|
|
154
|
+
": auto;\n ",
|
|
155
|
+
": 0.125rem;\n ",
|
|
156
|
+
": 0.125rem;\n ",
|
|
157
|
+
": 0.125rem;\n ",
|
|
158
|
+
": 0.125rem;\n\n ",
|
|
159
|
+
": 1.5rem;\n ",
|
|
160
|
+
": 1rem 1rem 1rem 1rem;\n ",
|
|
161
|
+
": 1.875rem;\n ",
|
|
162
|
+
": transparent;\n\n ",
|
|
140
163
|
": 1rem;\n ",
|
|
164
|
+
": 1.5rem 0 1.5rem;\n ",
|
|
165
|
+
": 0.5rem;\n ",
|
|
166
|
+
": 0.375rem;\n\n ",
|
|
167
|
+
": 0.875rem;\n ",
|
|
168
|
+
": 4rem;\n ",
|
|
169
|
+
": 3.5rem;\n ",
|
|
170
|
+
": 0 0.625rem;\n ",
|
|
171
|
+
": 0.0625rem;\n\n ",
|
|
172
|
+
": 0.5rem 2.5rem;\n "
|
|
173
|
+
]);
|
|
174
|
+
_templateObject6 = function _templateObject() {
|
|
175
|
+
return data;
|
|
176
|
+
};
|
|
177
|
+
return data;
|
|
178
|
+
}
|
|
179
|
+
function _templateObject7() {
|
|
180
|
+
var data = _tagged_template_literal([
|
|
181
|
+
"\n ",
|
|
182
|
+
": var(--plasma-typo-body-m-font-family);\n ",
|
|
183
|
+
": var(--plasma-typo-body-m-font-size);\n ",
|
|
184
|
+
": var(--plasma-typo-body-m-font-style);\n ",
|
|
185
|
+
": var(--plasma-typo-body-m-bold-font-weight);\n ",
|
|
186
|
+
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
187
|
+
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
188
|
+
": 3rem;\n ",
|
|
189
|
+
": 3rem;\n ",
|
|
190
|
+
": 2rem;\n ",
|
|
191
|
+
": 3.5rem;\n ",
|
|
192
|
+
": 0.75rem;\n ",
|
|
193
|
+
": 1.05rem;\n ",
|
|
194
|
+
": 1.3rem;\n ",
|
|
195
|
+
": 0 -0.125rem 0 0.375rem;\n\n ",
|
|
196
|
+
": auto;\n ",
|
|
197
|
+
": 0.125rem;\n ",
|
|
198
|
+
": 0.125rem;\n ",
|
|
199
|
+
": 0.125rem;\n ",
|
|
200
|
+
": 0.125rem;\n\n ",
|
|
201
|
+
": 1.5rem;\n ",
|
|
202
|
+
": 0.75rem 0.75rem 0.75rem 0.75rem;\n ",
|
|
203
|
+
": 1.75rem;\n ",
|
|
204
|
+
": transparent;\n\n ",
|
|
205
|
+
": 0.875rem;\n ",
|
|
206
|
+
": 1.25rem 0 1.25rem;\n ",
|
|
207
|
+
": 0.5rem;\n ",
|
|
208
|
+
": 0.375rem;\n\n ",
|
|
209
|
+
": 0.75rem;\n ",
|
|
210
|
+
": 3.5rem;\n ",
|
|
211
|
+
": 3rem;\n ",
|
|
212
|
+
": 0 0.625rem;\n ",
|
|
213
|
+
": 0.0625rem;\n\n ",
|
|
214
|
+
": 0.5rem 2.5rem;\n "
|
|
215
|
+
]);
|
|
216
|
+
_templateObject7 = function _templateObject() {
|
|
217
|
+
return data;
|
|
218
|
+
};
|
|
219
|
+
return data;
|
|
220
|
+
}
|
|
221
|
+
function _templateObject8() {
|
|
222
|
+
var data = _tagged_template_literal([
|
|
223
|
+
"\n ",
|
|
141
224
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
142
225
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
143
226
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
@@ -172,15 +255,14 @@ function _templateObject6() {
|
|
|
172
255
|
": 0.0625rem;\n\n ",
|
|
173
256
|
": 0.5rem 2.5rem;\n "
|
|
174
257
|
]);
|
|
175
|
-
|
|
258
|
+
_templateObject8 = function _templateObject() {
|
|
176
259
|
return data;
|
|
177
260
|
};
|
|
178
261
|
return data;
|
|
179
262
|
}
|
|
180
|
-
function
|
|
263
|
+
function _templateObject9() {
|
|
181
264
|
var data = _tagged_template_literal([
|
|
182
265
|
"\n ",
|
|
183
|
-
": 1rem;\n ",
|
|
184
266
|
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
185
267
|
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
186
268
|
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
@@ -215,25 +297,25 @@ function _templateObject7() {
|
|
|
215
297
|
": 0.0625rem;\n\n ",
|
|
216
298
|
": 0.5rem 2.5rem;\n "
|
|
217
299
|
]);
|
|
218
|
-
|
|
300
|
+
_templateObject9 = function _templateObject() {
|
|
219
301
|
return data;
|
|
220
302
|
};
|
|
221
303
|
return data;
|
|
222
304
|
}
|
|
223
|
-
function
|
|
305
|
+
function _templateObject10() {
|
|
224
306
|
var data = _tagged_template_literal([
|
|
225
307
|
""
|
|
226
308
|
]);
|
|
227
|
-
|
|
309
|
+
_templateObject10 = function _templateObject() {
|
|
228
310
|
return data;
|
|
229
311
|
};
|
|
230
312
|
return data;
|
|
231
313
|
}
|
|
232
|
-
function
|
|
314
|
+
function _templateObject11() {
|
|
233
315
|
var data = _tagged_template_literal([
|
|
234
316
|
""
|
|
235
317
|
]);
|
|
236
|
-
|
|
318
|
+
_templateObject11 = function _templateObject() {
|
|
237
319
|
return data;
|
|
238
320
|
};
|
|
239
321
|
return data;
|
|
@@ -257,12 +339,14 @@ export var config = {
|
|
|
257
339
|
clear: css(_templateObject5(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
|
|
258
340
|
},
|
|
259
341
|
size: {
|
|
260
|
-
|
|
261
|
-
|
|
342
|
+
l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
|
|
343
|
+
m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
|
|
344
|
+
s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
|
|
345
|
+
xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
|
|
262
346
|
},
|
|
263
347
|
type: {
|
|
264
|
-
compact: css(
|
|
265
|
-
default: css(
|
|
348
|
+
compact: css(_templateObject10()),
|
|
349
|
+
default: css(_templateObject11())
|
|
266
350
|
}
|
|
267
351
|
}
|
|
268
352
|
};
|
|
@@ -142,10 +142,10 @@ function _templateObject6() {
|
|
|
142
142
|
function _templateObject7() {
|
|
143
143
|
var data = _tagged_template_literal([
|
|
144
144
|
"\n ",
|
|
145
|
-
": 0.
|
|
146
|
-
":
|
|
147
|
-
": 0.
|
|
148
|
-
":
|
|
145
|
+
": 0.75rem;\n ",
|
|
146
|
+
": 1rem 1.125rem;\n ",
|
|
147
|
+
": 0.5rem;\n\n ",
|
|
148
|
+
": 0.125rem;\n "
|
|
149
149
|
]);
|
|
150
150
|
_templateObject7 = function _templateObject() {
|
|
151
151
|
return data;
|
|
@@ -168,9 +168,9 @@ function _templateObject8() {
|
|
|
168
168
|
function _templateObject9() {
|
|
169
169
|
var data = _tagged_template_literal([
|
|
170
170
|
"\n ",
|
|
171
|
-
": 0.
|
|
171
|
+
": 0.375rem;\n ",
|
|
172
172
|
": 0rem;\n ",
|
|
173
|
-
": 0.
|
|
173
|
+
": 0.625rem;\n\n ",
|
|
174
174
|
": -0.125rem;\n "
|
|
175
175
|
]);
|
|
176
176
|
_templateObject9 = function _templateObject() {
|
|
@@ -181,9 +181,9 @@ function _templateObject9() {
|
|
|
181
181
|
function _templateObject10() {
|
|
182
182
|
var data = _tagged_template_literal([
|
|
183
183
|
"\n ",
|
|
184
|
-
": 0.
|
|
184
|
+
": 0.5rem;\n ",
|
|
185
185
|
": 0rem;\n ",
|
|
186
|
-
": 0.
|
|
186
|
+
": 0.75rem;\n\n ",
|
|
187
187
|
": -0.125rem;\n "
|
|
188
188
|
]);
|
|
189
189
|
_templateObject10 = function _templateObject() {
|
|
@@ -192,6 +192,19 @@ function _templateObject10() {
|
|
|
192
192
|
return data;
|
|
193
193
|
}
|
|
194
194
|
function _templateObject11() {
|
|
195
|
+
var data = _tagged_template_literal([
|
|
196
|
+
"\n ",
|
|
197
|
+
": 0.625rem;\n ",
|
|
198
|
+
": 0rem;\n ",
|
|
199
|
+
": 0.875rem;\n\n ",
|
|
200
|
+
": -0.125rem;\n "
|
|
201
|
+
]);
|
|
202
|
+
_templateObject11 = function _templateObject() {
|
|
203
|
+
return data;
|
|
204
|
+
};
|
|
205
|
+
return data;
|
|
206
|
+
}
|
|
207
|
+
function _templateObject12() {
|
|
195
208
|
var data = _tagged_template_literal([
|
|
196
209
|
"\n ",
|
|
197
210
|
": 0.75rem;\n ",
|
|
@@ -199,17 +212,17 @@ function _templateObject11() {
|
|
|
199
212
|
": 1rem;\n\n ",
|
|
200
213
|
": 0;\n "
|
|
201
214
|
]);
|
|
202
|
-
|
|
215
|
+
_templateObject12 = function _templateObject() {
|
|
203
216
|
return data;
|
|
204
217
|
};
|
|
205
218
|
return data;
|
|
206
219
|
}
|
|
207
|
-
function
|
|
220
|
+
function _templateObject13() {
|
|
208
221
|
var data = _tagged_template_literal([
|
|
209
222
|
"\n ",
|
|
210
223
|
": 0.4;\n "
|
|
211
224
|
]);
|
|
212
|
-
|
|
225
|
+
_templateObject13 = function _templateObject() {
|
|
213
226
|
return data;
|
|
214
227
|
};
|
|
215
228
|
return data;
|
|
@@ -231,14 +244,15 @@ export var config = {
|
|
|
231
244
|
xs: css(_templateObject4(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
232
245
|
s: css(_templateObject5(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
233
246
|
m: css(_templateObject6(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
247
|
+
l: css(_templateObject7(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
248
|
+
h5: css(_templateObject8(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
249
|
+
h4: css(_templateObject9(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
250
|
+
h3: css(_templateObject10(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
251
|
+
h2: css(_templateObject11(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
|
|
252
|
+
h1: css(_templateObject12(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft)
|
|
239
253
|
},
|
|
240
254
|
disabled: {
|
|
241
|
-
true: css(
|
|
255
|
+
true: css(_templateObject13(), tabsTokens.disabledOpacity)
|
|
242
256
|
}
|
|
243
257
|
}
|
|
244
258
|
};
|