@preply/ds-web-lib 6.2.1 → 7.0.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.
Files changed (96) hide show
  1. package/dist/assets/Accordion.css +2 -2
  2. package/dist/assets/AlertDialog.css +2 -2
  3. package/dist/assets/Avatar.css +3 -147
  4. package/dist/assets/AvatarWithStatus.css +2 -26
  5. package/dist/assets/Badge.css +3 -3
  6. package/dist/assets/Box.css +17 -344
  7. package/dist/assets/BubbleCounter.css +1 -1
  8. package/dist/assets/Button.css +4 -4
  9. package/dist/assets/ButtonBase.css +7 -515
  10. package/dist/assets/Checkbox.css +1 -1
  11. package/dist/assets/Chips.css +2 -2
  12. package/dist/assets/ChipsPrimitive.css +2 -3
  13. package/dist/assets/CountryFlag.css +1 -1
  14. package/dist/assets/Dialog.css +3 -3
  15. package/dist/assets/Divider.css +1 -1
  16. package/dist/assets/DropdownMenu.css +2 -2
  17. package/dist/assets/FieldButton.css +5 -5
  18. package/dist/assets/FormControl.css +1 -1
  19. package/dist/assets/Heading.css +5 -375
  20. package/dist/assets/Icon.css +3 -33
  21. package/dist/assets/InputContainer.css +4 -4
  22. package/dist/assets/LayoutFlex.css +1 -1
  23. package/dist/assets/LayoutFlexItem.css +1 -1
  24. package/dist/assets/Link.css +3 -3
  25. package/dist/assets/Loader.css +1 -1
  26. package/dist/assets/OnboardingTooltip.css +1 -1
  27. package/dist/assets/OnboardingTour.css +1 -1
  28. package/dist/assets/PreplyLogo.css +1 -1
  29. package/dist/assets/ProgressBar.css +1 -1
  30. package/dist/assets/ProgressSteps.css +1 -1
  31. package/dist/assets/Slider.css +1 -1
  32. package/dist/assets/Spinner.css +3 -3
  33. package/dist/assets/Stars.css +3 -3
  34. package/dist/assets/Steps.css +2 -2
  35. package/dist/assets/Switch.css +1 -1
  36. package/dist/assets/Text.css +7 -1165
  37. package/dist/assets/TextHighlighted.css +4 -4
  38. package/dist/assets/TextInline.css +3 -7
  39. package/dist/assets/Toast.css +2 -2
  40. package/dist/assets/Tooltip.css +1 -1
  41. package/dist/assets/align-self.css +1 -1
  42. package/dist/assets/exp-color.css +2 -2
  43. package/dist/assets/layout-gap.css +3 -309
  44. package/dist/assets/layout-grid.css +3 -3
  45. package/dist/assets/layout-hide.css +1 -1
  46. package/dist/assets/layout-padding.css +3 -741
  47. package/dist/assets/layout-relative.css +1 -1
  48. package/dist/assets/text-accent.css +3 -15
  49. package/dist/assets/text-centered.css +1 -1
  50. package/dist/assets/text-weight.css +2 -11
  51. package/dist/components/Avatar/Avatar.js +0 -36
  52. package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts +2 -2
  53. package/dist/components/AvatarWithStatus/AvatarWithStatus.d.ts.map +1 -1
  54. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +3 -7
  55. package/dist/components/Box/Box.d.ts +5 -5
  56. package/dist/components/Box/Box.d.ts.map +1 -1
  57. package/dist/components/Box/Box.js +15 -106
  58. package/dist/components/Heading/Heading.d.ts +2 -26
  59. package/dist/components/Heading/Heading.d.ts.map +1 -1
  60. package/dist/components/Heading/Heading.js +5 -71
  61. package/dist/components/Icon/Icon.d.ts +2 -6
  62. package/dist/components/Icon/Icon.d.ts.map +1 -1
  63. package/dist/components/Icon/Icon.js +3 -12
  64. package/dist/components/LayoutFlex/LayoutFlex.d.ts.map +1 -1
  65. package/dist/components/LayoutFlex/LayoutFlex.js +3 -1
  66. package/dist/components/LayoutFlex/style/getStyleAttrs.js +1 -1
  67. package/dist/components/LayoutFlex/tests/Gap.d.ts +0 -8
  68. package/dist/components/LayoutFlex/tests/Gap.d.ts.map +1 -1
  69. package/dist/components/LayoutFlex/tests/Gap.js +0 -96
  70. package/dist/components/LayoutFlex/tests/Padding.d.ts +0 -8
  71. package/dist/components/LayoutFlex/tests/Padding.d.ts.map +1 -1
  72. package/dist/components/LayoutFlex/tests/Padding.js +0 -96
  73. package/dist/components/PreplyLogo/PreplyLogo.d.ts +1 -9
  74. package/dist/components/PreplyLogo/PreplyLogo.d.ts.map +1 -1
  75. package/dist/components/PreplyLogo/PreplyLogo.js +3 -2
  76. package/dist/components/Text/Text.d.ts +1 -12
  77. package/dist/components/Text/Text.d.ts.map +1 -1
  78. package/dist/components/Text/Text.js +5 -149
  79. package/dist/components/TextInline/TextInline.d.ts +1 -6
  80. package/dist/components/TextInline/TextInline.d.ts.map +1 -1
  81. package/dist/components/TextInline/TextInline.js +5 -11
  82. package/dist/components/private/ButtonBase/ButtonBase.js +0 -66
  83. package/dist/{layout-gap.module-RzGBJL6B.js → layout-gap.module-MKn_un_k.js} +0 -48
  84. package/dist/layout-padding-D5I6rRlL.js +373 -0
  85. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  86. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  87. package/dist/shared-styles/layout-padding/layout-padding.d.ts +2 -2
  88. package/dist/shared-styles/layout-padding/layout-padding.d.ts.map +1 -1
  89. package/dist/shared-styles/layout-padding/layout-padding.js +3 -562
  90. package/dist/shared-styles/text-accent/text-accent.js +1 -5
  91. package/dist/shared-styles/text-weight/text-weight.js +0 -3
  92. package/package.json +13 -13
  93. package/dist/assets/color.css +0 -113
  94. package/dist/shared-styles/color/color.d.ts +0 -9
  95. package/dist/shared-styles/color/color.d.ts.map +0 -1
  96. package/dist/shared-styles/color/color.js +0 -49
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Nov 18 2025 10:27:42 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Nov 18 2025 12:00:19 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
5
5
  .button-width--width-full__nJNYU {
6
6
  width: 100%;
7
7
  }
