@preply/ds-web-lib 1.4.4 → 1.4.5

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-BD1IcpKe.js +27 -0
  89. package/dist/layout-gap.module-BHceV7oO.js +139 -0
  90. package/dist/{layout-grid.module-r1QJQ0OA.js → layout-grid.module-CsVjCjkf.js} +97 -97
  91. package/dist/layout-hide.module-CR4eBXwL.js +55 -0
  92. package/dist/{layout-relative.module-BNXaOnm9.js → layout-relative.module-BTkIzSrV.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-BS0Uqwt2.js +0 -27
  107. package/dist/layout-gap.module-D6neqy11.js +0 -139
  108. package/dist/layout-hide.module-CNnAuwzK.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 Apr 17 2025 14:13:28 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Apr 17 2025 14:13:31 GMT+0000 (Coordinated Universal Time) */
3
- @-webkit-keyframes _overlayShow_192nk_1 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Apr 22 2025 08:17:52 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Apr 22 2025 08:17:55 GMT+0000 (Coordinated Universal Time) */
3
+ @-webkit-keyframes _overlayShow_114fq_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_192nk_1 {
11
+ @keyframes _overlayShow_114fq_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_192nk_1 {
19
+ @-webkit-keyframes _contentShow_114fq_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_192nk_1 {
31
+ @keyframes _contentShow_114fq_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_192nk_21 {
43
+ ._overlay_114fq_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_192nk_21[data-state='open'] {
53
- -webkit-animation: _overlayShow_192nk_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
54
- animation: _overlayShow_192nk_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
52
+ ._overlay_114fq_21[data-state='open'] {
53
+ -webkit-animation: _overlayShow_114fq_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
54
+ animation: _overlayShow_114fq_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
55
55
  }
56
56
  }
57
- ._content_192nk_31 {
57
+ ._content_114fq_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_192nk_31[data-state='open'] {
87
- -webkit-animation: _contentShow_192nk_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
88
- animation: _contentShow_192nk_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
86
+ ._content_114fq_31[data-state='open'] {
87
+ -webkit-animation: _contentShow_114fq_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
88
+ animation: _contentShow_114fq_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
89
89
  }
90
90
  }
91
- ._description_192nk_52 {
91
+ ._description_114fq_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_192nk_58 {
97
+ ._actions_114fq_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_192nk_58 {
108
+ ._actions_114fq_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 Apr 17 2025 14:13:28 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Apr 17 2025 14:13:27 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Apr 17 2025 14:13:31 GMT+0000 (Coordinated Universal Time) */
4
- ._Avatar_oyd01_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Apr 22 2025 08:17:52 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Apr 22 2025 08:17:51 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Apr 22 2025 08:17:55 GMT+0000 (Coordinated Universal Time) */
4
+ ._Avatar_ub829_4 {
5
5
  display: inline-block;
6
6
  }
7
- ._Avatar_oyd01_4 img {
7
+ ._Avatar_ub829_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_oyd01_12 img {
13
+ ._Avatar--size-2xs_ub829_12 img {
14
14
  width: var(--d51f41);
15
15
  height: var(--d51f41);
16
16
  }
17
- ._Avatar--size-xs_oyd01_16 img {
17
+ ._Avatar--size-xs_ub829_16 img {
18
18
  width: var(--cfdb4f);
19
19
  height: var(--cfdb4f);
20
20
  }
21
- ._Avatar--size-s_oyd01_20 img {
21
+ ._Avatar--size-s_ub829_20 img {
22
22
  width: var(--2dafbf);
23
23
  height: var(--2dafbf);
24
24
  }
25
- ._Avatar--size-m_oyd01_24 img {
25
+ ._Avatar--size-m_ub829_24 img {
26
26
  width: var(--b51334);
27
27
  height: var(--b51334);
28
28
  }
29
- ._Avatar--size-l_oyd01_28 img {
29
+ ._Avatar--size-l_ub829_28 img {
30
30
  width: var(--d318a5);
31
31
  height: var(--d318a5);
32
32
  }
33
- ._Avatar--size-xl_oyd01_32 img {
33
+ ._Avatar--size-xl_ub829_32 img {
34
34
  width: var(--6eb1c7);
35
35
  height: var(--6eb1c7);
36
36
  }
37
- ._Avatar--size-24_oyd01_36 img {
37
+ ._Avatar--size-24_ub829_36 img {
38
38
  width: var(--86aa8e);
39
39
  height: var(--86aa8e);
40
40
  }
41
- ._Avatar--size-32_oyd01_40 img {
41
+ ._Avatar--size-32_ub829_40 img {
42
42
  width: var(--32bbec);
43
43
  height: var(--32bbec);
44
44
  }
45
- ._Avatar--size-48_oyd01_44 img {
45
+ ._Avatar--size-48_ub829_44 img {
46
46
  width: var(--950ab5);
47
47
  height: var(--950ab5);
48
48
  }
49
- ._Avatar--size-64_oyd01_48 img {
49
+ ._Avatar--size-64_ub829_48 img {
50
50
  width: var(--cc5dc7);
51
51
  height: var(--cc5dc7);
52
52
  }
53
- ._Avatar--size-96_oyd01_52 img {
53
+ ._Avatar--size-96_ub829_52 img {
54
54
  width: var(--796da2);
55
55
  height: var(--796da2);
56
56
  }
57
- ._Avatar--size-160_oyd01_56 img {
57
+ ._Avatar--size-160_ub829_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_oyd01_61 img {
62
+ ._Avatar--narrow-l--size-2xs_ub829_61 img {
63
63
  width: var(--d51f41);
64
64
  height: var(--d51f41);
65
65
  }
66
- ._Avatar--narrow-l--size-xs_oyd01_65 img {
66
+ ._Avatar--narrow-l--size-xs_ub829_65 img {
67
67
  width: var(--cfdb4f);
68
68
  height: var(--cfdb4f);
69
69
  }
70
- ._Avatar--narrow-l--size-s_oyd01_69 img {
70
+ ._Avatar--narrow-l--size-s_ub829_69 img {
71
71
  width: var(--2dafbf);
72
72
  height: var(--2dafbf);
73
73
  }
74
- ._Avatar--narrow-l--size-m_oyd01_73 img {
74
+ ._Avatar--narrow-l--size-m_ub829_73 img {
75
75
  width: var(--b51334);
76
76
  height: var(--b51334);
77
77
  }
78
- ._Avatar--narrow-l--size-l_oyd01_77 img {
78
+ ._Avatar--narrow-l--size-l_ub829_77 img {
79
79
  width: var(--d318a5);
80
80
  height: var(--d318a5);
81
81
  }
82
- ._Avatar--narrow-l--size-xl_oyd01_81 img {
82
+ ._Avatar--narrow-l--size-xl_ub829_81 img {
83
83
  width: var(--6eb1c7);
84
84
  height: var(--6eb1c7);
85
85
  }
86
- ._Avatar--narrow-l--size-24_oyd01_85 img {
86
+ ._Avatar--narrow-l--size-24_ub829_85 img {
87
87
  width: var(--86aa8e);
88
88
  height: var(--86aa8e);
89
89
  }
90
- ._Avatar--narrow-l--size-32_oyd01_89 img {
90
+ ._Avatar--narrow-l--size-32_ub829_89 img {
91
91
  width: var(--32bbec);
92
92
  height: var(--32bbec);
93
93
  }
94
- ._Avatar--narrow-l--size-48_oyd01_93 img {
94
+ ._Avatar--narrow-l--size-48_ub829_93 img {
95
95
  width: var(--950ab5);
96
96
  height: var(--950ab5);
97
97
  }
98
- ._Avatar--narrow-l--size-64_oyd01_97 img {
98
+ ._Avatar--narrow-l--size-64_ub829_97 img {
99
99
  width: var(--cc5dc7);
100
100
  height: var(--cc5dc7);
101
101
  }
102
- ._Avatar--narrow-l--size-96_oyd01_101 img {
102
+ ._Avatar--narrow-l--size-96_ub829_101 img {
103
103
  width: var(--796da2);
104
104
  height: var(--796da2);
105
105
  }
106
- ._Avatar--narrow-l--size-160_oyd01_105 img {
106
+ ._Avatar--narrow-l--size-160_ub829_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_oyd01_111 img {
112
+ ._Avatar--medium-s--size-2xs_ub829_111 img {
113
113
  width: var(--d51f41);
114
114
  height: var(--d51f41);
115
115
  }
116
- ._Avatar--medium-s--size-xs_oyd01_115 img {
116
+ ._Avatar--medium-s--size-xs_ub829_115 img {
117
117
  width: var(--cfdb4f);
118
118
  height: var(--cfdb4f);
119
119
  }
120
- ._Avatar--medium-s--size-s_oyd01_119 img {
120
+ ._Avatar--medium-s--size-s_ub829_119 img {
121
121
  width: var(--2dafbf);
122
122
  height: var(--2dafbf);
123
123
  }
124
- ._Avatar--medium-s--size-m_oyd01_123 img {
124
+ ._Avatar--medium-s--size-m_ub829_123 img {
125
125
  width: var(--b51334);
126
126
  height: var(--b51334);
127
127
  }
128
- ._Avatar--medium-s--size-l_oyd01_127 img {
128
+ ._Avatar--medium-s--size-l_ub829_127 img {
129
129
  width: var(--d318a5);
130
130
  height: var(--d318a5);
131
131
  }
132
- ._Avatar--medium-s--size-xl_oyd01_131 img {
132
+ ._Avatar--medium-s--size-xl_ub829_131 img {
133
133
  width: var(--6eb1c7);
134
134
  height: var(--6eb1c7);
135
135
  }
136
- ._Avatar--medium-s--size-24_oyd01_135 img {
136
+ ._Avatar--medium-s--size-24_ub829_135 img {
137
137
  width: var(--86aa8e);
138
138
  height: var(--86aa8e);
139
139
  }
140
- ._Avatar--medium-s--size-32_oyd01_139 img {
140
+ ._Avatar--medium-s--size-32_ub829_139 img {
141
141
  width: var(--32bbec);
142
142
  height: var(--32bbec);
143
143
  }
144
- ._Avatar--medium-s--size-48_oyd01_143 img {
144
+ ._Avatar--medium-s--size-48_ub829_143 img {
145
145
  width: var(--950ab5);
146
146
  height: var(--950ab5);
147
147
  }
148
- ._Avatar--medium-s--size-64_oyd01_147 img {
148
+ ._Avatar--medium-s--size-64_ub829_147 img {
149
149
  width: var(--cc5dc7);
150
150
  height: var(--cc5dc7);
151
151
  }
152
- ._Avatar--medium-s--size-96_oyd01_151 img {
152
+ ._Avatar--medium-s--size-96_ub829_151 img {
153
153
  width: var(--796da2);
154
154
  height: var(--796da2);
155
155
  }
156
- ._Avatar--medium-s--size-160_oyd01_155 img {
156
+ ._Avatar--medium-s--size-160_ub829_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_oyd01_161 img {
162
+ ._Avatar--medium-l--size-2xs_ub829_161 img {
163
163
  width: var(--d51f41);
164
164
  height: var(--d51f41);
165
165
  }
166
- ._Avatar--medium-l--size-xs_oyd01_165 img {
166
+ ._Avatar--medium-l--size-xs_ub829_165 img {
167
167
  width: var(--cfdb4f);
168
168
  height: var(--cfdb4f);
169
169
  }
170
- ._Avatar--medium-l--size-s_oyd01_169 img {
170
+ ._Avatar--medium-l--size-s_ub829_169 img {
171
171
  width: var(--2dafbf);
172
172
  height: var(--2dafbf);
173
173
  }
174
- ._Avatar--medium-l--size-m_oyd01_173 img {
174
+ ._Avatar--medium-l--size-m_ub829_173 img {
175
175
  width: var(--b51334);
176
176
  height: var(--b51334);
177
177
  }
178
- ._Avatar--medium-l--size-l_oyd01_177 img {
178
+ ._Avatar--medium-l--size-l_ub829_177 img {
179
179
  width: var(--d318a5);
180
180
  height: var(--d318a5);
181
181
  }
182
- ._Avatar--medium-l--size-xl_oyd01_181 img {
182
+ ._Avatar--medium-l--size-xl_ub829_181 img {
183
183
  width: var(--6eb1c7);
184
184
  height: var(--6eb1c7);
185
185
  }
186
- ._Avatar--medium-l--size-24_oyd01_185 img {
186
+ ._Avatar--medium-l--size-24_ub829_185 img {
187
187
  width: var(--86aa8e);
188
188
  height: var(--86aa8e);
189
189
  }
190
- ._Avatar--medium-l--size-32_oyd01_189 img {
190
+ ._Avatar--medium-l--size-32_ub829_189 img {
191
191
  width: var(--32bbec);
192
192
  height: var(--32bbec);
193
193
  }
194
- ._Avatar--medium-l--size-48_oyd01_193 img {
194
+ ._Avatar--medium-l--size-48_ub829_193 img {
195
195
  width: var(--950ab5);
196
196
  height: var(--950ab5);
197
197
  }
198
- ._Avatar--medium-l--size-64_oyd01_197 img {
198
+ ._Avatar--medium-l--size-64_ub829_197 img {
199
199
  width: var(--cc5dc7);
200
200
  height: var(--cc5dc7);
201
201
  }
202
- ._Avatar--medium-l--size-96_oyd01_201 img {
202
+ ._Avatar--medium-l--size-96_ub829_201 img {
203
203
  width: var(--796da2);
204
204
  height: var(--796da2);
205
205
  }
206
- ._Avatar--medium-l--size-160_oyd01_205 img {
206
+ ._Avatar--medium-l--size-160_ub829_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_oyd01_211 img {
212
+ ._Avatar--wide-s--size-2xs_ub829_211 img {
213
213
  width: var(--d51f41);
214
214
  height: var(--d51f41);
215
215
  }
216
- ._Avatar--wide-s--size-xs_oyd01_215 img {
216
+ ._Avatar--wide-s--size-xs_ub829_215 img {
217
217
  width: var(--cfdb4f);
218
218
  height: var(--cfdb4f);
219
219
  }
220
- ._Avatar--wide-s--size-s_oyd01_219 img {
220
+ ._Avatar--wide-s--size-s_ub829_219 img {
221
221
  width: var(--2dafbf);
222
222
  height: var(--2dafbf);
223
223
  }
224
- ._Avatar--wide-s--size-m_oyd01_223 img {
224
+ ._Avatar--wide-s--size-m_ub829_223 img {
225
225
  width: var(--b51334);
226
226
  height: var(--b51334);
227
227
  }
228
- ._Avatar--wide-s--size-l_oyd01_227 img {
228
+ ._Avatar--wide-s--size-l_ub829_227 img {
229
229
  width: var(--d318a5);
230
230
  height: var(--d318a5);
231
231
  }
232
- ._Avatar--wide-s--size-xl_oyd01_231 img {
232
+ ._Avatar--wide-s--size-xl_ub829_231 img {
233
233
  width: var(--6eb1c7);
234
234
  height: var(--6eb1c7);
235
235
  }
236
- ._Avatar--wide-s--size-24_oyd01_235 img {
236
+ ._Avatar--wide-s--size-24_ub829_235 img {
237
237
  width: var(--86aa8e);
238
238
  height: var(--86aa8e);
239
239
  }
240
- ._Avatar--wide-s--size-32_oyd01_239 img {
240
+ ._Avatar--wide-s--size-32_ub829_239 img {
241
241
  width: var(--32bbec);
242
242
  height: var(--32bbec);
243
243
  }
244
- ._Avatar--wide-s--size-48_oyd01_243 img {
244
+ ._Avatar--wide-s--size-48_ub829_243 img {
245
245
  width: var(--950ab5);
246
246
  height: var(--950ab5);
247
247
  }
248
- ._Avatar--wide-s--size-64_oyd01_247 img {
248
+ ._Avatar--wide-s--size-64_ub829_247 img {
249
249
  width: var(--cc5dc7);
250
250
  height: var(--cc5dc7);
251
251
  }
252
- ._Avatar--wide-s--size-96_oyd01_251 img {
252
+ ._Avatar--wide-s--size-96_ub829_251 img {
253
253
  width: var(--796da2);
254
254
  height: var(--796da2);
255
255
  }
256
- ._Avatar--wide-s--size-160_oyd01_255 img {
256
+ ._Avatar--wide-s--size-160_ub829_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_oyd01_261 img {
262
+ ._Avatar--wide-l--size-2xs_ub829_261 img {
263
263
  width: var(--d51f41);
264
264
  height: var(--d51f41);
265
265
  }
266
- ._Avatar--wide-l--size-xs_oyd01_265 img {
266
+ ._Avatar--wide-l--size-xs_ub829_265 img {
267
267
  width: var(--cfdb4f);
268
268
  height: var(--cfdb4f);
269
269
  }
270
- ._Avatar--wide-l--size-s_oyd01_269 img {
270
+ ._Avatar--wide-l--size-s_ub829_269 img {
271
271
  width: var(--2dafbf);
272
272
  height: var(--2dafbf);
273
273
  }
274
- ._Avatar--wide-l--size-m_oyd01_273 img {
274
+ ._Avatar--wide-l--size-m_ub829_273 img {
275
275
  width: var(--b51334);
276
276
  height: var(--b51334);
277
277
  }
278
- ._Avatar--wide-l--size-l_oyd01_277 img {
278
+ ._Avatar--wide-l--size-l_ub829_277 img {
279
279
  width: var(--d318a5);
280
280
  height: var(--d318a5);
281
281
  }
282
- ._Avatar--wide-l--size-xl_oyd01_281 img {
282
+ ._Avatar--wide-l--size-xl_ub829_281 img {
283
283
  width: var(--6eb1c7);
284
284
  height: var(--6eb1c7);
285
285
  }
286
- ._Avatar--wide-l--size-24_oyd01_285 img {
286
+ ._Avatar--wide-l--size-24_ub829_285 img {
287
287
  width: var(--86aa8e);
288
288
  height: var(--86aa8e);
289
289
  }
290
- ._Avatar--wide-l--size-32_oyd01_289 img {
290
+ ._Avatar--wide-l--size-32_ub829_289 img {
291
291
  width: var(--32bbec);
292
292
  height: var(--32bbec);
293
293
  }
294
- ._Avatar--wide-l--size-48_oyd01_293 img {
294
+ ._Avatar--wide-l--size-48_ub829_293 img {
295
295
  width: var(--950ab5);
296
296
  height: var(--950ab5);
297
297
  }
298
- ._Avatar--wide-l--size-64_oyd01_297 img {
298
+ ._Avatar--wide-l--size-64_ub829_297 img {
299
299
  width: var(--cc5dc7);
300
300
  height: var(--cc5dc7);
301
301
  }
302
- ._Avatar--wide-l--size-96_oyd01_301 img {
302
+ ._Avatar--wide-l--size-96_ub829_301 img {
303
303
  width: var(--796da2);
304
304
  height: var(--796da2);
305
305
  }
306
- ._Avatar--wide-l--size-160_oyd01_305 img {
306
+ ._Avatar--wide-l--size-160_ub829_305 img {
307
307
  width: var(--329ba7);
308
308
  height: var(--329ba7);
309
309
  }
310
310
  }
311
- ._Avatar--round_oyd01_310 img {
311
+ ._Avatar--round_ub829_310 img {
312
312
  border-radius: var(--8517a6);
313
313
  }
314
- ._Avatar_oyd01_4 img {
314
+ ._Avatar_ub829_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 Apr 17 2025 14:13:28 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Apr 17 2025 14:13:27 GMT+0000 (Coordinated Universal Time) */
3
- ._AvatarWithStatus_k0f1z_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Apr 22 2025 08:17:52 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Apr 22 2025 08:17:51 GMT+0000 (Coordinated Universal Time) */
3
+ ._AvatarWithStatus_2ip6m_3 {
4
4
  display: inline-block;
5
5
  position: relative;
6
6
  }
7
- ._AvatarWithStatus--indicator_k0f1z_7 {
7
+ ._AvatarWithStatus--indicator_2ip6m_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_k0f1z_15 ._AvatarWithStatus--indicator_k0f1z_7 {
15
+ ._AvatarWithStatus--online_2ip6m_15 ._AvatarWithStatus--indicator_2ip6m_7 {
16
16
  background-color: var(--62b71e);
17
17
  }
18
- ._AvatarWithStatus--size-2xs_k0f1z_18 ._AvatarWithStatus--indicator_k0f1z_7 {
18
+ ._AvatarWithStatus--size-2xs_2ip6m_18 ._AvatarWithStatus--indicator_2ip6m_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_k0f1z_24 ._AvatarWithStatus--indicator_k0f1z_7 {
24
+ ._AvatarWithStatus--size-xs_2ip6m_24 ._AvatarWithStatus--indicator_2ip6m_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_k0f1z_30 ._AvatarWithStatus--indicator_k0f1z_7 {
30
+ ._AvatarWithStatus--size-m_2ip6m_30 ._AvatarWithStatus--indicator_2ip6m_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_k0f1z_36 ._AvatarWithStatus--indicator_k0f1z_7 {
36
+ ._AvatarWithStatus--size-xl_2ip6m_36 ._AvatarWithStatus--indicator_2ip6m_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_k0f1z_42 ._AvatarWithStatus--indicator_k0f1z_7 {
42
+ ._AvatarWithStatus--size-64_2ip6m_42 ._AvatarWithStatus--indicator_2ip6m_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_k0f1z_48 ._AvatarWithStatus--indicator_k0f1z_7 {
48
+ ._AvatarWithStatus--size-96_2ip6m_48 ._AvatarWithStatus--indicator_2ip6m_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_k0f1z_54 ._AvatarWithStatus--indicator_k0f1z_7 {
54
+ ._AvatarWithStatus--size-160_2ip6m_54 ._AvatarWithStatus--indicator_2ip6m_7 {
55
55
  width: var(--523f7d);
56
56
  height: var(--523f7d);
57
57
  right: var(--23067e);