@preply/ds-web-lib 2.0.0 → 2.0.1

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 (108) hide show
  1. package/dist/assets/AlertDialog.css +17 -17
  2. package/dist/assets/Avatar.css +79 -79
  3. package/dist/assets/AvatarWithStatus.css +12 -12
  4. package/dist/assets/Badge.css +24 -24
  5. package/dist/assets/Box.css +171 -171
  6. package/dist/assets/Button.css +7 -7
  7. package/dist/assets/ButtonBase.css +245 -245
  8. package/dist/assets/Chips.css +16 -16
  9. package/dist/assets/Dialog.css +91 -91
  10. package/dist/assets/FieldAdditionalText.css +6 -6
  11. package/dist/assets/FieldButton.css +8 -8
  12. package/dist/assets/FieldLabel.css +8 -8
  13. package/dist/assets/FieldLayout.css +29 -29
  14. package/dist/assets/FieldLayoutBase.css +4 -4
  15. package/dist/assets/Heading.css +100 -100
  16. package/dist/assets/Icon.css +14 -14
  17. package/dist/assets/LayoutFlex.css +1 -1
  18. package/dist/assets/LayoutFlexItem.css +14 -14
  19. package/dist/assets/Link.css +32 -32
  20. package/dist/assets/Loader.css +4 -4
  21. package/dist/assets/OnboardingTooltip.css +17 -17
  22. package/dist/assets/OnboardingTour.css +2 -2
  23. package/dist/assets/PreplyLogo.css +9 -9
  24. package/dist/assets/ProgressBar.css +3 -3
  25. package/dist/assets/ProgressSteps.css +7 -7
  26. package/dist/assets/SelectFieldLayout.css +18 -18
  27. package/dist/assets/Spinner.css +26 -26
  28. package/dist/assets/Steps.css +5 -5
  29. package/dist/assets/Text.css +227 -227
  30. package/dist/assets/TextHighlighted.css +14 -14
  31. package/dist/assets/TextInline.css +5 -5
  32. package/dist/assets/Toast.css +12 -12
  33. package/dist/assets/Tooltip.css +14 -14
  34. package/dist/assets/align-self.css +25 -25
  35. package/dist/assets/color.css +39 -39
  36. package/dist/assets/exp-color.css +58 -58
  37. package/dist/assets/index.css +16 -16
  38. package/dist/assets/layout-gap.css +135 -135
  39. package/dist/assets/layout-grid.css +100 -100
  40. package/dist/assets/layout-hide.css +49 -49
  41. package/dist/assets/layout-padding.css +531 -531
  42. package/dist/assets/layout-relative.css +2 -2
  43. package/dist/assets/text-accent.css +18 -18
  44. package/dist/assets/text-centered.css +13 -13
  45. package/dist/assets/text-weight.css +8 -8
  46. package/dist/components/AlertDialog/AlertDialog.js +4 -4
  47. package/dist/components/Avatar/Avatar.js +74 -74
  48. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  49. package/dist/components/Badge/Badge.js +1 -1
  50. package/dist/components/Box/Box.js +150 -150
  51. package/dist/components/Button/Button.js +1 -1
  52. package/dist/components/Chips/Chips.js +4 -4
  53. package/dist/components/Dialog/Dialog.js +35 -35
  54. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  55. package/dist/components/FieldButton/FieldButton.js +1 -1
  56. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  57. package/dist/components/Heading/Heading.js +97 -97
  58. package/dist/components/Icon/Icon.js +10 -10
  59. package/dist/components/LayoutFlex/LayoutFlex.js +3 -3
  60. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  61. package/dist/components/Link/Link.js +18 -18
  62. package/dist/components/Loader/Loader.js +3 -3
  63. package/dist/components/OnboardingTooltip/OnboardingTooltip.js +5 -5
  64. package/dist/components/OnboardingTour/OnboardingTour.js +1 -1
  65. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  66. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  67. package/dist/components/ProgressSteps/ProgressSteps.js +2 -2
  68. package/dist/components/Steps/Steps.js +4 -4
  69. package/dist/components/Text/Text.js +224 -224
  70. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  71. package/dist/components/TextInline/TextInline.js +2 -2
  72. package/dist/components/Toast/Toast.js +5 -5
  73. package/dist/components/Tooltip/Tooltip.js +2 -2
  74. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  75. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  76. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  77. package/dist/components/private/Input/Checkbox.js +1 -1
  78. package/dist/components/private/Input/InputDate.js +1 -1
  79. package/dist/components/private/Input/InputNumber.js +1 -1
  80. package/dist/components/private/Input/InputPassword.js +1 -1
  81. package/dist/components/private/Input/InputText.js +1 -1
  82. package/dist/components/private/Input/InputTime.js +1 -1
  83. package/dist/components/private/Input/Radio.js +1 -1
  84. package/dist/components/private/Input/Select.js +1 -1
  85. package/dist/components/private/Input/Textarea.js +1 -1
  86. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  87. package/dist/components/private/Spinner/Spinner.js +16 -16
  88. package/dist/index.module-DUJul0uw.js +27 -0
  89. package/dist/layout-gap.module-BdXCPCGM.js +139 -0
  90. package/dist/{layout-grid.module-CKp47Yfz.js → layout-grid.module-BIHGcx1g.js} +97 -97
  91. package/dist/layout-hide.module-CKIK6Snf.js +55 -0
  92. package/dist/{layout-relative.module-DIaUqnvq.js → layout-relative.module-BhIMNlTS.js} +2 -2
  93. package/dist/shared-styles/align-self/align-self.js +25 -25
  94. package/dist/shared-styles/color/color.js +38 -38
  95. package/dist/shared-styles/exp-color/exp-color.js +57 -57
  96. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  97. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  98. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  99. package/dist/shared-styles/layout-hide/layout-hide.js +1 -1
  100. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  101. package/dist/shared-styles/layout-relative/layout-relative.js +1 -1
  102. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  103. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  104. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  105. package/package.json +13 -13
  106. package/dist/index.module-v4nAc-_q.js +0 -27
  107. package/dist/layout-gap.module-BRl-r4iq.js +0 -139
  108. package/dist/layout-hide.module-CxXbAgTg.js +0 -55
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025 11:14:28 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
4
- ._TextHighlighted_vg3ea_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri May 09 2025 08:32:30 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
4
+ ._TextHighlighted_vojta_4 {
5
5
  display: inline-block;
6
6
  padding-left: var(--58c1e5);
7
7
  padding-right: var(--58c1e5);
@@ -10,43 +10,43 @@
10
10
  border-radius: var(--330e49);
11
11
  font-weight: var(--73984e);
12
12
  }