@@ -51,9 +51,9 @@
51
51
  .ButtonBase__lIl-s {
52
52
  -webkit-font-smoothing: antialiased;
53
53
  text-rendering: optimizeLegibility;
54
- font-size: var(--8d63e4);
55
- line-height: var(--d4313c);
56
- color: var(--aface6);
54
+ font-size: var(--f7d879);
55
+ line-height: var(--1cb31f);
56
+ color: var(--628fb7);
57
57
  position: relative;
58
58
  display: -webkit-inline-box;
59
59
  display: -ms-inline-flexbox;
@@ -195,81 +195,6 @@
195
195
  width: auto;
196
196
  }
197
197
  }
198
- .ButtonBase--size-xs__lxx7z {
199
- min-height: var(--50cc65);
200
- padding-top: 6px;
201
- padding-bottom: 6px;
202
- line-height: 1.33333333;
203
- padding-left: var(--29b033);
204
- padding-right: var(--29b033);
205
- font-size: var(--357dd0);
206
- letter-spacing: var(--027f88);
207
- }
208
- .ButtonBase--is-icon-button-size-xs__eEs4s {
209
- width: var(--50cc65);
210
- height: var(--50cc65);
211
- padding: 0;
212
- }
213
- .ButtonBase--size-s__9b8fd {
214
- min-height: var(--2f2e00);
215
- padding-top: 6px;
216
- padding-bottom: 6px;
217
- line-height: 1.33333333;
218
- padding-left: var(--65766b);
219
- padding-right: var(--65766b);
220
- font-size: var(--b47a67);
221
- letter-spacing: var(--fc5c61);
222
- }
223
- .ButtonBase--is-icon-button-size-s__tc2gF {
224
- width: var(--2f2e00);
225
- height: var(--2f2e00);
226
- padding: 0;
227
- }
228
- .ButtonBase--size-m__JSHCD {
229
- min-height: var(--bcfcbc);
230
- padding-top: 6px;
231
- padding-bottom: 6px;
232
- line-height: 1.33333333;
233
- padding-left: var(--0f2d7e);
234
- padding-right: var(--0f2d7e);
235
- font-size: var(--89a358);
236
- letter-spacing: var(--2e1239);
237
- }
238
- .ButtonBase--is-icon-button-size-m__xMHGL {
239
- width: var(--bcfcbc);
240
- height: var(--bcfcbc);
241
- padding: 0;
242
- }
243
- .ButtonBase--size-l__5IwtX {
244
- min-height: var(--26156f);
245
- padding-top: 6px;
246
- padding-bottom: 6px;
247
- line-height: 1.33333333;
248
- padding-left: var(--b1c76a);
249
- padding-right: var(--b1c76a);
250
- font-size: var(--a899be);
251
- letter-spacing: var(--c04d5d);
252
- }
253
- .ButtonBase--is-icon-button-size-l__LAPEo {
254
- width: var(--26156f);
255
- height: var(--26156f);
256
- padding: 0;
257
- }
258
- .ButtonBase--size-xl__MV8va {
259
- min-height: var(--d6bfc9);
260
- padding-top: 6px;
261
- padding-bottom: 6px;
262
- line-height: 1.33333333;
263
- padding-left: var(--88eefe);
264
- padding-right: var(--88eefe);
265
- font-size: var(--f7be07);
266
- letter-spacing: var(--a34be4);
267
- }
268
- .ButtonBase--is-icon-button-size-xl__xunpR {
269
- width: var(--d6bfc9);
270
- height: var(--d6bfc9);
271
- padding: 0;
272
- }
273
198
  .ButtonBase--size-large__mHtSn {
274
199
  min-height: var(--3d8452);
275
200
  padding-top: 6px;
@@ -317,81 +242,6 @@
317
242
  padding: 0;
318
243
  }
