@salutejs/sdds-serv 0.316.1-canary.2079.16199559995.0 → 0.316.1-canary.2080.16213874938.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/Button/Button.config.d.ts +5 -0
- package/components/Button/Button.config.js +16 -11
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/{Button.config_1pqzykz.css → Button.config_on7zvi.css} +12 -7
- package/components/Button/Button.css +23 -18
- package/components/Button/Button.d.ts +10 -0
- package/components/IconButton/IconButton.config.d.ts +5 -0
- package/components/IconButton/IconButton.config.js +12 -7
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_1uz2ft1.css +22 -0
- package/components/IconButton/IconButton.css +22 -17
- package/components/IconButton/IconButton.d.ts +5 -0
- package/emotion/cjs/components/Button/Button.config.js +144 -29
- package/emotion/cjs/components/IconButton/IconButton.config.js +117 -17
- package/emotion/es/components/Button/Button.config.js +144 -29
- package/emotion/es/components/IconButton/IconButton.config.js +117 -17
- package/es/components/Button/Button.config.js +16 -11
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/{Button.config_1pqzykz.css → Button.config_on7zvi.css} +12 -7
- package/es/components/Button/Button.css +23 -18
- package/es/components/IconButton/IconButton.config.js +12 -7
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_1uz2ft1.css +22 -0
- package/es/components/IconButton/IconButton.css +22 -17
- package/es/index.css +45 -35
- package/package.json +3 -3
- package/styled-components/cjs/components/Button/Button.config.js +144 -29
- package/styled-components/cjs/components/IconButton/IconButton.config.js +117 -17
- package/styled-components/es/components/Button/Button.config.js +144 -29
- package/styled-components/es/components/IconButton/IconButton.config.js +117 -17
- package/components/IconButton/IconButton.config_hkswin.css +0 -17
- package/es/components/IconButton/IconButton.config_hkswin.css +0 -17
|
@@ -191,6 +191,25 @@ function _templateObject10() {
|
|
|
191
191
|
return data;
|
|
192
192
|
}
|
|
193
193
|
function _templateObject11() {
|
|
194
|
+
var data = _tagged_template_literal([
|
|
195
|
+
"\n ",
|
|
196
|
+
": 4rem;\n ",
|
|
197
|
+
": 4rem;\n ",
|
|
198
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
|
199
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
|
200
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
|
201
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
|
202
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
203
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
204
|
+
": 1.5rem;\n ",
|
|
205
|
+
": inherit;\n "
|
|
206
|
+
]);
|
|
207
|
+
_templateObject11 = function _templateObject() {
|
|
208
|
+
return data;
|
|
209
|
+
};
|
|
210
|
+
return data;
|
|
211
|
+
}
|
|
212
|
+
function _templateObject12() {
|
|
194
213
|
var data = _tagged_template_literal([
|
|
195
214
|
"\n ",
|
|
196
215
|
": 3.5rem;\n ",
|
|
@@ -206,12 +225,31 @@ function _templateObject11() {
|
|
|
206
225
|
": 1.375rem;\n ",
|
|
207
226
|
": inherit;\n "
|
|
208
227
|
]);
|
|
209
|
-
|
|
228
|
+
_templateObject12 = function _templateObject() {
|
|
210
229
|
return data;
|
|
211
230
|
};
|
|
212
231
|
return data;
|
|
213
232
|
}
|
|
214
|
-
function
|
|
233
|
+
function _templateObject13() {
|
|
234
|
+
var data = _tagged_template_literal([
|
|
235
|
+
"\n ",
|
|
236
|
+
": 3.5rem;\n ",
|
|
237
|
+
": 3.5rem;\n ",
|
|
238
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
|
239
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
|
240
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
|
241
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
|
242
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
243
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
244
|
+
": 1.375rem;\n ",
|
|
245
|
+
": inherit;\n "
|
|
246
|
+
]);
|
|
247
|
+
_templateObject13 = function _templateObject() {
|
|
248
|
+
return data;
|
|
249
|
+
};
|
|
250
|
+
return data;
|
|
251
|
+
}
|
|
252
|
+
function _templateObject14() {
|
|
215
253
|
var data = _tagged_template_literal([
|
|
216
254
|
"\n ",
|
|
217
255
|
": 3rem;\n ",
|
|
@@ -227,12 +265,31 @@ function _templateObject12() {
|
|
|
227
265
|
": 1.375rem;\n ",
|
|
228
266
|
": inherit;\n "
|
|
229
267
|
]);
|
|
230
|
-
|
|
268
|
+
_templateObject14 = function _templateObject() {
|
|
231
269
|
return data;
|
|
232
270
|
};
|
|
233
271
|
return data;
|
|
234
272
|
}
|
|
235
|
-
function
|
|
273
|
+
function _templateObject15() {
|
|
274
|
+
var data = _tagged_template_literal([
|
|
275
|
+
"\n ",
|
|
276
|
+
": 3rem;\n ",
|
|
277
|
+
": 3rem;\n ",
|
|
278
|
+
": var(--plasma-typo-body-m-font-family);\n ",
|
|
279
|
+
": var(--plasma-typo-body-m-font-size);\n ",
|
|
280
|
+
": var(--plasma-typo-body-m-font-style);\n ",
|
|
281
|
+
": var(--plasma-typo-body-m-bold-font-weight);\n ",
|
|
282
|
+
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
283
|
+
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
284
|
+
": 1.375rem;\n ",
|
|
285
|
+
": inherit;\n "
|
|
286
|
+
]);
|
|
287
|
+
_templateObject15 = function _templateObject() {
|
|
288
|
+
return data;
|
|
289
|
+
};
|
|
290
|
+
return data;
|
|
291
|
+
}
|
|
292
|
+
function _templateObject16() {
|
|
236
293
|
var data = _tagged_template_literal([
|
|
237
294
|
"\n ",
|
|
238
295
|
": 2.5rem;\n ",
|
|
@@ -248,12 +305,31 @@ function _templateObject13() {
|
|
|
248
305
|
": 1.375rem;\n ",
|
|
249
306
|
": inherit;\n "
|
|
250
307
|
]);
|
|
251
|
-
|
|
308
|
+
_templateObject16 = function _templateObject() {
|
|
252
309
|
return data;
|
|
253
310
|
};
|
|
254
311
|
return data;
|
|
255
312
|
}
|
|
256
|
-
function
|
|
313
|
+
function _templateObject17() {
|
|
314
|
+
var data = _tagged_template_literal([
|
|
315
|
+
"\n ",
|
|
316
|
+
": 2.5rem;\n ",
|
|
317
|
+
": 2.5rem;\n ",
|
|
318
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
319
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
320
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
321
|
+
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
|
322
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
323
|
+
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
324
|
+
": 1.375rem;\n ",
|
|
325
|
+
": inherit;\n "
|
|
326
|
+
]);
|
|
327
|
+
_templateObject17 = function _templateObject() {
|
|
328
|
+
return data;
|
|
329
|
+
};
|
|
330
|
+
return data;
|
|
331
|
+
}
|
|
332
|
+
function _templateObject18() {
|
|
257
333
|
var data = _tagged_template_literal([
|
|
258
334
|
"\n ",
|
|
259
335
|
": 2rem;\n ",
|
|
@@ -269,27 +345,46 @@ function _templateObject14() {
|
|
|
269
345
|
": 1rem;\n ",
|
|
270
346
|
": inherit;\n "
|
|
271
347
|
]);
|
|
272
|
-
|
|
348
|
+
_templateObject18 = function _templateObject() {
|
|
273
349
|
return data;
|
|
274
350
|
};
|
|
275
351
|
return data;
|
|
276
352
|
}
|
|
277
|
-
function
|
|
353
|
+
function _templateObject19() {
|
|
354
|
+
var data = _tagged_template_literal([
|
|
355
|
+
"\n ",
|
|
356
|
+
": 2rem;\n ",
|
|
357
|
+
": 2rem;\n ",
|
|
358
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
359
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
360
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
361
|
+
": var(--plasma-typo-body-xs-bold-font-weight);\n ",
|
|
362
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
363
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
364
|
+
": 1rem;\n ",
|
|
365
|
+
": inherit;\n "
|
|
366
|
+
]);
|
|
367
|
+
_templateObject19 = function _templateObject() {
|
|
368
|
+
return data;
|
|
369
|
+
};
|
|
370
|
+
return data;
|
|
371
|
+
}
|
|
372
|
+
function _templateObject20() {
|
|
278
373
|
var data = _tagged_template_literal([
|
|
279
374
|
"\n ",
|
|
280
375
|
": 0.4;\n "
|
|
281
376
|
]);
|
|
282
|
-
|
|
377
|
+
_templateObject20 = function _templateObject() {
|
|
283
378
|
return data;
|
|
284
379
|
};
|
|
285
380
|
return data;
|
|
286
381
|
}
|
|
287
|
-
function
|
|
382
|
+
function _templateObject21() {
|
|
288
383
|
var data = _tagged_template_literal([
|
|
289
384
|
"\n ",
|
|
290
385
|
": var(--surface-accent);\n "
|
|
291
386
|
]);
|
|
292
|
-
|
|
387
|
+
_templateObject21 = function _templateObject() {
|
|
293
388
|
return data;
|
|
294
389
|
};
|
|
295
390
|
return data;
|
|
@@ -315,16 +410,21 @@ var config = {
|
|
|
315
410
|
},
|
|
316
411
|
size: {
|
|
317
412
|
xl: (0, _styledcomponents.css)(_templateObject10(), _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),
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
413
|
+
xlr: (0, _styledcomponents.css)(_templateObject11(), _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),
|
|
414
|
+
l: (0, _styledcomponents.css)(_templateObject12(), _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),
|
|
415
|
+
lr: (0, _styledcomponents.css)(_templateObject13(), _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),
|
|
416
|
+
m: (0, _styledcomponents.css)(_templateObject14(), _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),
|
|
417
|
+
mr: (0, _styledcomponents.css)(_templateObject15(), _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),
|
|
418
|
+
s: (0, _styledcomponents.css)(_templateObject16(), _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),
|
|
419
|
+
sr: (0, _styledcomponents.css)(_templateObject17(), _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),
|
|
420
|
+
xs: (0, _styledcomponents.css)(_templateObject18(), _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),
|
|
421
|
+
xsr: (0, _styledcomponents.css)(_templateObject19(), _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)
|
|
322
422
|
},
|
|
323
423
|
disabled: {
|
|
324
|
-
true: (0, _styledcomponents.css)(
|
|
424
|
+
true: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.iconButtonTokens.iconButtonDisabledOpacity)
|
|
325
425
|
},
|
|
326
426
|
focused: {
|
|
327
|
-
true: (0, _styledcomponents.css)(
|
|
427
|
+
true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.iconButtonTokens.iconButtonFocusColor)
|
|
328
428
|
}
|
|
329
429
|
}
|
|
330
430
|
};
|
|
@@ -193,6 +193,28 @@ function _templateObject10() {
|
|
|
193
193
|
return data;
|
|
194
194
|
}
|
|
195
195
|
function _templateObject11() {
|
|
196
|
+
var data = _tagged_template_literal([
|
|
197
|
+
"\n ",
|
|
198
|
+
": 4rem;\n ",
|
|
199
|
+
": 12.5rem;\n ",
|
|
200
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
|
201
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
|
202
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
|
203
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
|
204
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
205
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
206
|
+
": 1.5rem;\n ",
|
|
207
|
+
": inherit;\n\n ",
|
|
208
|
+
": 0 0.625rem 0 0;\n ",
|
|
209
|
+
": 0 0 0 0.625rem;\n ",
|
|
210
|
+
": 0 0 0 0.25rem;\n "
|
|
211
|
+
]);
|
|
212
|
+
_templateObject11 = function _templateObject() {
|
|
213
|
+
return data;
|
|
214
|
+
};
|
|
215
|
+
return data;
|
|
216
|
+
}
|
|
217
|
+
function _templateObject12() {
|
|
196
218
|
var data = _tagged_template_literal([
|
|
197
219
|
"\n ",
|
|
198
220
|
": 3.5rem;\n ",
|
|
@@ -211,12 +233,34 @@ function _templateObject11() {
|
|
|
211
233
|
": 0 -0.125rem 0 0.5rem;\n ",
|
|
212
234
|
": 0 0 0 0.25rem;\n "
|
|
213
235
|
]);
|
|
214
|
-
|
|
236
|
+
_templateObject12 = function _templateObject() {
|
|
215
237
|
return data;
|
|
216
238
|
};
|
|
217
239
|
return data;
|
|
218
240
|
}
|
|
219
|
-
function
|
|
241
|
+
function _templateObject13() {
|
|
242
|
+
var data = _tagged_template_literal([
|
|
243
|
+
"\n ",
|
|
244
|
+
": 3.5rem;\n ",
|
|
245
|
+
": 12.5rem;\n ",
|
|
246
|
+
": var(--plasma-typo-body-l-font-family);\n ",
|
|
247
|
+
": var(--plasma-typo-body-l-font-size);\n ",
|
|
248
|
+
": var(--plasma-typo-body-l-font-style);\n ",
|
|
249
|
+
": var(--plasma-typo-body-l-bold-font-weight);\n ",
|
|
250
|
+
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
251
|
+
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
252
|
+
": 1.375rem;\n ",
|
|
253
|
+
": inherit;\n\n ",
|
|
254
|
+
": 0 0.5rem 0 0;\n ",
|
|
255
|
+
": 0 0 0 0.5rem;\n ",
|
|
256
|
+
": 0 0 0 0.25rem;\n "
|
|
257
|
+
]);
|
|
258
|
+
_templateObject13 = function _templateObject() {
|
|
259
|
+
return data;
|
|
260
|
+
};
|
|
261
|
+
return data;
|
|
262
|
+
}
|
|
263
|
+
function _templateObject14() {
|
|
220
264
|
var data = _tagged_template_literal([
|
|
221
265
|
"\n ",
|
|
222
266
|
": 3rem;\n ",
|
|
@@ -235,12 +279,34 @@ function _templateObject12() {
|
|
|
235
279
|
": 0 -0.125rem 0 0.375rem;\n ",
|
|
236
280
|
": 0 0 0 0.25rem;\n "
|
|
237
281
|
]);
|
|
238
|
-
|
|
282
|
+
_templateObject14 = function _templateObject() {
|
|
239
283
|
return data;
|
|
240
284
|
};
|
|
241
285
|
return data;
|
|
242
286
|
}
|
|
243
|
-
function
|
|
287
|
+
function _templateObject15() {
|
|
288
|
+
var data = _tagged_template_literal([
|
|
289
|
+
"\n ",
|
|
290
|
+
": 3rem;\n ",
|
|
291
|
+
": 11.25rem;\n ",
|
|
292
|
+
": var(--plasma-typo-body-m-font-family);\n ",
|
|
293
|
+
": var(--plasma-typo-body-m-font-size);\n ",
|
|
294
|
+
": var(--plasma-typo-body-m-font-style);\n ",
|
|
295
|
+
": var(--plasma-typo-body-m-bold-font-weight);\n ",
|
|
296
|
+
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
297
|
+
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
298
|
+
": 1.375rem;\n ",
|
|
299
|
+
": inherit;\n\n ",
|
|
300
|
+
": 0 0.375rem 0 0;\n ",
|
|
301
|
+
": 0 0 0 0.375rem;\n ",
|
|
302
|
+
": 0 0 0 0.25rem;\n "
|
|
303
|
+
]);
|
|
304
|
+
_templateObject15 = function _templateObject() {
|
|
305
|
+
return data;
|
|
306
|
+
};
|
|
307
|
+
return data;
|
|
308
|
+
}
|
|
309
|
+
function _templateObject16() {
|
|
244
310
|
var data = _tagged_template_literal([
|
|
245
311
|
"\n ",
|
|
246
312
|
": 2.5rem;\n ",
|
|
@@ -259,12 +325,34 @@ function _templateObject13() {
|
|
|
259
325
|
": 0 -0.125rem 0 0.25rem;\n ",
|
|
260
326
|
": 0 0 0 0.25rem;\n "
|
|
261
327
|
]);
|
|
262
|
-
|
|
328
|
+
_templateObject16 = function _templateObject() {
|
|
263
329
|
return data;
|
|
264
330
|
};
|
|
265
331
|
return data;
|
|
266
332
|
}
|
|
267
|
-
function
|
|
333
|
+
function _templateObject17() {
|
|
334
|
+
var data = _tagged_template_literal([
|
|
335
|
+
"\n ",
|
|
336
|
+
": 2.5rem;\n ",
|
|
337
|
+
": 11.25rem;\n ",
|
|
338
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
339
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
340
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
341
|
+
": var(--plasma-typo-body-s-bold-font-weight);\n ",
|
|
342
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
343
|
+
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
344
|
+
": 1.375rem;\n ",
|
|
345
|
+
": inherit;\n\n ",
|
|
346
|
+
": 0 0.25rem 0 0;\n ",
|
|
347
|
+
": 0 0 0 0.25rem;\n ",
|
|
348
|
+
": 0 0 0 0.25rem;\n "
|
|
349
|
+
]);
|
|
350
|
+
_templateObject17 = function _templateObject() {
|
|
351
|
+
return data;
|
|
352
|
+
};
|
|
353
|
+
return data;
|
|
354
|
+
}
|
|
355
|
+
function _templateObject18() {
|
|
268
356
|
var data = _tagged_template_literal([
|
|
269
357
|
"\n ",
|
|
270
358
|
": 2rem;\n ",
|
|
@@ -283,12 +371,34 @@ function _templateObject14() {
|
|
|
283
371
|
": 0 -0.125rem 0 0.25rem;\n ",
|
|
284
372
|
": 0 0 0 0.25rem;\n "
|
|
285
373
|
]);
|
|
286
|
-
|
|
374
|
+
_templateObject18 = function _templateObject() {
|
|
287
375
|
return data;
|
|
288
376
|
};
|
|
289
377
|
return data;
|
|
290
378
|
}
|
|
291
|
-
function
|
|
379
|
+
function _templateObject19() {
|
|
380
|
+
var data = _tagged_template_literal([
|
|
381
|
+
"\n ",
|
|
382
|
+
": 2rem;\n ",
|
|
383
|
+
": 10rem;\n ",
|
|
384
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
385
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
386
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
387
|
+
": var(--plasma-typo-body-xs-bold-font-weight);\n ",
|
|
388
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
389
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
390
|
+
": 1rem;\n ",
|
|
391
|
+
": inherit;\n\n ",
|
|
392
|
+
": 0 0.25rem 0 0;\n ",
|
|
393
|
+
": 0 0 0 0.25rem;\n ",
|
|
394
|
+
": 0 0 0 0.25rem;\n "
|
|
395
|
+
]);
|
|
396
|
+
_templateObject19 = function _templateObject() {
|
|
397
|
+
return data;
|
|
398
|
+
};
|
|
399
|
+
return data;
|
|
400
|
+
}
|
|
401
|
+
function _templateObject20() {
|
|
292
402
|
var data = _tagged_template_literal([
|
|
293
403
|
"\n ",
|
|
294
404
|
": 1.5rem;\n ",
|
|
@@ -307,54 +417,54 @@ function _templateObject15() {
|
|
|
307
417
|
": 0 -0.125rem 0 0.25rem;\n ",
|
|
308
418
|
": 0 0 0 0.25rem;\n "
|
|
309
419
|
]);
|
|
310
|
-
|
|
420
|
+
_templateObject20 = function _templateObject() {
|
|
311
421
|
return data;
|
|
312
422
|
};
|
|
313
423
|
return data;
|
|
314
424
|
}
|
|
315
|
-
function
|
|
425
|
+
function _templateObject21() {
|
|
316
426
|
var data = _tagged_template_literal([
|
|
317
427
|
"\n ",
|
|
318
428
|
": 0.4;\n "
|
|
319
429
|
]);
|
|
320
|
-
|
|
430
|
+
_templateObject21 = function _templateObject() {
|
|
321
431
|
return data;
|
|
322
432
|
};
|
|
323
433
|
return data;
|
|
324
434
|
}
|
|
325
|
-
function
|
|
435
|
+
function _templateObject22() {
|
|
326
436
|
var data = _tagged_template_literal([
|
|
327
437
|
"\n ",
|
|
328
438
|
": var(--surface-accent);\n "
|
|
329
439
|
]);
|
|
330
|
-
|
|
440
|
+
_templateObject22 = function _templateObject() {
|
|
331
441
|
return data;
|
|
332
442
|
};
|
|
333
443
|
return data;
|
|
334
444
|
}
|
|
335
|
-
function
|
|
445
|
+
function _templateObject23() {
|
|
336
446
|
var data = _tagged_template_literal([
|
|
337
447
|
""
|
|
338
448
|
]);
|
|
339
|
-
|
|
449
|
+
_templateObject23 = function _templateObject() {
|
|
340
450
|
return data;
|
|
341
451
|
};
|
|
342
452
|
return data;
|
|
343
453
|
}
|
|
344
|
-
function
|
|
454
|
+
function _templateObject24() {
|
|
345
455
|
var data = _tagged_template_literal([
|
|
346
456
|
""
|
|
347
457
|
]);
|
|
348
|
-
|
|
458
|
+
_templateObject24 = function _templateObject() {
|
|
349
459
|
return data;
|
|
350
460
|
};
|
|
351
461
|
return data;
|
|
352
462
|
}
|
|
353
|
-
function
|
|
463
|
+
function _templateObject25() {
|
|
354
464
|
var data = _tagged_template_literal([
|
|
355
465
|
""
|
|
356
466
|
]);
|
|
357
|
-
|
|
467
|
+
_templateObject25 = function _templateObject() {
|
|
358
468
|
return data;
|
|
359
469
|
};
|
|
360
470
|
return data;
|
|
@@ -381,22 +491,27 @@ export var config = {
|
|
|
381
491
|
},
|
|
382
492
|
size: {
|
|
383
493
|
xl: css(_templateObject10(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
494
|
+
xlr: css(_templateObject11(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
495
|
+
l: css(_templateObject12(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
496
|
+
lr: css(_templateObject13(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
497
|
+
m: css(_templateObject14(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
498
|
+
mr: css(_templateObject15(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
499
|
+
s: css(_templateObject16(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
500
|
+
sr: css(_templateObject17(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
501
|
+
xs: css(_templateObject18(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
502
|
+
xsr: css(_templateObject19(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
503
|
+
xxs: css(_templateObject20(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
|
|
389
504
|
},
|
|
390
505
|
disabled: {
|
|
391
|
-
true: css(
|
|
506
|
+
true: css(_templateObject21(), buttonTokens.buttonDisabledOpacity)
|
|
392
507
|
},
|
|
393
508
|
focused: {
|
|
394
|
-
true: css(
|
|
509
|
+
true: css(_templateObject22(), buttonTokens.buttonFocusColor)
|
|
395
510
|
},
|
|
396
511
|
stretching: {
|
|
397
|
-
auto: css(
|
|
398
|
-
filled: css(
|
|
399
|
-
fixed: css(
|
|
512
|
+
auto: css(_templateObject23()),
|
|
513
|
+
filled: css(_templateObject24()),
|
|
514
|
+
fixed: css(_templateObject25())
|
|
400
515
|
}
|
|
401
516
|
}
|
|
402
517
|
};
|