13
- ._TextHighlighted--highlight-blue_vg3ea_13 {
13
+ ._TextHighlighted--highlight-blue_vojta_13 {
14
14
  color: var(--68bd17);
15
15
  background-color: var(--2d51ae);
16
16
  }
17
- ._TextHighlighted--highlight-green_vg3ea_17 {
17
+ ._TextHighlighted--highlight-green_vojta_17 {
18
18
  color: var(--c50238);
19
19
  background-color: var(--292009);
20
20
  }
21
- ._TextHighlighted--highlight-primary_vg3ea_21 {
21
+ ._TextHighlighted--highlight-primary_vojta_21 {
22
22
  color: var(--977d1a);
23
23
  background-color: var(--df6b06);
24
24
  }
25
- ._TextHighlighted--highlight-secondary_vg3ea_25 {
25
+ ._TextHighlighted--highlight-secondary_vojta_25 {
26
26
  color: var(--6c2ddf);
27
27
  background-color: var(--e5b0a4);
28
28
  }
29
- ._TextHighlighted--highlight-tertiary_vg3ea_29 {
29
+ ._TextHighlighted--highlight-tertiary_vojta_29 {
30
30
  color: var(--8da8cb);
31
31
  background-color: var(--aa7c4d);
32
32
  }
33
- ._TextHighlighted--highlight-accent_vg3ea_33 {
33
+ ._TextHighlighted--highlight-accent_vojta_33 {
34
34
  color: var(--1da698);
35
35
  background-color: var(--301ea7);
36
36
  }
37
- ._TextHighlighted--highlight-positive_vg3ea_37 {
37
+ ._TextHighlighted--highlight-positive_vojta_37 {
38
38
  color: var(--ad48d7);
39
39
  background-color: var(--a2a233);
40
40
  }
41
- ._TextHighlighted--highlight-info_vg3ea_41 {
41
+ ._TextHighlighted--highlight-info_vojta_41 {
42
42
  color: var(--2be49e);
43
43
  background-color: var(--86df85);
44
44
  }
45
- ._TextHighlighted--highlight-warning_vg3ea_45 {
45
+ ._TextHighlighted--highlight-warning_vojta_45 {
46
46
  color: var(--98c505);
47
47
  background-color: var(--d908ab);
48
48
  }
49
- ._TextHighlighted--highlight-critical_vg3ea_49 {
49
+ ._TextHighlighted--highlight-critical_vojta_49 {
50
50
  color: var(--802584);
51
51
  background-color: var(--0c251f);
52
52
  }
@@ -1,13 +1,13 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025 11:14:28 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
4
- ._TextInline_18hyv_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri May 09 2025 08:32:30 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
4
+ ._TextInline_1i5u3_4 {
5
5
  -webkit-font-smoothing: antialiased;
6
6
  text-rendering: optimizeLegibility;
7
7
  margin: 0;
8
8
  font-style: normal;
9
9
  }
10
- ._TextInline--italic_18hyv_10 {
10
+ ._TextInline--italic_1i5u3_10 {
11
11
  font-style: var(--dfb500);
12
12
  font-variation-settings: var(--bc1abc);
13
13
  }
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
3
- ._toast_1v1oe_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
3
+ ._toast_9xu0i_3 {
4
4
  /*
5
5
  * This variable comes from sonner. We're setting it manually here because
6
6
  * we use the `toast.custom()` API, which doesn't automatically set it.
@@ -23,14 +23,14 @@
23
23
  grid-row-gap: var(--590b8d);
24
24
  row-gap: var(--590b8d);
25
25
  }
26
- ._toast_1v1oe_3:has( ._title_1v1oe_19:first-child) {
26
+ ._toast_9xu0i_3:has( ._title_9xu0i_19:first-child) {
27
27
  grid-template-columns: auto auto -webkit-max-content;
28
28
  grid-template-columns: auto auto max-content;
29
29
  }
30
- ._toast_1v1oe_3._critical_1v1oe_22 {
30
+ ._toast_9xu0i_3._critical_9xu0i_22 {
31
31
  background-color: var(--87fcf8);
32
32
  }
33
- ._toast_1v1oe_3 ._title_1v1oe_19 {
33
+ ._toast_9xu0i_3 ._title_9xu0i_19 {
34
34
  font-size: var(--9c8f04);
35
35
  font-weight: var(--1bc44d);
36
36
  line-height: var(--3dd5bc);
@@ -39,7 +39,7 @@
39
39
  -webkit-box-orient: vertical;
40
40
  overflow: hidden;
41
41
  }
42
- ._toast_1v1oe_3 ._actionButton_1v1oe_34 {
42
+ ._toast_9xu0i_3 ._actionButton_9xu0i_34 {
43
43
  all: unset;
44
44
  cursor: pointer;
45
45
  font-size: var(--303203);
@@ -51,27 +51,27 @@
51
51
  grid-column: 3;
52
52
  }
53
53
  @media (min-width: 700px) {
54
- ._toast_1v1oe_3 ._actionButton_1v1oe_34 {
54
+ ._toast_9xu0i_3 ._actionButton_9xu0i_34 {
55
55
  grid-row: 2;
56
56
  grid-column: 2;
57
57
  }
58
58
  }
59
59
  @media (min-width: 700px) {
60
- ._toast_1v1oe_3:has( ._title_1v1oe_19:first-child) ._actionButton_1v1oe_34 {
60
+ ._toast_9xu0i_3:has( ._title_9xu0i_19:first-child) ._actionButton_9xu0i_34 {
61
61
  grid-column: 1;
62
62
  }
63
63
  }
64
- ._toast_1v1oe_3 ._closeButton_1v1oe_55 {
64
+ ._toast_9xu0i_3 ._closeButton_9xu0i_55 {
65
65
  all: unset;
66
66
  cursor: pointer;
67
67
  grid-row: 1;
68
68
  grid-column: 3;
69
69
  }
70
- ._toast_1v1oe_3:has( ._actionButton_1v1oe_34) ._closeButton_1v1oe_55 {
70
+ ._toast_9xu0i_3:has( ._actionButton_9xu0i_34) ._closeButton_9xu0i_55 {
71
71
  display: none;
72
72
  }
73
73
  @media (min-width: 700px) {
74
- ._toast_1v1oe_3:has( ._actionButton_1v1oe_34) ._closeButton_1v1oe_55 {
74
+ ._toast_9xu0i_3:has( ._actionButton_9xu0i_34) ._closeButton_9xu0i_55 {
75
75
  display: block;
76
76
  }
77
77
  }
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
2
- ._content_1ucni_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ ._content_3v3jz_2 {
3
3
  background-color: var(--4983fe);
4
4
  color: var(--c2b191);
5
5
  border-radius: var(--5e8be4);
@@ -20,19 +20,19 @@
20
20
  transform-origin: var(--radix-tooltip-content-transform-origin);
21
21
  will-change: transform, opacity;
22
22
  }
23
- ._content_1ucni_2[data-state='instant-open'],
24
- ._content_1ucni_2[data-state='delayed-open'] {
25
- -webkit-animation-name: _appear_1ucni_1;
26
- animation-name: _appear_1ucni_1;
23
+ ._content_3v3jz_2[data-state='instant-open'],
24
+ ._content_3v3jz_2[data-state='delayed-open'] {
25
+ -webkit-animation-name: _appear_3v3jz_1;
26
+ animation-name: _appear_3v3jz_1;
27
27
  }
28
- ._content_1ucni_2[data-state='closed'] {
29
- -webkit-animation-name: _disappear_1ucni_1;
30
- animation-name: _disappear_1ucni_1;
28
+ ._content_3v3jz_2[data-state='closed'] {
29
+ -webkit-animation-name: _disappear_3v3jz_1;
30
+ animation-name: _disappear_3v3jz_1;
31
31
  }
32
- ._arrow_1ucni_25 {
32
+ ._arrow_3v3jz_25 {
33
33
  fill: var(--4983fe);
34
34
  }
35
- @-webkit-keyframes _appear_1ucni_1 {
35
+ @-webkit-keyframes _appear_3v3jz_1 {
36
36
  from {
37
37
  opacity: 0;
38
38
  -webkit-transform: scale(0);
@@ -44,7 +44,7 @@
44
44
  transform: scale(1);
45
45
  }
46
46
  }
47
- @keyframes _appear_1ucni_1 {
47
+ @keyframes _appear_3v3jz_1 {
48
48
  from {
49
49
  opacity: 0;
50
50
  -webkit-transform: scale(0);
@@ -56,7 +56,7 @@
56
56
  transform: scale(1);
57
57
  }
58
58
  }
59
- @-webkit-keyframes _disappear_1ucni_1 {
59
+ @-webkit-keyframes _disappear_3v3jz_1 {
60
60
  from {
61
61
  opacity: 1;
62
62
  -webkit-transform: scale(1);
@@ -68,7 +68,7 @@
68
68
  transform: scale(0);
69
69
  }
70
70
  }
71
- @keyframes _disappear_1ucni_1 {
71
+ @keyframes _disappear_3v3jz_1 {
72
72
  from {
73
73
  opacity: 1;
74
74
  -webkit-transform: scale(1);
@@ -1,106 +1,106 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
2
- ._AlignSelf_1gwki_2._AlignSelf--align-self-start_1gwki_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
2
+ ._AlignSelf_1us84_2._AlignSelf--align-self-start_1us84_2 {
3
3
  -ms-flex-item-align: start;
4
4
  align-self: start;
5
5
  }
6
- ._AlignSelf_1gwki_2._AlignSelf--align-self-center_1gwki_5 {
6
+ ._AlignSelf_1us84_2._AlignSelf--align-self-center_1us84_5 {
7
7
  -ms-flex-item-align: center;
8
8
  align-self: center;
9
9
  }
10
- ._AlignSelf_1gwki_2._AlignSelf--align-self-end_1gwki_8 {
10
+ ._AlignSelf_1us84_2._AlignSelf--align-self-end_1us84_8 {
11
11
  -ms-flex-item-align: end;
12
12
  align-self: end;
13
13
  }
14
- ._AlignSelf_1gwki_2._AlignSelf--align-self-stretch_1gwki_11 {
14
+ ._AlignSelf_1us84_2._AlignSelf--align-self-stretch_1us84_11 {
15
15
  -ms-flex-item-align: stretch;
16
16
  align-self: stretch;
17
17
  }
18
18
  @media (min-width: 400px) {
19
- ._AlignSelf_1gwki_2._AlignSelf--narrow-l--align-self-start_1gwki_15 {
19
+ ._AlignSelf_1us84_2._AlignSelf--narrow-l--align-self-start_1us84_15 {
20
20
  -ms-flex-item-align: start;
21
21
  align-self: start;
22
22
  }
23
- ._AlignSelf_1gwki_2._AlignSelf--narrow-l--align-self-center_1gwki_18 {
23
+ ._AlignSelf_1us84_2._AlignSelf--narrow-l--align-self-center_1us84_18 {
24
24
  -ms-flex-item-align: center;
25
25
  align-self: center;
26
26
  }
27
- ._AlignSelf_1gwki_2._AlignSelf--narrow-l--align-self-end_1gwki_21 {
27
+ ._AlignSelf_1us84_2._AlignSelf--narrow-l--align-self-end_1us84_21 {
28
28
  -ms-flex-item-align: end;
29
29
  align-self: end;
30
30
  }
31
- ._AlignSelf_1gwki_2._AlignSelf--narrow-l--align-self-stretch_1gwki_24 {
31
+ ._AlignSelf_1us84_2._AlignSelf--narrow-l--align-self-stretch_1us84_24 {
32
32
  -ms-flex-item-align: stretch;
33
33
  align-self: stretch;
34
34
  }
35
35
  }
36
36
  @media (min-width: 700px) {
37
- ._AlignSelf_1gwki_2._AlignSelf--medium-s--align-self-start_1gwki_29 {
37
+ ._AlignSelf_1us84_2._AlignSelf--medium-s--align-self-start_1us84_29 {
38
38
  -ms-flex-item-align: start;
39
39
  align-self: start;
40
40
  }
41
- ._AlignSelf_1gwki_2._AlignSelf--medium-s--align-self-center_1gwki_32 {
41
+ ._AlignSelf_1us84_2._AlignSelf--medium-s--align-self-center_1us84_32 {
42
42
  -ms-flex-item-align: center;
43
43
  align-self: center;
44
44
  }
45
- ._AlignSelf_1gwki_2._AlignSelf--medium-s--align-self-end_1gwki_35 {
45
+ ._AlignSelf_1us84_2._AlignSelf--medium-s--align-self-end_1us84_35 {
46
46
  -ms-flex-item-align: end;
47
47
  align-self: end;
48
48
  }
49
- ._AlignSelf_1gwki_2._AlignSelf--medium-s--align-self-stretch_1gwki_38 {
49
+ ._AlignSelf_1us84_2._AlignSelf--medium-s--align-self-stretch_1us84_38 {
50
50
  -ms-flex-item-align: stretch;
51
51
  align-self: stretch;
52
52
  }
53
53
  }
54
54
  @media (min-width: 880px) {
55
- ._AlignSelf_1gwki_2._AlignSelf--medium-l--align-self-start_1gwki_43 {
55
+ ._AlignSelf_1us84_2._AlignSelf--medium-l--align-self-start_1us84_43 {
56
56
  -ms-flex-item-align: start;
57
57
  align-self: start;
58
58
  }
59
- ._AlignSelf_1gwki_2._AlignSelf--medium-l--align-self-center_1gwki_46 {
59
+ ._AlignSelf_1us84_2._AlignSelf--medium-l--align-self-center_1us84_46 {
60
60
  -ms-flex-item-align: center;
61
61
  align-self: center;
62
62
  }
63
- ._AlignSelf_1gwki_2._AlignSelf--medium-l--align-self-end_1gwki_49 {
63
+ ._AlignSelf_1us84_2._AlignSelf--medium-l--align-self-end_1us84_49 {
64
64
  -ms-flex-item-align: end;
65
65
  align-self: end;
66
66
  }
67
- ._AlignSelf_1gwki_2._AlignSelf--medium-l--align-self-stretch_1gwki_52 {
67
+ ._AlignSelf_1us84_2._AlignSelf--medium-l--align-self-stretch_1us84_52 {
68
68
  -ms-flex-item-align: stretch;
69
69
  align-self: stretch;
70
70
  }
71
71
  }
72
72
  @media (min-width: 1200px) {
73
- ._AlignSelf_1gwki_2._AlignSelf--wide-s--align-self-start_1gwki_57 {
73
+ ._AlignSelf_1us84_2._AlignSelf--wide-s--align-self-start_1us84_57 {
74
74
  -ms-flex-item-align: start;
75
75
  align-self: start;
76
76
  }
77
- ._AlignSelf_1gwki_2._AlignSelf--wide-s--align-self-center_1gwki_60 {
77
+ ._AlignSelf_1us84_2._AlignSelf--wide-s--align-self-center_1us84_60 {
78
78
  -ms-flex-item-align: center;
79
79
  align-self: center;
80
80
  }
81
- ._AlignSelf_1gwki_2._AlignSelf--wide-s--align-self-end_1gwki_63 {
81
+ ._AlignSelf_1us84_2._AlignSelf--wide-s--align-self-end_1us84_63 {
82
82
  -ms-flex-item-align: end;
83
83
  align-self: end;
84
84
  }
85
- ._AlignSelf_1gwki_2._AlignSelf--wide-s--align-self-stretch_1gwki_66 {
85
+ ._AlignSelf_1us84_2._AlignSelf--wide-s--align-self-stretch_1us84_66 {
86
86
  -ms-flex-item-align: stretch;
87
87
  align-self: stretch;
88
88
  }
89
89
  }
90
90
  @media (min-width: 1900px) {
91
- ._AlignSelf_1gwki_2._AlignSelf--wide-l--align-self-start_1gwki_71 {
91
+ ._AlignSelf_1us84_2._AlignSelf--wide-l--align-self-start_1us84_71 {
92
92
  -ms-flex-item-align: start;
93
93
  align-self: start;
94
94
  }
95
- ._AlignSelf_1gwki_2._AlignSelf--wide-l--align-self-center_1gwki_74 {
95
+ ._AlignSelf_1us84_2._AlignSelf--wide-l--align-self-center_1us84_74 {
96
96
  -ms-flex-item-align: center;
97
97
  align-self: center;
98
98
  }
99
- ._AlignSelf_1gwki_2._AlignSelf--wide-l--align-self-end_1gwki_77 {
99
+ ._AlignSelf_1us84_2._AlignSelf--wide-l--align-self-end_1us84_77 {
100
100
  -ms-flex-item-align: end;
101
101
  align-self: end;
102
102
  }
103
- ._AlignSelf_1gwki_2._AlignSelf--wide-l--align-self-stretch_1gwki_80 {
103
+ ._AlignSelf_1us84_2._AlignSelf--wide-l--align-self-stretch_1us84_80 {
104
104
  -ms-flex-item-align: stretch;
105
105
  align-self: stretch;
106
106
  }
@@ -1,113 +1,113 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025 11:14:28 GMT+0000 (Coordinated Universal Time) */
3
- ._Color_1n5hi_3._Color--color-white_1n5hi_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri May 09 2025 08:32:30 GMT+0000 (Coordinated Universal Time) */
3
+ ._Color_x0688_3._Color--color-white_x0688_3 {
4
4
  color: var(--145676);
5
5
  }
6
- ._Color_1n5hi_3._Color--color-gray-100_1n5hi_6 {
6
+ ._Color_x0688_3._Color--color-gray-100_x0688_6 {
7
7
  color: var(--55407f);
8
8
  }
9
- ._Color_1n5hi_3._Color--color-gray-200_1n5hi_9 {
9
+ ._Color_x0688_3._Color--color-gray-200_x0688_9 {
10
10
  color: var(--8f1238);
11
11
  }
12
- ._Color_1n5hi_3._Color--color-gray-300_1n5hi_12 {
12
+ ._Color_x0688_3._Color--color-gray-300_x0688_12 {
13
13
  color: var(--da403c);
14
14
  }
15
- ._Color_1n5hi_3._Color--color-gray-400_1n5hi_15 {
15
+ ._Color_x0688_3._Color--color-gray-400_x0688_15 {
16
16
  color: var(--7c8c3c);
17
17
  }
18
- ._Color_1n5hi_3._Color--color-gray-500_1n5hi_18 {
18
+ ._Color_x0688_3._Color--color-gray-500_x0688_18 {
19
19
  color: var(--c9575b);
20
20
  }
21
- ._Color_1n5hi_3._Color--color-gray-600_1n5hi_21 {
21
+ ._Color_x0688_3._Color--color-gray-600_x0688_21 {
22
22
  color: var(--2fb6f7);
23
23
  }
24
- ._Color_1n5hi_3._Color--color-teal-100_1n5hi_24 {
24
+ ._Color_x0688_3._Color--color-teal-100_x0688_24 {
25
25
  color: var(--54ed1d);
26
26
  }
27
- ._Color_1n5hi_3._Color--color-teal-200_1n5hi_27 {
27
+ ._Color_x0688_3._Color--color-teal-200_x0688_27 {
28
28
  color: var(--b706bf);
29
29
  }
30
- ._Color_1n5hi_3._Color--color-teal-300_1n5hi_30 {
30
+ ._Color_x0688_3._Color--color-teal-300_x0688_30 {
31
31
  color: var(--4adefb);
32
32
  }
33
- ._Color_1n5hi_3._Color--color-teal-400_1n5hi_33 {
33
+ ._Color_x0688_3._Color--color-teal-400_x0688_33 {
34
34
  color: var(--de8a40);
35
35
  }
36
- ._Color_1n5hi_3._Color--color-teal-500_1n5hi_36 {
36
+ ._Color_x0688_3._Color--color-teal-500_x0688_36 {
37
37
  color: var(--574543);
38
38
  }
39
- ._Color_1n5hi_3._Color--color-green-100_1n5hi_39 {
39
+ ._Color_x0688_3._Color--color-green-100_x0688_39 {
40
40
  color: var(--1383a7);
41
41
  }
42
- ._Color_1n5hi_3._Color--color-green-200_1n5hi_42 {
42
+ ._Color_x0688_3._Color--color-green-200_x0688_42 {
43
43
  color: var(--9f1066);
44
44
  }
45
- ._Color_1n5hi_3._Color--color-green-300_1n5hi_45 {
45
+ ._Color_x0688_3._Color--color-green-300_x0688_45 {
46
46
  color: var(--d4cf94);
47
47
  }
48
- ._Color_1n5hi_3._Color--color-green-400_1n5hi_48 {
48
+ ._Color_x0688_3._Color--color-green-400_x0688_48 {
49
49
  color: var(--bbfa9f);
50
50
  }
51
- ._Color_1n5hi_3._Color--color-green-500_1n5hi_51 {
51
+ ._Color_x0688_3._Color--color-green-500_x0688_51 {
52
52
  color: var(--5f8b30);
53
53
  }
54
- ._Color_1n5hi_3._Color--color-yellow-100_1n5hi_54 {
54
+ ._Color_x0688_3._Color--color-yellow-100_x0688_54 {
55
55
  color: var(--c7d8be);
56
56
  }
57
- ._Color_1n5hi_3._Color--color-yellow-200_1n5hi_57 {
57
+ ._Color_x0688_3._Color--color-yellow-200_x0688_57 {
58
58
  color: var(--17bab8);
59
59
  }
60
- ._Color_1n5hi_3._Color--color-yellow-300_1n5hi_60 {
60
+ ._Color_x0688_3._Color--color-yellow-300_x0688_60 {
61
61
  color: var(--f017e5);
62
62
  }
63
- ._Color_1n5hi_3._Color--color-yellow-400_1n5hi_63 {
63
+ ._Color_x0688_3._Color--color-yellow-400_x0688_63 {
64
64
  color: var(--2242ed);
65
65
  }
66
- ._Color_1n5hi_3._Color--color-yellow-500_1n5hi_66 {
66
+ ._Color_x0688_3._Color--color-yellow-500_x0688_66 {
67
67
  color: var(--e40de4);
68
68
  }
69
- ._Color_1n5hi_3._Color--color-red-100_1n5hi_69 {
69
+ ._Color_x0688_3._Color--color-red-100_x0688_69 {
70
70
  color: var(--ecb5d5);
71
71
  }
72
- ._Color_1n5hi_3._Color--color-red-200_1n5hi_72 {
72
+ ._Color_x0688_3._Color--color-red-200_x0688_72 {
73
73
  color: var(--5b5cb0);
74
74
  }
75
- ._Color_1n5hi_3._Color--color-red-300_1n5hi_75 {
75
+ ._Color_x0688_3._Color--color-red-300_x0688_75 {
76
76
  color: var(--d55c71);
77
77
  }
78
- ._Color_1n5hi_3._Color--color-red-400_1n5hi_78 {
78
+ ._Color_x0688_3._Color--color-red-400_x0688_78 {
79
79
  color: var(--4e47fe);
80
80
  }
81
- ._Color_1n5hi_3._Color--color-red-500_1n5hi_81 {
81
+ ._Color_x0688_3._Color--color-red-500_x0688_81 {
82
82
  color: var(--3e7877);
83
83
  }
84
- ._Color_1n5hi_3._Color--color-blue-100_1n5hi_84 {
84
+ ._Color_x0688_3._Color--color-blue-100_x0688_84 {
85
85
  color: var(--21906f);
86
86
  }
87
- ._Color_1n5hi_3._Color--color-blue-200_1n5hi_87 {
87
+ ._Color_x0688_3._Color--color-blue-200_x0688_87 {
88
88
  color: var(--5d87f3);
89
89
  }
90
- ._Color_1n5hi_3._Color--color-blue-300_1n5hi_90 {
90
+ ._Color_x0688_3._Color--color-blue-300_x0688_90 {
91
91
  color: var(--201e14);
92
92
  }
93
- ._Color_1n5hi_3._Color--color-blue-400_1n5hi_93 {
93
+ ._Color_x0688_3._Color--color-blue-400_x0688_93 {
94
94
  color: var(--e1c27c);
95
95
  }
96
- ._Color_1n5hi_3._Color--color-blue-500_1n5hi_96 {
96
+ ._Color_x0688_3._Color--color-blue-500_x0688_96 {
97
97
  color: var(--6a1420);
98
98
  }
99
- ._Color_1n5hi_3._Color--color-magenta-100_1n5hi_99 {
99
+ ._Color_x0688_3._Color--color-magenta-100_x0688_99 {
100
100
  color: var(--1a9963);
101
101
  }
102
- ._Color_1n5hi_3._Color--color-magenta-200_1n5hi_102 {
102
+ ._Color_x0688_3._Color--color-magenta-200_x0688_102 {
103
103
  color: var(--b774df);
104
104
  }
105
- ._Color_1n5hi_3._Color--color-magenta-300_1n5hi_105 {
105
+ ._Color_x0688_3._Color--color-magenta-300_x0688_105 {
106
106
  color: var(--f72cdd);
107
107
  }
108
- ._Color_1n5hi_3._Color--color-magenta-400_1n5hi_108 {
108
+ ._Color_x0688_3._Color--color-magenta-400_x0688_108 {
109
109
  color: var(--6cbd80);
110
110
  }
111
- ._Color_1n5hi_3._Color--color-magenta-500_1n5hi_111 {
111
+ ._Color_x0688_3._Color--color-magenta-500_x0688_111 {
112
112
  color: var(--5893e7);
113
113
  }