319
244
  @media (min-width: 400px) {
320
- .ButtonBase--narrow-l--size-xs__uAbKt {
321
- min-height: var(--50cc65);
322
- padding-top: 6px;
323
- padding-bottom: 6px;
324
- line-height: 1.33333333;
325
- padding-left: var(--29b033);
326
- padding-right: var(--29b033);
327
- font-size: var(--357dd0);
328
- letter-spacing: var(--027f88);
329
- }
330
- .ButtonBase--narrow-l--is-icon-button-size-xs__yiZ24 {
331
- width: var(--50cc65);
332
- height: var(--50cc65);
333
- padding: 0;
334
- }
335
- .ButtonBase--narrow-l--size-s__AflGu {
336
- min-height: var(--2f2e00);
337
- padding-top: 6px;
338
- padding-bottom: 6px;
339
- line-height: 1.33333333;
340
- padding-left: var(--65766b);
341
- padding-right: var(--65766b);
342
- font-size: var(--b47a67);
343
- letter-spacing: var(--fc5c61);
344
- }
345
- .ButtonBase--narrow-l--is-icon-button-size-s__AomQA {
346
- width: var(--2f2e00);
347
- height: var(--2f2e00);
348
- padding: 0;
349
- }
350
- .ButtonBase--narrow-l--size-m__O1Xux {
351
- min-height: var(--bcfcbc);
352
- padding-top: 6px;
353
- padding-bottom: 6px;
354
- line-height: 1.33333333;
355
- padding-left: var(--0f2d7e);
356
- padding-right: var(--0f2d7e);
357
- font-size: var(--89a358);
358
- letter-spacing: var(--2e1239);
359
- }
360
- .ButtonBase--narrow-l--is-icon-button-size-m__Y3vj7 {
361
- width: var(--bcfcbc);
362
- height: var(--bcfcbc);
363
- padding: 0;
364
- }
365
- .ButtonBase--narrow-l--size-l__rchmS {
366
- min-height: var(--26156f);
367
- padding-top: 6px;
368
- padding-bottom: 6px;
369
- line-height: 1.33333333;
370
- padding-left: var(--b1c76a);
371
- padding-right: var(--b1c76a);
372
- font-size: var(--a899be);
373
- letter-spacing: var(--c04d5d);
374
- }
375
- .ButtonBase--narrow-l--is-icon-button-size-l__SYw5v {
376
- width: var(--26156f);
377
- height: var(--26156f);
378
- padding: 0;
379
- }
380
- .ButtonBase--narrow-l--size-xl__VqinD {
381
- min-height: var(--d6bfc9);
382
- padding-top: 6px;
383
- padding-bottom: 6px;
384
- line-height: 1.33333333;
385
- padding-left: var(--88eefe);
386
- padding-right: var(--88eefe);
387
- font-size: var(--f7be07);
388
- letter-spacing: var(--a34be4);
389
- }
390
- .ButtonBase--narrow-l--is-icon-button-size-xl__0HId0 {
391
- width: var(--d6bfc9);
392
- height: var(--d6bfc9);
393
- padding: 0;
394
- }
395
245
  .ButtonBase--narrow-l--size-large__3gfd8 {
396
246
  min-height: var(--3d8452);
397
247
  padding-top: 6px;
@@ -440,81 +290,6 @@
440
290
  }
441
291
  }
