@preply/ds-web-lib 1.4.3 → 1.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/AlertDialog.css +17 -17
- package/dist/assets/Avatar.css +79 -79
- package/dist/assets/AvatarWithStatus.css +12 -12
- package/dist/assets/Badge.css +24 -24
- package/dist/assets/Box.css +171 -171
- package/dist/assets/Button.css +7 -7
- package/dist/assets/ButtonBase.css +245 -245
- package/dist/assets/Chips.css +16 -16
- package/dist/assets/Dialog.css +91 -91
- package/dist/assets/FieldAdditionalText.css +6 -6
- package/dist/assets/FieldButton.css +8 -8
- package/dist/assets/FieldLabel.css +8 -8
- package/dist/assets/FieldLayout.css +29 -29
- package/dist/assets/FieldLayoutBase.css +4 -4
- package/dist/assets/Heading.css +100 -100
- package/dist/assets/Icon.css +14 -14
- package/dist/assets/LayoutFlex.css +1 -1
- package/dist/assets/LayoutFlexItem.css +14 -14
- package/dist/assets/Link.css +32 -32
- package/dist/assets/Loader.css +4 -4
- package/dist/assets/OnboardingTooltip.css +17 -17
- package/dist/assets/OnboardingTour.css +2 -2
- package/dist/assets/PreplyLogo.css +9 -9
- package/dist/assets/ProgressBar.css +3 -3
- package/dist/assets/ProgressSteps.css +7 -7
- package/dist/assets/SelectFieldLayout.css +18 -18
- package/dist/assets/Spinner.css +26 -26
- package/dist/assets/Steps.css +5 -5
- package/dist/assets/Text.css +227 -227
- package/dist/assets/TextHighlighted.css +14 -14
- package/dist/assets/TextInline.css +5 -5
- package/dist/assets/Toast.css +12 -12
- package/dist/assets/Tooltip.css +14 -14
- package/dist/assets/align-self.css +25 -25
- package/dist/assets/color.css +39 -39
- package/dist/assets/exp-color.css +58 -58
- package/dist/assets/index.css +16 -16
- package/dist/assets/layout-gap.css +135 -135
- package/dist/assets/layout-grid.css +100 -100
- package/dist/assets/layout-hide.css +49 -49
- package/dist/assets/layout-padding.css +531 -531
- package/dist/assets/layout-relative.css +2 -2
- package/dist/assets/text-accent.css +18 -18
- package/dist/assets/text-centered.css +13 -13
- package/dist/assets/text-weight.css +8 -8
- package/dist/components/AlertDialog/AlertDialog.js +4 -4
- package/dist/components/Avatar/Avatar.js +74 -74
- package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/Box/Box.js +150 -150
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Chips/Chips.js +4 -4
- package/dist/components/Dialog/Dialog.js +35 -35
- package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
- package/dist/components/FieldButton/FieldButton.js +1 -1
- package/dist/components/FieldLayout/FieldLayout.js +7 -7
- package/dist/components/Heading/Heading.js +97 -97
- package/dist/components/Icon/Icon.js +10 -10
- package/dist/components/LayoutFlex/LayoutFlex.js +3 -3
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
- package/dist/components/Link/Link.js +18 -18
- package/dist/components/Loader/Loader.js +3 -3
- package/dist/components/OnboardingTooltip/OnboardingTooltip.js +5 -5
- package/dist/components/OnboardingTour/OnboardingTour.js +1 -1
- package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/ProgressSteps/ProgressSteps.js +2 -2
- package/dist/components/Steps/Steps.js +4 -4
- package/dist/components/Text/Text.js +224 -224
- package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
- package/dist/components/TextInline/TextInline.js +2 -2
- package/dist/components/Toast/Toast.js +5 -5
- package/dist/components/Tooltip/Tooltip.js +2 -2
- package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
- package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
- package/dist/components/private/Input/Checkbox.js +1 -1
- package/dist/components/private/Input/InputDate.js +1 -1
- package/dist/components/private/Input/InputNumber.js +1 -1
- package/dist/components/private/Input/InputPassword.js +1 -1
- package/dist/components/private/Input/InputText.js +1 -1
- package/dist/components/private/Input/InputTime.js +1 -1
- package/dist/components/private/Input/Radio.js +1 -1
- package/dist/components/private/Input/Select.js +1 -1
- package/dist/components/private/Input/Textarea.js +1 -1
- package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
- package/dist/components/private/Spinner/Spinner.js +16 -16
- package/dist/index.module-BS0Uqwt2.js +27 -0
- package/dist/layout-gap.module-D6neqy11.js +139 -0
- package/dist/{layout-grid.module-CPHI8Yyu.js → layout-grid.module-r1QJQ0OA.js} +97 -97
- package/dist/layout-hide.module-CNnAuwzK.js +55 -0
- package/dist/{layout-relative.module-CpQbo91e.js → layout-relative.module-BNXaOnm9.js} +2 -2
- package/dist/shared-styles/align-self/align-self.js +25 -25
- package/dist/shared-styles/color/color.js +38 -38
- package/dist/shared-styles/exp-color/exp-color.js +57 -57
- package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
- package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
- package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
- package/dist/shared-styles/layout-hide/layout-hide.js +1 -1
- package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
- package/dist/shared-styles/layout-relative/layout-relative.js +1 -1
- package/dist/shared-styles/text-accent/text-accent.js +17 -17
- package/dist/shared-styles/text-centered/text-centered.js +13 -13
- package/dist/shared-styles/text-weight/text-weight.js +7 -7
- package/package.json +13 -13
- package/dist/index.module-DXJFz2vV.js +0 -27
- package/dist/layout-gap.module-BXKUpskL.js +0 -139
- package/dist/layout-hide.module-D7M9PwD0.js +0 -55
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
|
3
|
-
@-webkit-keyframes
|
|
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 {
|
|
4
4
|
from {
|
|
5
5
|
opacity: 0;
|
|
6
6
|
}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
opacity: 1;
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
|
-
@keyframes
|
|
11
|
+
@keyframes _overlayShow_192nk_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
|
|
19
|
+
@-webkit-keyframes _contentShow_192nk_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
|
|
31
|
+
@keyframes _contentShow_192nk_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
|
-
.
|
|
43
|
+
._overlay_192nk_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
|
-
.
|
|
53
|
-
-webkit-animation:
|
|
54
|
-
animation:
|
|
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);
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
._content_192nk_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
|
-
.
|
|
87
|
-
-webkit-animation:
|
|
88
|
-
animation:
|
|
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);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
.
|
|
91
|
+
._description_192nk_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
|
-
.
|
|
97
|
+
._actions_192nk_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
|
-
.
|
|
108
|
+
._actions_192nk_58 {
|
|
109
109
|
-webkit-box-orient: horizontal;
|
|
110
110
|
-webkit-box-direction: normal;
|
|
111
111
|
-ms-flex-direction: row;
|
package/dist/assets/Avatar.css
CHANGED
|
@@ -1,317 +1,317 @@
|
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @
|
|
4
|
-
.
|
|
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 {
|
|
5
5
|
display: inline-block;
|
|
6
6
|
}
|
|
7
|
-
.
|
|
7
|
+
._Avatar_oyd01_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-
|
|
13
|
+
._Avatar--size-2xs_oyd01_12 img {
|
|
14
14
|
width: var(--d51f41);
|
|
15
15
|
height: var(--d51f41);
|
|
16
16
|
}
|
|
17
|
-
._Avatar--size-
|
|
17
|
+
._Avatar--size-xs_oyd01_16 img {
|
|
18
18
|
width: var(--cfdb4f);
|
|
19
19
|
height: var(--cfdb4f);
|
|
20
20
|
}
|
|
21
|
-
._Avatar--size-
|
|
21
|
+
._Avatar--size-s_oyd01_20 img {
|
|
22
22
|
width: var(--2dafbf);
|
|
23
23
|
height: var(--2dafbf);
|
|
24
24
|
}
|
|
25
|
-
._Avatar--size-
|
|
25
|
+
._Avatar--size-m_oyd01_24 img {
|
|
26
26
|
width: var(--b51334);
|
|
27
27
|
height: var(--b51334);
|
|
28
28
|
}
|
|
29
|
-
._Avatar--size-
|
|
29
|
+
._Avatar--size-l_oyd01_28 img {
|
|
30
30
|
width: var(--d318a5);
|
|
31
31
|
height: var(--d318a5);
|
|
32
32
|
}
|
|
33
|
-
._Avatar--size-
|
|
33
|
+
._Avatar--size-xl_oyd01_32 img {
|
|
34
34
|
width: var(--6eb1c7);
|
|
35
35
|
height: var(--6eb1c7);
|
|
36
36
|
}
|
|
37
|
-
._Avatar--size-
|
|
37
|
+
._Avatar--size-24_oyd01_36 img {
|
|
38
38
|
width: var(--86aa8e);
|
|
39
39
|
height: var(--86aa8e);
|
|
40
40
|
}
|
|
41
|
-
._Avatar--size-
|
|
41
|
+
._Avatar--size-32_oyd01_40 img {
|
|
42
42
|
width: var(--32bbec);
|
|
43
43
|
height: var(--32bbec);
|
|
44
44
|
}
|
|
45
|
-
._Avatar--size-
|
|
45
|
+
._Avatar--size-48_oyd01_44 img {
|
|
46
46
|
width: var(--950ab5);
|
|
47
47
|
height: var(--950ab5);
|
|
48
48
|
}
|
|
49
|
-
._Avatar--size-
|
|
49
|
+
._Avatar--size-64_oyd01_48 img {
|
|
50
50
|
width: var(--cc5dc7);
|
|
51
51
|
height: var(--cc5dc7);
|
|
52
52
|
}
|
|
53
|
-
._Avatar--size-
|
|
53
|
+
._Avatar--size-96_oyd01_52 img {
|
|
54
54
|
width: var(--796da2);
|
|
55
55
|
height: var(--796da2);
|
|
56
56
|
}
|
|
57
|
-
._Avatar--size-
|
|
57
|
+
._Avatar--size-160_oyd01_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-
|
|
62
|
+
._Avatar--narrow-l--size-2xs_oyd01_61 img {
|
|
63
63
|
width: var(--d51f41);
|
|
64
64
|
height: var(--d51f41);
|
|
65
65
|
}
|
|
66
|
-
._Avatar--narrow-l--size-
|
|
66
|
+
._Avatar--narrow-l--size-xs_oyd01_65 img {
|
|
67
67
|
width: var(--cfdb4f);
|
|
68
68
|
height: var(--cfdb4f);
|
|
69
69
|
}
|
|
70
|
-
._Avatar--narrow-l--size-
|
|
70
|
+
._Avatar--narrow-l--size-s_oyd01_69 img {
|
|
71
71
|
width: var(--2dafbf);
|
|
72
72
|
height: var(--2dafbf);
|
|
73
73
|
}
|
|
74
|
-
._Avatar--narrow-l--size-
|
|
74
|
+
._Avatar--narrow-l--size-m_oyd01_73 img {
|
|
75
75
|
width: var(--b51334);
|
|
76
76
|
height: var(--b51334);
|
|
77
77
|
}
|
|
78
|
-
._Avatar--narrow-l--size-
|
|
78
|
+
._Avatar--narrow-l--size-l_oyd01_77 img {
|
|
79
79
|
width: var(--d318a5);
|
|
80
80
|
height: var(--d318a5);
|
|
81
81
|
}
|
|
82
|
-
._Avatar--narrow-l--size-
|
|
82
|
+
._Avatar--narrow-l--size-xl_oyd01_81 img {
|
|
83
83
|
width: var(--6eb1c7);
|
|
84
84
|
height: var(--6eb1c7);
|
|
85
85
|
}
|
|
86
|
-
._Avatar--narrow-l--size-
|
|
86
|
+
._Avatar--narrow-l--size-24_oyd01_85 img {
|
|
87
87
|
width: var(--86aa8e);
|
|
88
88
|
height: var(--86aa8e);
|
|
89
89
|
}
|
|
90
|
-
._Avatar--narrow-l--size-
|
|
90
|
+
._Avatar--narrow-l--size-32_oyd01_89 img {
|
|
91
91
|
width: var(--32bbec);
|
|
92
92
|
height: var(--32bbec);
|
|
93
93
|
}
|
|
94
|
-
._Avatar--narrow-l--size-
|
|
94
|
+
._Avatar--narrow-l--size-48_oyd01_93 img {
|
|
95
95
|
width: var(--950ab5);
|
|
96
96
|
height: var(--950ab5);
|
|
97
97
|
}
|
|
98
|
-
._Avatar--narrow-l--size-
|
|
98
|
+
._Avatar--narrow-l--size-64_oyd01_97 img {
|
|
99
99
|
width: var(--cc5dc7);
|
|
100
100
|
height: var(--cc5dc7);
|
|
101
101
|
}
|
|
102
|
-
._Avatar--narrow-l--size-
|
|
102
|
+
._Avatar--narrow-l--size-96_oyd01_101 img {
|
|
103
103
|
width: var(--796da2);
|
|
104
104
|
height: var(--796da2);
|
|
105
105
|
}
|
|
106
|
-
._Avatar--narrow-l--size-
|
|
106
|
+
._Avatar--narrow-l--size-160_oyd01_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-
|
|
112
|
+
._Avatar--medium-s--size-2xs_oyd01_111 img {
|
|
113
113
|
width: var(--d51f41);
|
|
114
114
|
height: var(--d51f41);
|
|
115
115
|
}
|
|
116
|
-
._Avatar--medium-s--size-
|
|
116
|
+
._Avatar--medium-s--size-xs_oyd01_115 img {
|
|
117
117
|
width: var(--cfdb4f);
|
|
118
118
|
height: var(--cfdb4f);
|
|
119
119
|
}
|
|
120
|
-
._Avatar--medium-s--size-
|
|
120
|
+
._Avatar--medium-s--size-s_oyd01_119 img {
|
|
121
121
|
width: var(--2dafbf);
|
|
122
122
|
height: var(--2dafbf);
|
|
123
123
|
}
|
|
124
|
-
._Avatar--medium-s--size-
|
|
124
|
+
._Avatar--medium-s--size-m_oyd01_123 img {
|
|
125
125
|
width: var(--b51334);
|
|
126
126
|
height: var(--b51334);
|
|
127
127
|
}
|
|
128
|
-
._Avatar--medium-s--size-
|
|
128
|
+
._Avatar--medium-s--size-l_oyd01_127 img {
|
|
129
129
|
width: var(--d318a5);
|
|
130
130
|
height: var(--d318a5);
|
|
131
131
|
}
|
|
132
|
-
._Avatar--medium-s--size-
|
|
132
|
+
._Avatar--medium-s--size-xl_oyd01_131 img {
|
|
133
133
|
width: var(--6eb1c7);
|
|
134
134
|
height: var(--6eb1c7);
|
|
135
135
|
}
|
|
136
|
-
._Avatar--medium-s--size-
|
|
136
|
+
._Avatar--medium-s--size-24_oyd01_135 img {
|
|
137
137
|
width: var(--86aa8e);
|
|
138
138
|
height: var(--86aa8e);
|
|
139
139
|
}
|
|
140
|
-
._Avatar--medium-s--size-
|
|
140
|
+
._Avatar--medium-s--size-32_oyd01_139 img {
|
|
141
141
|
width: var(--32bbec);
|
|
142
142
|
height: var(--32bbec);
|
|
143
143
|
}
|
|
144
|
-
._Avatar--medium-s--size-
|
|
144
|
+
._Avatar--medium-s--size-48_oyd01_143 img {
|
|
145
145
|
width: var(--950ab5);
|
|
146
146
|
height: var(--950ab5);
|
|
147
147
|
}
|
|
148
|
-
._Avatar--medium-s--size-
|
|
148
|
+
._Avatar--medium-s--size-64_oyd01_147 img {
|
|
149
149
|
width: var(--cc5dc7);
|
|
150
150
|
height: var(--cc5dc7);
|
|
151
151
|
}
|
|
152
|
-
._Avatar--medium-s--size-
|
|
152
|
+
._Avatar--medium-s--size-96_oyd01_151 img {
|
|
153
153
|
width: var(--796da2);
|
|
154
154
|
height: var(--796da2);
|
|
155
155
|
}
|
|
156
|
-
._Avatar--medium-s--size-
|
|
156
|
+
._Avatar--medium-s--size-160_oyd01_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-
|
|
162
|
+
._Avatar--medium-l--size-2xs_oyd01_161 img {
|
|
163
163
|
width: var(--d51f41);
|
|
164
164
|
height: var(--d51f41);
|
|
165
165
|
}
|
|
166
|
-
._Avatar--medium-l--size-
|
|
166
|
+
._Avatar--medium-l--size-xs_oyd01_165 img {
|
|
167
167
|
width: var(--cfdb4f);
|
|
168
168
|
height: var(--cfdb4f);
|
|
169
169
|
}
|
|
170
|
-
._Avatar--medium-l--size-
|
|
170
|
+
._Avatar--medium-l--size-s_oyd01_169 img {
|
|
171
171
|
width: var(--2dafbf);
|
|
172
172
|
height: var(--2dafbf);
|
|
173
173
|
}
|
|
174
|
-
._Avatar--medium-l--size-
|
|
174
|
+
._Avatar--medium-l--size-m_oyd01_173 img {
|
|
175
175
|
width: var(--b51334);
|
|
176
176
|
height: var(--b51334);
|
|
177
177
|
}
|
|
178
|
-
._Avatar--medium-l--size-
|
|
178
|
+
._Avatar--medium-l--size-l_oyd01_177 img {
|
|
179
179
|
width: var(--d318a5);
|
|
180
180
|
height: var(--d318a5);
|
|
181
181
|
}
|
|
182
|
-
._Avatar--medium-l--size-
|
|
182
|
+
._Avatar--medium-l--size-xl_oyd01_181 img {
|
|
183
183
|
width: var(--6eb1c7);
|
|
184
184
|
height: var(--6eb1c7);
|
|
185
185
|
}
|
|
186
|
-
._Avatar--medium-l--size-
|
|
186
|
+
._Avatar--medium-l--size-24_oyd01_185 img {
|
|
187
187
|
width: var(--86aa8e);
|
|
188
188
|
height: var(--86aa8e);
|
|
189
189
|
}
|
|
190
|
-
._Avatar--medium-l--size-
|
|
190
|
+
._Avatar--medium-l--size-32_oyd01_189 img {
|
|
191
191
|
width: var(--32bbec);
|
|
192
192
|
height: var(--32bbec);
|
|
193
193
|
}
|
|
194
|
-
._Avatar--medium-l--size-
|
|
194
|
+
._Avatar--medium-l--size-48_oyd01_193 img {
|
|
195
195
|
width: var(--950ab5);
|
|
196
196
|
height: var(--950ab5);
|
|
197
197
|
}
|
|
198
|
-
._Avatar--medium-l--size-
|
|
198
|
+
._Avatar--medium-l--size-64_oyd01_197 img {
|
|
199
199
|
width: var(--cc5dc7);
|
|
200
200
|
height: var(--cc5dc7);
|
|
201
201
|
}
|
|
202
|
-
._Avatar--medium-l--size-
|
|
202
|
+
._Avatar--medium-l--size-96_oyd01_201 img {
|
|
203
203
|
width: var(--796da2);
|
|
204
204
|
height: var(--796da2);
|
|
205
205
|
}
|
|
206
|
-
._Avatar--medium-l--size-
|
|
206
|
+
._Avatar--medium-l--size-160_oyd01_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-
|
|
212
|
+
._Avatar--wide-s--size-2xs_oyd01_211 img {
|
|
213
213
|
width: var(--d51f41);
|
|
214
214
|
height: var(--d51f41);
|
|
215
215
|
}
|
|
216
|
-
._Avatar--wide-s--size-
|
|
216
|
+
._Avatar--wide-s--size-xs_oyd01_215 img {
|
|
217
217
|
width: var(--cfdb4f);
|
|
218
218
|
height: var(--cfdb4f);
|
|
219
219
|
}
|
|
220
|
-
._Avatar--wide-s--size-
|
|
220
|
+
._Avatar--wide-s--size-s_oyd01_219 img {
|
|
221
221
|
width: var(--2dafbf);
|
|
222
222
|
height: var(--2dafbf);
|
|
223
223
|
}
|
|
224
|
-
._Avatar--wide-s--size-
|
|
224
|
+
._Avatar--wide-s--size-m_oyd01_223 img {
|
|
225
225
|
width: var(--b51334);
|
|
226
226
|
height: var(--b51334);
|
|
227
227
|
}
|
|
228
|
-
._Avatar--wide-s--size-
|
|
228
|
+
._Avatar--wide-s--size-l_oyd01_227 img {
|
|
229
229
|
width: var(--d318a5);
|
|
230
230
|
height: var(--d318a5);
|
|
231
231
|
}
|
|
232
|
-
._Avatar--wide-s--size-
|
|
232
|
+
._Avatar--wide-s--size-xl_oyd01_231 img {
|
|
233
233
|
width: var(--6eb1c7);
|
|
234
234
|
height: var(--6eb1c7);
|
|
235
235
|
}
|
|
236
|
-
._Avatar--wide-s--size-
|
|
236
|
+
._Avatar--wide-s--size-24_oyd01_235 img {
|
|
237
237
|
width: var(--86aa8e);
|
|
238
238
|
height: var(--86aa8e);
|
|
239
239
|
}
|
|
240
|
-
._Avatar--wide-s--size-
|
|
240
|
+
._Avatar--wide-s--size-32_oyd01_239 img {
|
|
241
241
|
width: var(--32bbec);
|
|
242
242
|
height: var(--32bbec);
|
|
243
243
|
}
|
|
244
|
-
._Avatar--wide-s--size-
|
|
244
|
+
._Avatar--wide-s--size-48_oyd01_243 img {
|
|
245
245
|
width: var(--950ab5);
|
|
246
246
|
height: var(--950ab5);
|
|
247
247
|
}
|
|
248
|
-
._Avatar--wide-s--size-
|
|
248
|
+
._Avatar--wide-s--size-64_oyd01_247 img {
|
|
249
249
|
width: var(--cc5dc7);
|
|
250
250
|
height: var(--cc5dc7);
|
|
251
251
|
}
|
|
252
|
-
._Avatar--wide-s--size-
|
|
252
|
+
._Avatar--wide-s--size-96_oyd01_251 img {
|
|
253
253
|
width: var(--796da2);
|
|
254
254
|
height: var(--796da2);
|
|
255
255
|
}
|
|
256
|
-
._Avatar--wide-s--size-
|
|
256
|
+
._Avatar--wide-s--size-160_oyd01_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-
|
|
262
|
+
._Avatar--wide-l--size-2xs_oyd01_261 img {
|
|
263
263
|
width: var(--d51f41);
|
|
264
264
|
height: var(--d51f41);
|
|
265
265
|
}
|
|
266
|
-
._Avatar--wide-l--size-
|
|
266
|
+
._Avatar--wide-l--size-xs_oyd01_265 img {
|
|
267
267
|
width: var(--cfdb4f);
|
|
268
268
|
height: var(--cfdb4f);
|
|
269
269
|
}
|
|
270
|
-
._Avatar--wide-l--size-
|
|
270
|
+
._Avatar--wide-l--size-s_oyd01_269 img {
|
|
271
271
|
width: var(--2dafbf);
|
|
272
272
|
height: var(--2dafbf);
|
|
273
273
|
}
|
|
274
|
-
._Avatar--wide-l--size-
|
|
274
|
+
._Avatar--wide-l--size-m_oyd01_273 img {
|
|
275
275
|
width: var(--b51334);
|
|
276
276
|
height: var(--b51334);
|
|
277
277
|
}
|
|
278
|
-
._Avatar--wide-l--size-
|
|
278
|
+
._Avatar--wide-l--size-l_oyd01_277 img {
|
|
279
279
|
width: var(--d318a5);
|
|
280
280
|
height: var(--d318a5);
|
|
281
281
|
}
|
|
282
|
-
._Avatar--wide-l--size-
|
|
282
|
+
._Avatar--wide-l--size-xl_oyd01_281 img {
|
|
283
283
|
width: var(--6eb1c7);
|
|
284
284
|
height: var(--6eb1c7);
|
|
285
285
|
}
|
|
286
|
-
._Avatar--wide-l--size-
|
|
286
|
+
._Avatar--wide-l--size-24_oyd01_285 img {
|
|
287
287
|
width: var(--86aa8e);
|
|
288
288
|
height: var(--86aa8e);
|
|
289
289
|
}
|
|
290
|
-
._Avatar--wide-l--size-
|
|
290
|
+
._Avatar--wide-l--size-32_oyd01_289 img {
|
|
291
291
|
width: var(--32bbec);
|
|
292
292
|
height: var(--32bbec);
|
|
293
293
|
}
|
|
294
|
-
._Avatar--wide-l--size-
|
|
294
|
+
._Avatar--wide-l--size-48_oyd01_293 img {
|
|
295
295
|
width: var(--950ab5);
|
|
296
296
|
height: var(--950ab5);
|
|
297
297
|
}
|
|
298
|
-
._Avatar--wide-l--size-
|
|
298
|
+
._Avatar--wide-l--size-64_oyd01_297 img {
|
|
299
299
|
width: var(--cc5dc7);
|
|
300
300
|
height: var(--cc5dc7);
|
|
301
301
|
}
|
|
302
|
-
._Avatar--wide-l--size-
|
|
302
|
+
._Avatar--wide-l--size-96_oyd01_301 img {
|
|
303
303
|
width: var(--796da2);
|
|
304
304
|
height: var(--796da2);
|
|
305
305
|
}
|
|
306
|
-
._Avatar--wide-l--size-
|
|
306
|
+
._Avatar--wide-l--size-160_oyd01_305 img {
|
|
307
307
|
width: var(--329ba7);
|
|
308
308
|
height: var(--329ba7);
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
|
-
._Avatar--
|
|
311
|
+
._Avatar--round_oyd01_310 img {
|
|
312
312
|
border-radius: var(--8517a6);
|
|
313
313
|
}
|
|
314
|
-
.
|
|
314
|
+
._Avatar_oyd01_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 @
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @
|
|
3
|
-
.
|
|
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 {
|
|
4
4
|
display: inline-block;
|
|
5
5
|
position: relative;
|
|
6
6
|
}
|
|
7
|
-
._AvatarWithStatus--
|
|
7
|
+
._AvatarWithStatus--indicator_k0f1z_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--
|
|
15
|
+
._AvatarWithStatus--online_k0f1z_15 ._AvatarWithStatus--indicator_k0f1z_7 {
|
|
16
16
|
background-color: var(--62b71e);
|
|
17
17
|
}
|
|
18
|
-
._AvatarWithStatus--size-
|
|
18
|
+
._AvatarWithStatus--size-2xs_k0f1z_18 ._AvatarWithStatus--indicator_k0f1z_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-
|
|
24
|
+
._AvatarWithStatus--size-xs_k0f1z_24 ._AvatarWithStatus--indicator_k0f1z_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-
|
|
30
|
+
._AvatarWithStatus--size-m_k0f1z_30 ._AvatarWithStatus--indicator_k0f1z_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-
|
|
36
|
+
._AvatarWithStatus--size-xl_k0f1z_36 ._AvatarWithStatus--indicator_k0f1z_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-
|
|
42
|
+
._AvatarWithStatus--size-64_k0f1z_42 ._AvatarWithStatus--indicator_k0f1z_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-
|
|
48
|
+
._AvatarWithStatus--size-96_k0f1z_48 ._AvatarWithStatus--indicator_k0f1z_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-
|
|
54
|
+
._AvatarWithStatus--size-160_k0f1z_54 ._AvatarWithStatus--indicator_k0f1z_7 {
|
|
55
55
|
width: var(--523f7d);
|
|
56
56
|
height: var(--523f7d);
|
|
57
57
|
right: var(--23067e);
|
package/dist/assets/Badge.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @
|
|
2
|
-
.
|
|
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
|
+
._badge_bd67q_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
|
-
.
|
|
17
|
+
._badge_bd67q_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
|
-
.
|
|
23
|
+
._badge_bd67q_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
|
-
.
|
|
29
|
+
._badge_bd67q_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
|
-
.
|
|
36
|
+
._badge_bd67q_2[data-type='neutral'] {
|
|
37
37
|
background: var(--319b29);
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
._badge_bd67q_2[data-type='positive'] {
|
|
40
40
|
background: var(--1836a4);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
._badge_bd67q_2[data-type='warning'] {
|
|
43
43
|
background: var(--b503b8);
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
._badge_bd67q_2[data-type='info'] {
|
|
46
46
|
background: var(--94a45e);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
._badge_bd67q_2[data-type='critical'] {
|
|
49
49
|
background: var(--f15644);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._badge_bd67q_2[data-accent=unset] {
|
|
52
52
|
color: var(--c9575b);
|
|
53
53
|
background-color: var(--8f1238);
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
._badge_bd67q_2[data-accent=unset][data-inverted=true] {
|
|
56
56
|
color: var(--55407f);
|
|
57
57
|
background-color: var(--7c8c3c);
|
|
58
58
|
}
|
|
59
|
-
.
|
|
59
|
+
._badge_bd67q_2[data-accent='accent'] {
|
|
60
60
|
color: var(--dede3f);
|
|
61
61
|
background-color: var(--eba8f8);
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
._badge_bd67q_2[data-accent='accent'][data-inverted=true] {
|
|
64
64
|
color: var(--732eb5);
|
|
65
65
|
background-color: var(--54c075);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
._badge_bd67q_2[data-accent='info'] {
|
|
68
68
|
color: var(--f3be0c);
|
|
69
69
|
background-color: var(--7a1a33);
|
|
70
70
|
}
|
|
71
|
-
.
|
|
71
|
+
._badge_bd67q_2[data-accent='info'][data-inverted=true] {
|
|
72
72
|
color: var(--506df4);
|
|
73
73
|
background-color: var(--fa3428);
|
|
74
74
|
}
|
|
75
|
-
.
|
|
75
|
+
._badge_bd67q_2[data-accent='positive'] {
|
|
76
76
|
color: var(--2a2719);
|
|
77
77
|
background-color: var(--694afa);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
._badge_bd67q_2[data-accent='positive'][data-inverted=true] {
|
|
80
80
|
color: var(--30c365);
|
|
81
81
|
background-color: var(--47c404);
|
|
82
82
|
}
|
|
83
|
-
.
|
|
83
|
+
._badge_bd67q_2[data-accent='warning'] {
|
|
84
84
|
color: var(--84e571);
|
|
85
85
|
background-color: var(--02372a);
|
|
86
86
|
}
|
|
87
|
-
.
|
|
87
|
+
._badge_bd67q_2[data-accent='warning'][data-inverted=true] {
|
|
88
88
|
color: var(--363237);
|
|
89
89
|
background-color: var(--08fa29);
|
|
90
90
|
}
|
|
91
|
-
.
|
|
91
|
+
._badge_bd67q_2[data-accent='critical'] {
|
|
92
92
|
color: var(--036159);
|
|
93
93
|
background-color: var(--22f022);
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
._badge_bd67q_2[data-accent='critical'][data-inverted=true] {
|
|
96
96
|
color: var(--90eeff);
|
|
97
97
|
background-color: var(--cdb1f6);
|
|
98
98
|
}
|
|
99
|
-
.
|
|
99
|
+
._badge_bd67q_2[data-accent='tertiary'] {
|
|
100
100
|
color: var(--d7e14c);
|
|
101
101
|
background-color: var(--a453d7);
|
|
102
102
|
}
|
|
103
|
-
.
|
|
103
|
+
._badge_bd67q_2[data-accent='tertiary'][data-inverted=true] {
|
|
104
104
|
color: var(--ab5158);
|
|
105
105
|
background-color: var(--50e919);
|
|
106
106
|
}
|