@preply/ds-web-lib 1.5.0 → 2.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 (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-v4nAc-_q.js +27 -0
  89. package/dist/layout-gap.module-BRl-r4iq.js +139 -0
  90. package/dist/{layout-grid.module-YxQ1leYH.js → layout-grid.module-CKp47Yfz.js} +97 -97
  91. package/dist/layout-hide.module-CxXbAgTg.js +55 -0
  92. package/dist/{layout-relative.module-BIEPDZE2.js → layout-relative.module-DIaUqnvq.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-DeaW0ui4.js +0 -27
  107. package/dist/layout-gap.module-DLR1C9EV.js +0 -139
  108. package/dist/layout-hide.module-rFpj-qdB.js +0 -55
@@ -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 08:07:57 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 08:08:00 GMT+0000 (Coordinated Universal Time) */
3
- @-webkit-keyframes _overlayShow_9qruf_1 {
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
+ @-webkit-keyframes _overlayShow_do5t6_1 {
4
4
  from {
5
5
  opacity: 0;
6
6
  }
@@ -8,7 +8,7 @@
8
8
  opacity: 1;
9
9
  }
10
10
  }
11
- @keyframes _overlayShow_9qruf_1 {
11
+ @keyframes _overlayShow_do5t6_1 {
12
12
  from {
13
13
  opacity: 0;
14
14
  }
@@ -16,7 +16,7 @@
16
16
  opacity: 1;
17
17
  }
18
18
  }
19
- @-webkit-keyframes _contentShow_9qruf_1 {
19
+ @-webkit-keyframes _contentShow_do5t6_1 {
20
20
  from {
21
21
  opacity: 0;
22
22
  -webkit-transform: translateY(var(--590b8d));
@@ -28,7 +28,7 @@
28
28
  transform: translateY(0);
29
29
  }
30
30
  }
31
- @keyframes _contentShow_9qruf_1 {
31
+ @keyframes _contentShow_do5t6_1 {
32
32
  from {
33
33
  opacity: 0;
34
34
  -webkit-transform: translateY(var(--590b8d));
@@ -40,7 +40,7 @@
40
40
  transform: translateY(0);
41
41
  }
42
42
  }
43
- ._overlay_9qruf_21 {
43
+ ._overlay_do5t6_21 {
44
44
  background-color: var(--02a0d5);
45
45
  position: fixed;
46
46
  top: 0;
@@ -49,12 +49,12 @@
49
49
  left: 0;
50
50
  }
51
51
  @media (prefers-reduced-motion: no-preference) {
52
- ._overlay_9qruf_21[data-state='open'] {
53
- -webkit-animation: _overlayShow_9qruf_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
54
- animation: _overlayShow_9qruf_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
52
+ ._overlay_do5t6_21[data-state='open'] {
53
+ -webkit-animation: _overlayShow_do5t6_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
54
+ animation: _overlayShow_do5t6_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
55
55
  }
56
56
  }
57
- ._content_9qruf_31 {
57
+ ._content_do5t6_31 {
58
58
  background-color: var(--3546c3);
59
59
  -webkit-box-sizing: border-box;
60
60
  box-sizing: border-box;
@@ -83,18 +83,18 @@
83
83
  gap: var(--558c4c);
84
84
  }
85
85
  @media (prefers-reduced-motion: no-preference) {
86
- ._content_9qruf_31[data-state='open'] {
87
- -webkit-animation: _contentShow_9qruf_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
88
- animation: _contentShow_9qruf_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
86
+ ._content_do5t6_31[data-state='open'] {
87
+ -webkit-animation: _contentShow_do5t6_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
88
+ animation: _contentShow_do5t6_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
89
89
  }
90
90
  }
91
- ._description_9qruf_52 {
91
+ ._description_do5t6_52 {
92
92
  font-size: var(--9c8f04);
93
93
  font-weight: var(--1bc44d);
94
94
  line-height: var(--3dd5bc);
95
95
  margin: 0;
96
96
  }
97
- ._actions_9qruf_58 {
97
+ ._actions_do5t6_58 {
98
98
  display: -webkit-box;
99
99
  display: -ms-flexbox;
100
100
  display: flex;
@@ -105,7 +105,7 @@
105
105
  gap: var(--558c4c);
106
106
  }
107
107
  @media (min-width: 400px) {
108
- ._actions_9qruf_58 {
108
+ ._actions_do5t6_58 {
109
109
  -webkit-box-orient: horizontal;
110
110
  -webkit-box-direction: normal;
111
111
  -ms-flex-direction: row;
@@ -1,317 +1,317 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 08:07:57 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 08:07:56 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 08:08:00 GMT+0000 (Coordinated Universal Time) */
4
- ._Avatar_1ytpp_4 {
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
+ ._Avatar_1lhfo_4 {
5
5
  display: inline-block;
6
6
  }
7
- ._Avatar_1ytpp_4 img {
7
+ ._Avatar_1lhfo_4 img {
8
8
  vertical-align: bottom;
9
9
  -o-object-fit: cover;
10
10
  object-fit: cover;
11
11
  border-radius: var(--dad9ec);
12
12
  }
13
- ._Avatar--size-2xs_1ytpp_12 img {
13
+ ._Avatar--size-2xs_1lhfo_12 img {
14
14
  width: var(--d51f41);
15
15
  height: var(--d51f41);
16
16
  }
17
- ._Avatar--size-xs_1ytpp_16 img {
17
+ ._Avatar--size-xs_1lhfo_16 img {
18
18
  width: var(--cfdb4f);
19
19
  height: var(--cfdb4f);
20
20
  }
21
- ._Avatar--size-s_1ytpp_20 img {
21
+ ._Avatar--size-s_1lhfo_20 img {
22
22
  width: var(--2dafbf);
23
23
  height: var(--2dafbf);
24
24
  }
25
- ._Avatar--size-m_1ytpp_24 img {
25
+ ._Avatar--size-m_1lhfo_24 img {
26
26
  width: var(--b51334);
27
27
  height: var(--b51334);
28
28
  }
29
- ._Avatar--size-l_1ytpp_28 img {
29
+ ._Avatar--size-l_1lhfo_28 img {
30
30
  width: var(--d318a5);
31
31
  height: var(--d318a5);
32
32
  }
33
- ._Avatar--size-xl_1ytpp_32 img {
33
+ ._Avatar--size-xl_1lhfo_32 img {
34
34
  width: var(--6eb1c7);
35
35
  height: var(--6eb1c7);
36
36
  }
37
- ._Avatar--size-24_1ytpp_36 img {
37
+ ._Avatar--size-24_1lhfo_36 img {
38
38
  width: var(--86aa8e);
39
39
  height: var(--86aa8e);
40
40
  }
41
- ._Avatar--size-32_1ytpp_40 img {
41
+ ._Avatar--size-32_1lhfo_40 img {
42
42
  width: var(--32bbec);
43
43
  height: var(--32bbec);
44
44
  }
45
- ._Avatar--size-48_1ytpp_44 img {
45
+ ._Avatar--size-48_1lhfo_44 img {
46
46
  width: var(--950ab5);
47
47
  height: var(--950ab5);
48
48
  }
49
- ._Avatar--size-64_1ytpp_48 img {
49
+ ._Avatar--size-64_1lhfo_48 img {
50
50
  width: var(--cc5dc7);
51
51
  height: var(--cc5dc7);
52
52
  }
53
- ._Avatar--size-96_1ytpp_52 img {
53
+ ._Avatar--size-96_1lhfo_52 img {
54
54
  width: var(--796da2);
55
55
  height: var(--796da2);
56
56
  }
57
- ._Avatar--size-160_1ytpp_56 img {
57
+ ._Avatar--size-160_1lhfo_56 img {
58
58
  width: var(--329ba7);
59
59
  height: var(--329ba7);
60
60
  }
61
61
  @media (min-width: 400px) {
62
- ._Avatar--narrow-l--size-2xs_1ytpp_61 img {
62
+ ._Avatar--narrow-l--size-2xs_1lhfo_61 img {
63
63
  width: var(--d51f41);
64
64
  height: var(--d51f41);
65
65
  }
66
- ._Avatar--narrow-l--size-xs_1ytpp_65 img {
66
+ ._Avatar--narrow-l--size-xs_1lhfo_65 img {
67
67
  width: var(--cfdb4f);
68
68
  height: var(--cfdb4f);
69
69
  }
70
- ._Avatar--narrow-l--size-s_1ytpp_69 img {
70
+ ._Avatar--narrow-l--size-s_1lhfo_69 img {
71
71
  width: var(--2dafbf);
72
72
  height: var(--2dafbf);
73
73
  }
74
- ._Avatar--narrow-l--size-m_1ytpp_73 img {
74
+ ._Avatar--narrow-l--size-m_1lhfo_73 img {
75
75
  width: var(--b51334);
76
76
  height: var(--b51334);
77
77
  }
78
- ._Avatar--narrow-l--size-l_1ytpp_77 img {
78
+ ._Avatar--narrow-l--size-l_1lhfo_77 img {
79
79
  width: var(--d318a5);
80
80
  height: var(--d318a5);
81
81
  }
82
- ._Avatar--narrow-l--size-xl_1ytpp_81 img {
82
+ ._Avatar--narrow-l--size-xl_1lhfo_81 img {
83
83
  width: var(--6eb1c7);
84
84
  height: var(--6eb1c7);
85
85
  }
86
- ._Avatar--narrow-l--size-24_1ytpp_85 img {
86
+ ._Avatar--narrow-l--size-24_1lhfo_85 img {
87
87
  width: var(--86aa8e);
88
88
  height: var(--86aa8e);
89
89
  }
90
- ._Avatar--narrow-l--size-32_1ytpp_89 img {
90
+ ._Avatar--narrow-l--size-32_1lhfo_89 img {
91
91
  width: var(--32bbec);
92
92
  height: var(--32bbec);
93
93
  }
94
- ._Avatar--narrow-l--size-48_1ytpp_93 img {
94
+ ._Avatar--narrow-l--size-48_1lhfo_93 img {
95
95
  width: var(--950ab5);
96
96
  height: var(--950ab5);
97
97
  }
98
- ._Avatar--narrow-l--size-64_1ytpp_97 img {
98
+ ._Avatar--narrow-l--size-64_1lhfo_97 img {
99
99
  width: var(--cc5dc7);
100
100
  height: var(--cc5dc7);
101
101
  }
102
- ._Avatar--narrow-l--size-96_1ytpp_101 img {
102
+ ._Avatar--narrow-l--size-96_1lhfo_101 img {
103
103
  width: var(--796da2);
104
104
  height: var(--796da2);
105
105
  }
106
- ._Avatar--narrow-l--size-160_1ytpp_105 img {
106
+ ._Avatar--narrow-l--size-160_1lhfo_105 img {
107
107
  width: var(--329ba7);
108
108
  height: var(--329ba7);
109
109
  }
110
110
  }
111
111
  @media (min-width: 700px) {
112
- ._Avatar--medium-s--size-2xs_1ytpp_111 img {
112
+ ._Avatar--medium-s--size-2xs_1lhfo_111 img {
113
113
  width: var(--d51f41);
114
114
  height: var(--d51f41);
115
115
  }
116
- ._Avatar--medium-s--size-xs_1ytpp_115 img {
116
+ ._Avatar--medium-s--size-xs_1lhfo_115 img {
117
117
  width: var(--cfdb4f);
118
118
  height: var(--cfdb4f);
119
119
  }
120
- ._Avatar--medium-s--size-s_1ytpp_119 img {
120
+ ._Avatar--medium-s--size-s_1lhfo_119 img {
121
121
  width: var(--2dafbf);
122
122
  height: var(--2dafbf);
123
123
  }
124
- ._Avatar--medium-s--size-m_1ytpp_123 img {
124
+ ._Avatar--medium-s--size-m_1lhfo_123 img {
125
125
  width: var(--b51334);
126
126
  height: var(--b51334);
127
127
  }
128
- ._Avatar--medium-s--size-l_1ytpp_127 img {
128
+ ._Avatar--medium-s--size-l_1lhfo_127 img {
129
129
  width: var(--d318a5);
130
130
  height: var(--d318a5);
131
131
  }
132
- ._Avatar--medium-s--size-xl_1ytpp_131 img {
132
+ ._Avatar--medium-s--size-xl_1lhfo_131 img {
133
133
  width: var(--6eb1c7);
134
134
  height: var(--6eb1c7);
135
135
  }
136
- ._Avatar--medium-s--size-24_1ytpp_135 img {
136
+ ._Avatar--medium-s--size-24_1lhfo_135 img {
137
137
  width: var(--86aa8e);
138
138
  height: var(--86aa8e);
139
139
  }
140
- ._Avatar--medium-s--size-32_1ytpp_139 img {
140
+ ._Avatar--medium-s--size-32_1lhfo_139 img {
141
141
  width: var(--32bbec);
142
142
  height: var(--32bbec);
143
143
  }
144
- ._Avatar--medium-s--size-48_1ytpp_143 img {
144
+ ._Avatar--medium-s--size-48_1lhfo_143 img {
145
145
  width: var(--950ab5);
146
146
  height: var(--950ab5);
147
147
  }
148
- ._Avatar--medium-s--size-64_1ytpp_147 img {
148
+ ._Avatar--medium-s--size-64_1lhfo_147 img {
149
149
  width: var(--cc5dc7);
150
150
  height: var(--cc5dc7);
151
151
  }
152
- ._Avatar--medium-s--size-96_1ytpp_151 img {
152
+ ._Avatar--medium-s--size-96_1lhfo_151 img {
153
153
  width: var(--796da2);
154
154
  height: var(--796da2);
155
155
  }
156
- ._Avatar--medium-s--size-160_1ytpp_155 img {
156
+ ._Avatar--medium-s--size-160_1lhfo_155 img {
157
157
  width: var(--329ba7);
158
158
  height: var(--329ba7);
159
159
  }
160
160
  }
161
161
  @media (min-width: 880px) {
162
- ._Avatar--medium-l--size-2xs_1ytpp_161 img {
162
+ ._Avatar--medium-l--size-2xs_1lhfo_161 img {
163
163
  width: var(--d51f41);
164
164
  height: var(--d51f41);
165
165
  }
166
- ._Avatar--medium-l--size-xs_1ytpp_165 img {
166
+ ._Avatar--medium-l--size-xs_1lhfo_165 img {
167
167
  width: var(--cfdb4f);
168
168
  height: var(--cfdb4f);
169
169
  }
170
- ._Avatar--medium-l--size-s_1ytpp_169 img {
170
+ ._Avatar--medium-l--size-s_1lhfo_169 img {
171
171
  width: var(--2dafbf);
172
172
  height: var(--2dafbf);
173
173
  }
174
- ._Avatar--medium-l--size-m_1ytpp_173 img {
174
+ ._Avatar--medium-l--size-m_1lhfo_173 img {
175
175
  width: var(--b51334);
176
176
  height: var(--b51334);
177
177
  }
178
- ._Avatar--medium-l--size-l_1ytpp_177 img {
178
+ ._Avatar--medium-l--size-l_1lhfo_177 img {
179
179
  width: var(--d318a5);
180
180
  height: var(--d318a5);
181
181
  }
182
- ._Avatar--medium-l--size-xl_1ytpp_181 img {
182
+ ._Avatar--medium-l--size-xl_1lhfo_181 img {
183
183
  width: var(--6eb1c7);
184
184
  height: var(--6eb1c7);
185
185
  }
186
- ._Avatar--medium-l--size-24_1ytpp_185 img {
186
+ ._Avatar--medium-l--size-24_1lhfo_185 img {
187
187
  width: var(--86aa8e);
188
188
  height: var(--86aa8e);
189
189
  }
190
- ._Avatar--medium-l--size-32_1ytpp_189 img {
190
+ ._Avatar--medium-l--size-32_1lhfo_189 img {
191
191
  width: var(--32bbec);
192
192
  height: var(--32bbec);
193
193
  }
194
- ._Avatar--medium-l--size-48_1ytpp_193 img {
194
+ ._Avatar--medium-l--size-48_1lhfo_193 img {
195
195
  width: var(--950ab5);
196
196
  height: var(--950ab5);
197
197
  }
198
- ._Avatar--medium-l--size-64_1ytpp_197 img {
198
+ ._Avatar--medium-l--size-64_1lhfo_197 img {
199
199
  width: var(--cc5dc7);
200
200
  height: var(--cc5dc7);
201
201
  }
202
- ._Avatar--medium-l--size-96_1ytpp_201 img {
202
+ ._Avatar--medium-l--size-96_1lhfo_201 img {
203
203
  width: var(--796da2);
204
204
  height: var(--796da2);
205
205
  }
206
- ._Avatar--medium-l--size-160_1ytpp_205 img {
206
+ ._Avatar--medium-l--size-160_1lhfo_205 img {
207
207
  width: var(--329ba7);
208
208
  height: var(--329ba7);
209
209
  }
210
210
  }
211
211
  @media (min-width: 1200px) {
212
- ._Avatar--wide-s--size-2xs_1ytpp_211 img {
212
+ ._Avatar--wide-s--size-2xs_1lhfo_211 img {
213
213
  width: var(--d51f41);
214
214
  height: var(--d51f41);
215
215
  }
216
- ._Avatar--wide-s--size-xs_1ytpp_215 img {
216
+ ._Avatar--wide-s--size-xs_1lhfo_215 img {
217
217
  width: var(--cfdb4f);
218
218
  height: var(--cfdb4f);
219
219
  }
220
- ._Avatar--wide-s--size-s_1ytpp_219 img {
220
+ ._Avatar--wide-s--size-s_1lhfo_219 img {
221
221
  width: var(--2dafbf);
222
222
  height: var(--2dafbf);
223
223
  }
224
- ._Avatar--wide-s--size-m_1ytpp_223 img {
224
+ ._Avatar--wide-s--size-m_1lhfo_223 img {
225
225
  width: var(--b51334);
226
226
  height: var(--b51334);
227
227
  }
228
- ._Avatar--wide-s--size-l_1ytpp_227 img {
228
+ ._Avatar--wide-s--size-l_1lhfo_227 img {
229
229
  width: var(--d318a5);
230
230
  height: var(--d318a5);
231
231
  }
232
- ._Avatar--wide-s--size-xl_1ytpp_231 img {
232
+ ._Avatar--wide-s--size-xl_1lhfo_231 img {
233
233
  width: var(--6eb1c7);
234
234
  height: var(--6eb1c7);
235
235
  }
236
- ._Avatar--wide-s--size-24_1ytpp_235 img {
236
+ ._Avatar--wide-s--size-24_1lhfo_235 img {
237
237
  width: var(--86aa8e);
238
238
  height: var(--86aa8e);
239
239
  }
240
- ._Avatar--wide-s--size-32_1ytpp_239 img {
240
+ ._Avatar--wide-s--size-32_1lhfo_239 img {
241
241
  width: var(--32bbec);
242
242
  height: var(--32bbec);
243
243
  }
244
- ._Avatar--wide-s--size-48_1ytpp_243 img {
244
+ ._Avatar--wide-s--size-48_1lhfo_243 img {
245
245
  width: var(--950ab5);
246
246
  height: var(--950ab5);
247
247
  }
248
- ._Avatar--wide-s--size-64_1ytpp_247 img {
248
+ ._Avatar--wide-s--size-64_1lhfo_247 img {
249
249
  width: var(--cc5dc7);
250
250
  height: var(--cc5dc7);
251
251
  }
252
- ._Avatar--wide-s--size-96_1ytpp_251 img {
252
+ ._Avatar--wide-s--size-96_1lhfo_251 img {
253
253
  width: var(--796da2);
254
254
  height: var(--796da2);
255
255
  }
256
- ._Avatar--wide-s--size-160_1ytpp_255 img {
256
+ ._Avatar--wide-s--size-160_1lhfo_255 img {
257
257
  width: var(--329ba7);
258
258
  height: var(--329ba7);
259
259
  }
260
260
  }
261
261
  @media (min-width: 1900px) {
262
- ._Avatar--wide-l--size-2xs_1ytpp_261 img {
262
+ ._Avatar--wide-l--size-2xs_1lhfo_261 img {
263
263
  width: var(--d51f41);
264
264
  height: var(--d51f41);
265
265
  }
266
- ._Avatar--wide-l--size-xs_1ytpp_265 img {
266
+ ._Avatar--wide-l--size-xs_1lhfo_265 img {
267
267
  width: var(--cfdb4f);
268
268
  height: var(--cfdb4f);
269
269
  }
270
- ._Avatar--wide-l--size-s_1ytpp_269 img {
270
+ ._Avatar--wide-l--size-s_1lhfo_269 img {
271
271
  width: var(--2dafbf);
272
272
  height: var(--2dafbf);
273
273
  }
274
- ._Avatar--wide-l--size-m_1ytpp_273 img {
274
+ ._Avatar--wide-l--size-m_1lhfo_273 img {
275
275
  width: var(--b51334);
276
276
  height: var(--b51334);
277
277
  }
278
- ._Avatar--wide-l--size-l_1ytpp_277 img {
278
+ ._Avatar--wide-l--size-l_1lhfo_277 img {
279
279
  width: var(--d318a5);
280
280
  height: var(--d318a5);
281
281
  }
282
- ._Avatar--wide-l--size-xl_1ytpp_281 img {
282
+ ._Avatar--wide-l--size-xl_1lhfo_281 img {
283
283
  width: var(--6eb1c7);
284
284
  height: var(--6eb1c7);
285
285
  }
286
- ._Avatar--wide-l--size-24_1ytpp_285 img {
286
+ ._Avatar--wide-l--size-24_1lhfo_285 img {
287
287
  width: var(--86aa8e);
288
288
  height: var(--86aa8e);
289
289
  }
290
- ._Avatar--wide-l--size-32_1ytpp_289 img {
290
+ ._Avatar--wide-l--size-32_1lhfo_289 img {
291
291
  width: var(--32bbec);
292
292
  height: var(--32bbec);
293
293
  }
294
- ._Avatar--wide-l--size-48_1ytpp_293 img {
294
+ ._Avatar--wide-l--size-48_1lhfo_293 img {
295
295
  width: var(--950ab5);
296
296
  height: var(--950ab5);
297
297
  }
298
- ._Avatar--wide-l--size-64_1ytpp_297 img {
298
+ ._Avatar--wide-l--size-64_1lhfo_297 img {
299
299
  width: var(--cc5dc7);
300
300
  height: var(--cc5dc7);
301
301
  }
302
- ._Avatar--wide-l--size-96_1ytpp_301 img {
302
+ ._Avatar--wide-l--size-96_1lhfo_301 img {
303
303
  width: var(--796da2);
304
304
  height: var(--796da2);
305
305
  }
306
- ._Avatar--wide-l--size-160_1ytpp_305 img {
306
+ ._Avatar--wide-l--size-160_1lhfo_305 img {
307
307
  width: var(--329ba7);
308
308
  height: var(--329ba7);
309
309
  }
310
310
  }
311
- ._Avatar--round_1ytpp_310 img {
311
+ ._Avatar--round_1lhfo_310 img {
312
312
  border-radius: var(--8517a6);
313
313
  }
314
- ._Avatar_1ytpp_4 img {
314
+ ._Avatar_1lhfo_4 img {
315
315
  border-style: solid;
316
316
  border-width: var(--c4d145);
317
317
  border-color: var(--54e6b5);
@@ -1,10 +1,10 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 08:07:57 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 08:07:56 GMT+0000 (Coordinated Universal Time) */
3
- ._AvatarWithStatus_1h2jb_3 {
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
+ ._AvatarWithStatus_1npcw_3 {
4
4
  display: inline-block;
5
5
  position: relative;
6
6
  }
7
- ._AvatarWithStatus--indicator_1h2jb_7 {
7
+ ._AvatarWithStatus--indicator_1npcw_7 {
8
8
  position: absolute;
9
9
  border-style: solid;
10
10
  border-radius: var(--0cf20e);
@@ -12,46 +12,46 @@
12
12
  border-color: var(--e5a39b);
13
13
  background-color: var(--a95a51);
14
14
  }
15
- ._AvatarWithStatus--online_1h2jb_15 ._AvatarWithStatus--indicator_1h2jb_7 {
15
+ ._AvatarWithStatus--online_1npcw_15 ._AvatarWithStatus--indicator_1npcw_7 {
16
16
  background-color: var(--62b71e);
17
17
  }
18
- ._AvatarWithStatus--size-2xs_1h2jb_18 ._AvatarWithStatus--indicator_1h2jb_7 {
18
+ ._AvatarWithStatus--size-2xs_1npcw_18 ._AvatarWithStatus--indicator_1npcw_7 {
19
19
  width: var(--1cea5a);
20
20
  height: var(--1cea5a);
21
21
  right: var(--4b2086);
22
22
  bottom: var(--4b2086);
23
23
  }
24
- ._AvatarWithStatus--size-xs_1h2jb_24 ._AvatarWithStatus--indicator_1h2jb_7 {
24
+ ._AvatarWithStatus--size-xs_1npcw_24 ._AvatarWithStatus--indicator_1npcw_7 {
25
25
  width: var(--540610);
26
26
  height: var(--540610);
27
27
  right: var(--20c0b1);
28
28
  bottom: var(--20c0b1);
29
29
  }
30
- ._AvatarWithStatus--size-m_1h2jb_30 ._AvatarWithStatus--indicator_1h2jb_7 {
30
+ ._AvatarWithStatus--size-m_1npcw_30 ._AvatarWithStatus--indicator_1npcw_7 {
31
31
  width: var(--8f1e94);
32
32
  height: var(--8f1e94);
33
33
  right: var(--705050);
34
34
  bottom: var(--705050);
35
35
  }
36
- ._AvatarWithStatus--size-xl_1h2jb_36 ._AvatarWithStatus--indicator_1h2jb_7 {
36
+ ._AvatarWithStatus--size-xl_1npcw_36 ._AvatarWithStatus--indicator_1npcw_7 {
37
37
  width: var(--bdf712);
38
38
  height: var(--bdf712);
39
39
  right: var(--3b13f1);
40
40
  bottom: var(--3b13f1);
41
41
  }
42
- ._AvatarWithStatus--size-64_1h2jb_42 ._AvatarWithStatus--indicator_1h2jb_7 {
42
+ ._AvatarWithStatus--size-64_1npcw_42 ._AvatarWithStatus--indicator_1npcw_7 {
43
43
  width: var(--7d9a55);
44
44
  height: var(--7d9a55);
45
45
  right: var(--3e174a);
46
46
  bottom: var(--3e174a);
47
47
  }
48
- ._AvatarWithStatus--size-96_1h2jb_48 ._AvatarWithStatus--indicator_1h2jb_7 {
48
+ ._AvatarWithStatus--size-96_1npcw_48 ._AvatarWithStatus--indicator_1npcw_7 {
49
49
  width: var(--7d3ab7);
50
50
  height: var(--7d3ab7);
51
51
  right: var(--bd3f63);
52
52
  bottom: var(--bd3f63);
53
53
  }
54
- ._AvatarWithStatus--size-160_1h2jb_54 ._AvatarWithStatus--indicator_1h2jb_7 {
54
+ ._AvatarWithStatus--size-160_1npcw_54 ._AvatarWithStatus--indicator_1npcw_7 {
55
55
  width: var(--523f7d);
56
56
  height: var(--523f7d);
57
57
  right: var(--23067e);
@@ -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 08:07:57 GMT+0000 (Coordinated Universal Time) */
2
- ._badge_v4usy_2 {
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
+ ._badge_tnpug_2 {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
5
5
  display: inline-flex;
@@ -14,93 +14,93 @@
14
14
  width: fit-content;
15
15
  color: var(--628fb7);
16
16
  }
17
- ._badge_v4usy_2[data-size='small'] {
17
+ ._badge_tnpug_2[data-size='small'] {
18
18
  height: var(--76ac8f);
19
19
  font-size: var(--e3a55b);
20
20
  font-weight: var(--8cd94c);
21
21
  line-height: var(--732f40);
22
22
  }
23
- ._badge_v4usy_2[data-size='medium'] {
23
+ ._badge_tnpug_2[data-size='medium'] {
24
24
  height: var(--f316e1);
25
25
  font-size: var(--fdb733);
26
26
  font-weight: var(--9643c1);
27
27
  line-height: var(--754361);
28
28
  }
29
- ._badge_v4usy_2[data-size='large'] {
29
+ ._badge_tnpug_2[data-size='large'] {
30
30
  height: var(--7789ee);
31
31
  padding: var(--590b8d) var(--813599);
32
32
  font-size: var(--475c79);
33
33
  font-weight: var(--a3f251);
34
34
  line-height: var(--e33d9e);
35
35
  }
36
- ._badge_v4usy_2[data-type='neutral'] {
36
+ ._badge_tnpug_2[data-type='neutral'] {
37
37
  background: var(--319b29);
38
38
  }
39
- ._badge_v4usy_2[data-type='positive'] {
39
+ ._badge_tnpug_2[data-type='positive'] {
40
40
  background: var(--1836a4);
41
41
  }
42
- ._badge_v4usy_2[data-type='warning'] {
42
+ ._badge_tnpug_2[data-type='warning'] {
43
43
  background: var(--b503b8);
44
44
  }
45
- ._badge_v4usy_2[data-type='info'] {
45
+ ._badge_tnpug_2[data-type='info'] {
46
46
  background: var(--94a45e);
47
47
  }
48
- ._badge_v4usy_2[data-type='critical'] {
48
+ ._badge_tnpug_2[data-type='critical'] {
49
49
  background: var(--f15644);
50
50
  }
51
- ._badge_v4usy_2[data-accent=unset] {
51
+ ._badge_tnpug_2[data-accent=unset] {
52
52
  color: var(--c9575b);
53
53
  background-color: var(--8f1238);
54
54
  }
55
- ._badge_v4usy_2[data-accent=unset][data-inverted=true] {
55
+ ._badge_tnpug_2[data-accent=unset][data-inverted=true] {
56
56
  color: var(--55407f);
57
57
  background-color: var(--7c8c3c);
58
58
  }
59
- ._badge_v4usy_2[data-accent='accent'] {
59
+ ._badge_tnpug_2[data-accent='accent'] {
60
60
  color: var(--dede3f);
61
61
  background-color: var(--eba8f8);
62
62
  }
63
- ._badge_v4usy_2[data-accent='accent'][data-inverted=true] {
63
+ ._badge_tnpug_2[data-accent='accent'][data-inverted=true] {
64
64
  color: var(--732eb5);
65
65
  background-color: var(--54c075);
66
66
  }
67
- ._badge_v4usy_2[data-accent='info'] {
67
+ ._badge_tnpug_2[data-accent='info'] {
68
68
  color: var(--f3be0c);
69
69
  background-color: var(--7a1a33);
70
70
  }
71
- ._badge_v4usy_2[data-accent='info'][data-inverted=true] {
71
+ ._badge_tnpug_2[data-accent='info'][data-inverted=true] {
72
72
  color: var(--506df4);
73
73
  background-color: var(--fa3428);
74
74
  }
75
- ._badge_v4usy_2[data-accent='positive'] {
75
+ ._badge_tnpug_2[data-accent='positive'] {
76
76
  color: var(--2a2719);
77
77
  background-color: var(--694afa);
78
78
  }
79
- ._badge_v4usy_2[data-accent='positive'][data-inverted=true] {
79
+ ._badge_tnpug_2[data-accent='positive'][data-inverted=true] {
80
80
  color: var(--30c365);
81
81
  background-color: var(--47c404);
82
82
  }
83
- ._badge_v4usy_2[data-accent='warning'] {
83
+ ._badge_tnpug_2[data-accent='warning'] {
84
84
  color: var(--84e571);
85
85
  background-color: var(--02372a);
86
86
  }
87
- ._badge_v4usy_2[data-accent='warning'][data-inverted=true] {
87
+ ._badge_tnpug_2[data-accent='warning'][data-inverted=true] {
88
88
  color: var(--363237);
89
89
  background-color: var(--08fa29);
90
90
  }
91
- ._badge_v4usy_2[data-accent='critical'] {
91
+ ._badge_tnpug_2[data-accent='critical'] {
92
92
  color: var(--036159);
93
93
  background-color: var(--22f022);
94
94
  }
95
- ._badge_v4usy_2[data-accent='critical'][data-inverted=true] {
95
+ ._badge_tnpug_2[data-accent='critical'][data-inverted=true] {
96
96
  color: var(--90eeff);
97
97
  background-color: var(--cdb1f6);
98
98
  }
99
- ._badge_v4usy_2[data-accent='tertiary'] {
99
+ ._badge_tnpug_2[data-accent='tertiary'] {
100
100
  color: var(--d7e14c);
101
101
  background-color: var(--a453d7);
102
102
  }
103
- ._badge_v4usy_2[data-accent='tertiary'][data-inverted=true] {
103
+ ._badge_tnpug_2[data-accent='tertiary'][data-inverted=true] {
104
104
  color: var(--ab5158);
105
105
  background-color: var(--50e919);
106
106
  }