442
292
  @media (min-width: 700px) {
443
- .ButtonBase--medium-s--size-xs__B5Gvh {
444
- min-height: var(--50cc65);
445
- padding-top: 6px;
446
- padding-bottom: 6px;
447
- line-height: 1.33333333;
448
- padding-left: var(--29b033);
449
- padding-right: var(--29b033);
450
- font-size: var(--357dd0);
451
- letter-spacing: var(--027f88);
452
- }
453
- .ButtonBase--medium-s--is-icon-button-size-xs__bePce {
454
- width: var(--50cc65);
455
- height: var(--50cc65);
456
- padding: 0;
457
- }
458
- .ButtonBase--medium-s--size-s__67wXs {
459
- min-height: var(--2f2e00);
460
- padding-top: 6px;
461
- padding-bottom: 6px;
462
- line-height: 1.33333333;
463
- padding-left: var(--65766b);
464
- padding-right: var(--65766b);
465
- font-size: var(--b47a67);
466
- letter-spacing: var(--fc5c61);
467
- }
468
- .ButtonBase--medium-s--is-icon-button-size-s__E45Sc {
469
- width: var(--2f2e00);
470
- height: var(--2f2e00);
471
- padding: 0;
472
- }
473
- .ButtonBase--medium-s--size-m__Vo-qg {
474
- min-height: var(--bcfcbc);
475
- padding-top: 6px;
476
- padding-bottom: 6px;
477
- line-height: 1.33333333;
478
- padding-left: var(--0f2d7e);
479
- padding-right: var(--0f2d7e);
480
- font-size: var(--89a358);
481
- letter-spacing: var(--2e1239);
482
- }
483
- .ButtonBase--medium-s--is-icon-button-size-m__rjz2N {
484
- width: var(--bcfcbc);
485
- height: var(--bcfcbc);
486
- padding: 0;
487
- }
488
- .ButtonBase--medium-s--size-l__PB--- {
489
- min-height: var(--26156f);
490
- padding-top: 6px;
491
- padding-bottom: 6px;
492
- line-height: 1.33333333;
493
- padding-left: var(--b1c76a);
494
- padding-right: var(--b1c76a);
495
- font-size: var(--a899be);
496
- letter-spacing: var(--c04d5d);
497
- }
498
- .ButtonBase--medium-s--is-icon-button-size-l__c8nir {
499
- width: var(--26156f);
500
- height: var(--26156f);
501
- padding: 0;
502
- }
503
- .ButtonBase--medium-s--size-xl__66maE {
504
- min-height: var(--d6bfc9);
505
- padding-top: 6px;
506
- padding-bottom: 6px;
507
- line-height: 1.33333333;
508
- padding-left: var(--88eefe);
509
- padding-right: var(--88eefe);
510
- font-size: var(--f7be07);
511
- letter-spacing: var(--a34be4);
512
- }
513
- .ButtonBase--medium-s--is-icon-button-size-xl__WCvsC {
514
- width: var(--d6bfc9);
515
- height: var(--d6bfc9);
516
- padding: 0;
517
- }
518
293
  .ButtonBase--medium-s--size-large__x6d3B {
519
294
  min-height: var(--3d8452);
520
295
  padding-top: 6px;
@@ -563,81 +338,6 @@
563
338
  }
564
339
  }
