@preply/ds-web-lib 1.4.0 → 1.4.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.
- 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-DD85j9FG.js +27 -0
- package/dist/layout-gap.module-epqpmsIJ.js +139 -0
- package/dist/{layout-grid.module-Cm-SasPL.js → layout-grid.module-BLJUirw-.js} +97 -97
- package/dist/layout-hide.module-IAC5mhAt.js +55 -0
- package/dist/{layout-relative.module-CXJ9jc4G.js → layout-relative.module-B5e88crD.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 +8 -8
- package/dist/index.module-BUa_z1zp.js +0 -27
- package/dist/layout-gap.module-B8MxVdDS.js +0 -139
- package/dist/layout-hide.module-YMORUoLW.js +0 -55
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Apr 02 2025
|
|
3
|
-
@-webkit-keyframes
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 12:55:24 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Apr 02 2025 12:55:27 GMT+0000 (Coordinated Universal Time) */
|
|
3
|
+
@-webkit-keyframes _overlayShow_n5pax_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_n5pax_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_n5pax_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_n5pax_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_n5pax_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_n5pax_21[data-state='open'] {
|
|
53
|
+
-webkit-animation: _overlayShow_n5pax_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
54
|
+
animation: _overlayShow_n5pax_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
._content_n5pax_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_n5pax_31[data-state='open'] {
|
|
87
|
+
-webkit-animation: _contentShow_n5pax_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
88
|
+
animation: _contentShow_n5pax_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
.
|
|
91
|
+
._description_n5pax_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_n5pax_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_n5pax_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 @Wed Apr 02 2025
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Apr 02 2025
|
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Apr 02 2025
|
|
4
|
-
.
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 12:55:24 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Apr 02 2025 12:55:23 GMT+0000 (Coordinated Universal Time) */
|
|
3
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Apr 02 2025 12:55:27 GMT+0000 (Coordinated Universal Time) */
|
|
4
|
+
._Avatar_s1305_4 {
|
|
5
5
|
display: inline-block;
|
|
6
6
|
}
|
|
7
|
-
.
|
|
7
|
+
._Avatar_s1305_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_s1305_12 img {
|
|
14
14
|
width: var(--d51f41);
|
|
15
15
|
height: var(--d51f41);
|
|
16
16
|
}
|
|
17
|
-
._Avatar--size-
|
|
17
|
+
._Avatar--size-xs_s1305_16 img {
|
|
18
18
|
width: var(--cfdb4f);
|
|
19
19
|
height: var(--cfdb4f);
|
|
20
20
|
}
|
|
21
|
-
._Avatar--size-
|
|
21
|
+
._Avatar--size-s_s1305_20 img {
|
|
22
22
|
width: var(--2dafbf);
|
|
23
23
|
height: var(--2dafbf);
|
|
24
24
|
}
|
|
25
|
-
._Avatar--size-
|
|
25
|
+
._Avatar--size-m_s1305_24 img {
|
|
26
26
|
width: var(--b51334);
|
|
27
27
|
height: var(--b51334);
|
|
28
28
|
}
|
|
29
|
-
._Avatar--size-
|
|
29
|
+
._Avatar--size-l_s1305_28 img {
|
|
30
30
|
width: var(--d318a5);
|
|
31
31
|
height: var(--d318a5);
|
|
32
32
|
}
|
|
33
|
-
._Avatar--size-
|
|
33
|
+
._Avatar--size-xl_s1305_32 img {
|
|
34
34
|
width: var(--6eb1c7);
|
|
35
35
|
height: var(--6eb1c7);
|
|
36
36
|
}
|
|
37
|
-
._Avatar--size-
|
|
37
|
+
._Avatar--size-24_s1305_36 img {
|
|
38
38
|
width: var(--86aa8e);
|
|
39
39
|
height: var(--86aa8e);
|
|
40
40
|
}
|
|
41
|
-
._Avatar--size-
|
|
41
|
+
._Avatar--size-32_s1305_40 img {
|
|
42
42
|
width: var(--32bbec);
|
|
43
43
|
height: var(--32bbec);
|
|
44
44
|
}
|
|
45
|
-
._Avatar--size-
|
|
45
|
+
._Avatar--size-48_s1305_44 img {
|
|
46
46
|
width: var(--950ab5);
|
|
47
47
|
height: var(--950ab5);
|
|
48
48
|
}
|
|
49
|
-
._Avatar--size-
|
|
49
|
+
._Avatar--size-64_s1305_48 img {
|
|
50
50
|
width: var(--cc5dc7);
|
|
51
51
|
height: var(--cc5dc7);
|
|
52
52
|
}
|
|
53
|
-
._Avatar--size-
|
|
53
|
+
._Avatar--size-96_s1305_52 img {
|
|
54
54
|
width: var(--796da2);
|
|
55
55
|
height: var(--796da2);
|
|
56
56
|
}
|
|
57
|
-
._Avatar--size-
|
|
57
|
+
._Avatar--size-160_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_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_s1305_305 img {
|
|
307
307
|
width: var(--329ba7);
|
|
308
308
|
height: var(--329ba7);
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
|
-
._Avatar--
|
|
311
|
+
._Avatar--round_s1305_310 img {
|
|
312
312
|
border-radius: var(--8517a6);
|
|
313
313
|
}
|
|
314
|
-
.
|
|
314
|
+
._Avatar_s1305_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 @Wed Apr 02 2025
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Apr 02 2025
|
|
3
|
-
.
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 12:55:24 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Apr 02 2025 12:55:23 GMT+0000 (Coordinated Universal Time) */
|
|
3
|
+
._AvatarWithStatus_15cml_3 {
|
|
4
4
|
display: inline-block;
|
|
5
5
|
position: relative;
|
|
6
6
|
}
|
|
7
|
-
._AvatarWithStatus--
|
|
7
|
+
._AvatarWithStatus--indicator_15cml_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_15cml_15 ._AvatarWithStatus--indicator_15cml_7 {
|
|
16
16
|
background-color: var(--62b71e);
|
|
17
17
|
}
|
|
18
|
-
._AvatarWithStatus--size-
|
|
18
|
+
._AvatarWithStatus--size-2xs_15cml_18 ._AvatarWithStatus--indicator_15cml_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_15cml_24 ._AvatarWithStatus--indicator_15cml_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_15cml_30 ._AvatarWithStatus--indicator_15cml_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_15cml_36 ._AvatarWithStatus--indicator_15cml_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_15cml_42 ._AvatarWithStatus--indicator_15cml_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_15cml_48 ._AvatarWithStatus--indicator_15cml_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_15cml_54 ._AvatarWithStatus--indicator_15cml_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 @Wed Apr 02 2025
|
|
2
|
-
.
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 12:55:24 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
._badge_5w9vj_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_5w9vj_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_5w9vj_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_5w9vj_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_5w9vj_2[data-type='neutral'] {
|
|
37
37
|
background: var(--319b29);
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
._badge_5w9vj_2[data-type='positive'] {
|
|
40
40
|
background: var(--1836a4);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
._badge_5w9vj_2[data-type='warning'] {
|
|
43
43
|
background: var(--b503b8);
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
._badge_5w9vj_2[data-type='info'] {
|
|
46
46
|
background: var(--94a45e);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
._badge_5w9vj_2[data-type='critical'] {
|
|
49
49
|
background: var(--f15644);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._badge_5w9vj_2[data-accent=unset] {
|
|
52
52
|
color: var(--c9575b);
|
|
53
53
|
background-color: var(--8f1238);
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
._badge_5w9vj_2[data-accent=unset][data-inverted=true] {
|
|
56
56
|
color: var(--55407f);
|
|
57
57
|
background-color: var(--7c8c3c);
|
|
58
58
|
}
|
|
59
|
-
.
|
|
59
|
+
._badge_5w9vj_2[data-accent='accent'] {
|
|
60
60
|
color: var(--dede3f);
|
|
61
61
|
background-color: var(--eba8f8);
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
._badge_5w9vj_2[data-accent='accent'][data-inverted=true] {
|
|
64
64
|
color: var(--732eb5);
|
|
65
65
|
background-color: var(--54c075);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
._badge_5w9vj_2[data-accent='info'] {
|
|
68
68
|
color: var(--f3be0c);
|
|
69
69
|
background-color: var(--7a1a33);
|
|
70
70
|
}
|
|
71
|
-
.
|
|
71
|
+
._badge_5w9vj_2[data-accent='info'][data-inverted=true] {
|
|
72
72
|
color: var(--506df4);
|
|
73
73
|
background-color: var(--fa3428);
|
|
74
74
|
}
|
|
75
|
-
.
|
|
75
|
+
._badge_5w9vj_2[data-accent='positive'] {
|
|
76
76
|
color: var(--2a2719);
|
|
77
77
|
background-color: var(--694afa);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
._badge_5w9vj_2[data-accent='positive'][data-inverted=true] {
|
|
80
80
|
color: var(--30c365);
|
|
81
81
|
background-color: var(--47c404);
|
|
82
82
|
}
|
|
83
|
-
.
|
|
83
|
+
._badge_5w9vj_2[data-accent='warning'] {
|
|
84
84
|
color: var(--84e571);
|
|
85
85
|
background-color: var(--02372a);
|
|
86
86
|
}
|
|
87
|
-
.
|
|
87
|
+
._badge_5w9vj_2[data-accent='warning'][data-inverted=true] {
|
|
88
88
|
color: var(--363237);
|
|
89
89
|
background-color: var(--08fa29);
|
|
90
90
|
}
|
|
91
|
-
.
|
|
91
|
+
._badge_5w9vj_2[data-accent='critical'] {
|
|
92
92
|
color: var(--036159);
|
|
93
93
|
background-color: var(--22f022);
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
._badge_5w9vj_2[data-accent='critical'][data-inverted=true] {
|
|
96
96
|
color: var(--90eeff);
|
|
97
97
|
background-color: var(--cdb1f6);
|
|
98
98
|
}
|
|
99
|
-
.
|
|
99
|
+
._badge_5w9vj_2[data-accent='tertiary'] {
|
|
100
100
|
color: var(--d7e14c);
|
|
101
101
|
background-color: var(--a453d7);
|
|
102
102
|
}
|
|
103
|
-
.
|
|
103
|
+
._badge_5w9vj_2[data-accent='tertiary'][data-inverted=true] {
|
|
104
104
|
color: var(--ab5158);
|
|
105
105
|
background-color: var(--50e919);
|
|
106
106
|
}
|