565
340
  @media (min-width: 880px) {
566
- .ButtonBase--medium-l--size-xs__0sLm9 {
567
- min-height: var(--50cc65);
568
- padding-top: 6px;
569
- padding-bottom: 6px;
570
- line-height: 1.33333333;
571
- padding-left: var(--29b033);
572
- padding-right: var(--29b033);
573
- font-size: var(--357dd0);
574
- letter-spacing: var(--027f88);
575
- }
576
- .ButtonBase--medium-l--is-icon-button-size-xs__FdQwd {
577
- width: var(--50cc65);
578
- height: var(--50cc65);
579
- padding: 0;
580
- }
581
- .ButtonBase--medium-l--size-s__yAooZ {
582
- min-height: var(--2f2e00);
583
- padding-top: 6px;
584
- padding-bottom: 6px;
585
- line-height: 1.33333333;
586
- padding-left: var(--65766b);
587
- padding-right: var(--65766b);
588
- font-size: var(--b47a67);
589
- letter-spacing: var(--fc5c61);
590
- }
591
- .ButtonBase--medium-l--is-icon-button-size-s__uVDdU {
592
- width: var(--2f2e00);
593
- height: var(--2f2e00);
594
- padding: 0;
595
- }
596
- .ButtonBase--medium-l--size-m__dNY-G {
597
- min-height: var(--bcfcbc);
598
- padding-top: 6px;
599
- padding-bottom: 6px;
600
- line-height: 1.33333333;
601
- padding-left: var(--0f2d7e);
602
- padding-right: var(--0f2d7e);
603
- font-size: var(--89a358);
604
- letter-spacing: var(--2e1239);
605
- }
606
- .ButtonBase--medium-l--is-icon-button-size-m__u04Nc {
607
- width: var(--bcfcbc);
608
- height: var(--bcfcbc);
609
- padding: 0;
610
- }
611
- .ButtonBase--medium-l--size-l__oZ52f {
612
- min-height: var(--26156f);
613
- padding-top: 6px;
614
- padding-bottom: 6px;
615
- line-height: 1.33333333;
616
- padding-left: var(--b1c76a);
617
- padding-right: var(--b1c76a);
618
- font-size: var(--a899be);
619
- letter-spacing: var(--c04d5d);
620
- }
621
- .ButtonBase--medium-l--is-icon-button-size-l__JklvS {
622
- width: var(--26156f);
623
- height: var(--26156f);
624
- padding: 0;
625
- }
626
- .ButtonBase--medium-l--size-xl__QLV4j {
627
- min-height: var(--d6bfc9);
628
- padding-top: 6px;
629
- padding-bottom: 6px;
630
- line-height: 1.33333333;
631
- padding-left: var(--88eefe);
632
- padding-right: var(--88eefe);
633
- font-size: var(--f7be07);
634
- letter-spacing: var(--a34be4);
635
- }
636
- .ButtonBase--medium-l--is-icon-button-size-xl__POeEf {
637
- width: var(--d6bfc9);
638
- height: var(--d6bfc9);
639
- padding: 0;
640
- }
641
341
  .ButtonBase--medium-l--size-large__HywFW {
642
342
  min-height: var(--3d8452);
643
343
  padding-top: 6px;
@@ -686,81 +386,6 @@
686
386
  }
687
387
  }
688
388
  @media (min-width: 1200px) {
689
- .ButtonBase--wide-s--size-xs__-mgOQ {
690
- min-height: var(--50cc65);
691
- padding-top: 6px;
692
- padding-bottom: 6px;
693
- line-height: 1.33333333;
694
- padding-left: var(--29b033);
695
- padding-right: var(--29b033);
696
- font-size: var(--357dd0);
697
- letter-spacing: var(--027f88);
698
- }
699
- .ButtonBase--wide-s--is-icon-button-size-xs__IBvqC {
700
- width: var(--50cc65);
701
- height: var(--50cc65);
702
- padding: 0;
703
- }
704
- .ButtonBase--wide-s--size-s__-YHZU {
705
- min-height: var(--2f2e00);
706
- padding-top: 6px;
707
- padding-bottom: 6px;
708
- line-height: 1.33333333;
709
- padding-left: var(--65766b);
710
- padding-right: var(--65766b);
711
- font-size: var(--b47a67);
712
- letter-spacing: var(--fc5c61);
713
- }
714
- .ButtonBase--wide-s--is-icon-button-size-s__Wl9SE {
715
- width: var(--2f2e00);
716
- height: var(--2f2e00);
717
- padding: 0;
718
- }
719
- .ButtonBase--wide-s--size-m__ZVy5- {
720
- min-height: var(--bcfcbc);
721
- padding-top: 6px;
722
- padding-bottom: 6px;
723
- line-height: 1.33333333;
724
- padding-left: var(--0f2d7e);
725
- padding-right: var(--0f2d7e);
726
- font-size: var(--89a358);
727
- letter-spacing: var(--2e1239);
728
- }
729
- .ButtonBase--wide-s--is-icon-button-size-m__dUdfS {
730
- width: var(--bcfcbc);
731
- height: var(--bcfcbc);
732
- padding: 0;
733
- }
734
- .ButtonBase--wide-s--size-l__s1Ihh {
735
- min-height: var(--26156f);
736
- padding-top: 6px;
737
- padding-bottom: 6px;
738
- line-height: 1.33333333;
739
- padding-left: var(--b1c76a);
740
- padding-right: var(--b1c76a);
741
- font-size: var(--a899be);
742
- letter-spacing: var(--c04d5d);
743
- }
744
- .ButtonBase--wide-s--is-icon-button-size-l__1ZT4h {
745
- width: var(--26156f);
746
- height: var(--26156f);
747
- padding: 0;
748
- }
749
- .ButtonBase--wide-s--size-xl__Eqp9V {
750
- min-height: var(--d6bfc9);
751
- padding-top: 6px;
752
- padding-bottom: 6px;
753
- line-height: 1.33333333;
754
- padding-left: var(--88eefe);
755
- padding-right: var(--88eefe);
756
- font-size: var(--f7be07);
757
- letter-spacing: var(--a34be4);
758
- }
759
- .ButtonBase--wide-s--is-icon-button-size-xl__CxZ2c {
760
- width: var(--d6bfc9);
761
- height: var(--d6bfc9);
762
- padding: 0;
763
- }
764
389
  .ButtonBase--wide-s--size-large__revq4 {
765
390
  min-height: var(--3d8452);
766
391
  padding-top: 6px;
@@ -809,81 +434,6 @@
809
434
  }
810
435
  }
811
436
  @media (min-width: 1900px) {
812
- .ButtonBase--wide-l--size-xs__Kra5R {
813
- min-height: var(--50cc65);
814
- padding-top: 6px;
815
- padding-bottom: 6px;
816
- line-height: 1.33333333;
817
- padding-left: var(--29b033);
818
- padding-right: var(--29b033);
819
- font-size: var(--357dd0);
820
- letter-spacing: var(--027f88);
821
- }
822
- .ButtonBase--wide-l--is-icon-button-size-xs__pZkvQ {
823
- width: var(--50cc65);
824
- height: var(--50cc65);
825
- padding: 0;
826
- }
827
- .ButtonBase--wide-l--size-s__mXSys {
828
- min-height: var(--2f2e00);
829
- padding-top: 6px;
830
- padding-bottom: 6px;
831
- line-height: 1.33333333;
832
- padding-left: var(--65766b);
833
- padding-right: var(--65766b);
834
- font-size: var(--b47a67);
835
- letter-spacing: var(--fc5c61);
836
- }
837
- .ButtonBase--wide-l--is-icon-button-size-s__coM5t {
838
- width: var(--2f2e00);
839
- height: var(--2f2e00);
840
- padding: 0;
841
- }
842
- .ButtonBase--wide-l--size-m__4tPUs {
843
- min-height: var(--bcfcbc);
844
- padding-top: 6px;
845
- padding-bottom: 6px;
846
- line-height: 1.33333333;
847
- padding-left: var(--0f2d7e);
848
- padding-right: var(--0f2d7e);
849
- font-size: var(--89a358);
850
- letter-spacing: var(--2e1239);
851
- }
852
- .ButtonBase--wide-l--is-icon-button-size-m__ylg8h {
853
- width: var(--bcfcbc);
854
- height: var(--bcfcbc);
855
- padding: 0;
856
- }
857
- .ButtonBase--wide-l--size-l__-MnEL {
858
- min-height: var(--26156f);
859
- padding-top: 6px;
860
- padding-bottom: 6px;
861
- line-height: 1.33333333;
862
- padding-left: var(--b1c76a);
863
- padding-right: var(--b1c76a);
864
- font-size: var(--a899be);
865
- letter-spacing: var(--c04d5d);
866
- }
867
- .ButtonBase--wide-l--is-icon-button-size-l__Pf9hk {
868
- width: var(--26156f);
869
- height: var(--26156f);
870
- padding: 0;
871
- }
872
- .ButtonBase--wide-l--size-xl__QgW1O {
873
- min-height: var(--d6bfc9);
874
- padding-top: 6px;
875
- padding-bottom: 6px;
876
- line-height: 1.33333333;
877
- padding-left: var(--88eefe);
878
- padding-right: var(--88eefe);
879
- font-size: var(--f7be07);
880
- letter-spacing: var(--a34be4);
881
- }
882
- .ButtonBase--wide-l--is-icon-button-size-xl__qPrzJ {
883
- width: var(--d6bfc9);
884
- height: var(--d6bfc9);
885
- padding: 0;
886
- }
887
437
  .ButtonBase--wide-l--size-large__dkSfM {
888
438
  min-height: var(--3d8452);
889
439
  padding-top: 6px;
@@ -1080,64 +630,6 @@
1080
630
  color: var(--5f5238);
1081
631
  background-color: var(--a5cfbe);
1082
632
  }
1083
- .ButtonBase--variant-plain__NngTh {
1084
- color: var(--122a99);
1085
- background-color: var(--bbb356);
1086
- border-color: var(--0cad84);
1087
- -webkit-text-decoration: var(--d2d32f);
1088
- text-decoration: var(--d2d32f);
1089
- }
1090
- .ButtonBase--variant-plain--dsInternalSimulation-hover__XV9fr {
1091
- color: var(--1265db);
1092
- background-color: var(--df2aca);
1093
- border-color: var(--082540);
1094
- }
1095
- @media (hover: hover) and (pointer: fine) {
1096
- .ButtonBase--variant-plain__NngTh:hover {
1097
- color: var(--1265db);
1098
- background-color: var(--df2aca);
1099
- border-color: var(--082540);
1100
- }
1101
- }
1102
- .ButtonBase--variant-plain__NngTh[disabled],
1103
- .ButtonBase--variant-plain__NngTh[disabled]:hover {
1104
- border-color: var(--c6b607);
1105
- background-color: var(--c970d4);
1106
- }
1107
- .ButtonBase--variant-plain__NngTh:active,
1108
- .ButtonBase--variant-plain--dsInternalSimulation-active__wTQ0e {
1109
- color: var(--a41624);
1110
- background-color: var(--435fa5);
1111
- }
1112
- .ButtonBase--variant-dangerous__WpJz8 {
1113
- color: var(--efde5b);
1114
- background-color: var(--118bda);
1115
- border-color: var(--ab5970);
1116
- -webkit-text-decoration: var(--0bf14c);
1117
- text-decoration: var(--0bf14c);
1118
- }
1119
- .ButtonBase--variant-dangerous--dsInternalSimulation-hover__wQ0V8 {
1120
- color: var(--6f5d5d);
1121
- background-color: var(--e0b0f4);
1122
- border-color: var(--4eff94);
1123
- }
1124
- @media (hover: hover) and (pointer: fine) {
1125
- .ButtonBase--variant-dangerous__WpJz8:hover {
1126
- color: var(--6f5d5d);
1127
- background-color: var(--e0b0f4);
1128
- border-color: var(--4eff94);
1129
- }
1130
- }
1131
- .ButtonBase--variant-dangerous__WpJz8[disabled],
1132
- .ButtonBase--variant-dangerous__WpJz8[disabled]:hover {
1133
- border-color: var(--7deffa);
1134
- background-color: var(--8d2e23);
1135
- }
1136
- .ButtonBase--variant-dangerous__WpJz8:active,
1137
- .ButtonBase--variant-dangerous--dsInternalSimulation-active__sA60n {
1138
- color: var(--6b4e92);
1139
- background-color: var(--a5eaa1);
1140
- }
1141
633
  .ButtonBase--variant-critical__0FoGb {
1142
634
  color: var(--f68030);
1143
635
  background-color: var(--faae28);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
2
  .checkbox__KtCna {
3
3
  -webkit-box-sizing: border-box;
4
4
  box-sizing: border-box;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
3
3
  .chips__0cCVU {
4
4
  display: -webkit-box;
5
5
  display: -ms-flexbox;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
3
3
  .list__U846B {
4
4
  all: unset;
5
5
  list-style: none;
@@ -95,7 +95,6 @@
95
95
  flex: 1;
96
96
  padding-left: var(--590b8d);
97
97
  padding-right: var(--590b8d);
98
- font-family: var(--a6a956);
99
98
  font-size: var(--570d54);
100
99
  font-weight: var(--54ffae);
101
100
  line-height: var(--6e1c88);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
2
  .flag__wPkCc {
3
3
  border-radius: var(--e38d71);
4
4
  border: 0.5px solid var(--b445b1);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
4
4
  .overlay__otkvG {
5
5
  background-color: var(--02a0d5);
6
6
  position: fixed;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
2
  .Divider__kU514 {
3
3
  all: unset;
4
4
  display: block;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
3
3
  .positioner__eWf4l {
4
4
  z-index: auto;
5
5
  z-index: var(--ds-dropdown-menu-content-z-index-override, auto);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025 10:27:46 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Nov 18 2025 12:00:21 GMT+0000 (Coordinated Universal Time) */
4
4
  .FieldButton__OWtNd {
5
5
  display: -webkit-box;
6
6
  display: -ms-flexbox;
@@ -42,6 +42,6 @@
42
42
  outline-offset: var(--c0b12c);
43
43
  }
44
44
  .FieldButton__OWtNd svg {
45
- width: var(--f02c4e);
46
- height: var(--f02c4e);
45
+ width: var(--f316e1);
46
+ height: var(--f316e1);
47
47
  }
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Nov 18 2025 12:00:20 GMT+0000 (Coordinated Universal Time) */
2
2
  .container__dtKps {
3
3
  --ds-input-scroll-margin-top: var(--d434fb);
4
4
  display: -webkit-box;