@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.
- 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-v4nAc-_q.js +27 -0
- package/dist/layout-gap.module-BRl-r4iq.js +139 -0
- package/dist/{layout-grid.module-YxQ1leYH.js → layout-grid.module-CKp47Yfz.js} +97 -97
- package/dist/layout-hide.module-CxXbAgTg.js +55 -0
- package/dist/{layout-relative.module-BIEPDZE2.js → layout-relative.module-DIaUqnvq.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-DeaW0ui4.js +0 -27
- package/dist/layout-gap.module-DLR1C9EV.js +0 -139
- 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
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025
|
|
3
|
-
@-webkit-keyframes
|
|
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
|
|
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
|
|
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
|
|
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
|
-
.
|
|
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
|
-
.
|
|
53
|
-
-webkit-animation:
|
|
54
|
-
animation:
|
|
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
|
-
.
|
|
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
|
-
.
|
|
87
|
-
-webkit-animation:
|
|
88
|
-
animation:
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
108
|
+
._actions_do5t6_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 @Thu May 08 2025
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025
|
|
3
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025
|
|
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
|
-
.
|
|
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-
|
|
13
|
+
._Avatar--size-2xs_1lhfo_12 img {
|
|
14
14
|
width: var(--d51f41);
|
|
15
15
|
height: var(--d51f41);
|
|
16
16
|
}
|
|
17
|
-
._Avatar--size-
|
|
17
|
+
._Avatar--size-xs_1lhfo_16 img {
|
|
18
18
|
width: var(--cfdb4f);
|
|
19
19
|
height: var(--cfdb4f);
|
|
20
20
|
}
|
|
21
|
-
._Avatar--size-
|
|
21
|
+
._Avatar--size-s_1lhfo_20 img {
|
|
22
22
|
width: var(--2dafbf);
|
|
23
23
|
height: var(--2dafbf);
|
|
24
24
|
}
|
|
25
|
-
._Avatar--size-
|
|
25
|
+
._Avatar--size-m_1lhfo_24 img {
|
|
26
26
|
width: var(--b51334);
|
|
27
27
|
height: var(--b51334);
|
|
28
28
|
}
|
|
29
|
-
._Avatar--size-
|
|
29
|
+
._Avatar--size-l_1lhfo_28 img {
|
|
30
30
|
width: var(--d318a5);
|
|
31
31
|
height: var(--d318a5);
|
|
32
32
|
}
|
|
33
|
-
._Avatar--size-
|
|
33
|
+
._Avatar--size-xl_1lhfo_32 img {
|
|
34
34
|
width: var(--6eb1c7);
|
|
35
35
|
height: var(--6eb1c7);
|
|
36
36
|
}
|
|
37
|
-
._Avatar--size-
|
|
37
|
+
._Avatar--size-24_1lhfo_36 img {
|
|
38
38
|
width: var(--86aa8e);
|
|
39
39
|
height: var(--86aa8e);
|
|
40
40
|
}
|
|
41
|
-
._Avatar--size-
|
|
41
|
+
._Avatar--size-32_1lhfo_40 img {
|
|
42
42
|
width: var(--32bbec);
|
|
43
43
|
height: var(--32bbec);
|
|
44
44
|
}
|
|
45
|
-
._Avatar--size-
|
|
45
|
+
._Avatar--size-48_1lhfo_44 img {
|
|
46
46
|
width: var(--950ab5);
|
|
47
47
|
height: var(--950ab5);
|
|
48
48
|
}
|
|
49
|
-
._Avatar--size-
|
|
49
|
+
._Avatar--size-64_1lhfo_48 img {
|
|
50
50
|
width: var(--cc5dc7);
|
|
51
51
|
height: var(--cc5dc7);
|
|
52
52
|
}
|
|
53
|
-
._Avatar--size-
|
|
53
|
+
._Avatar--size-96_1lhfo_52 img {
|
|
54
54
|
width: var(--796da2);
|
|
55
55
|
height: var(--796da2);
|
|
56
56
|
}
|
|
57
|
-
._Avatar--size-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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--
|
|
311
|
+
._Avatar--round_1lhfo_310 img {
|
|
312
312
|
border-radius: var(--8517a6);
|
|
313
313
|
}
|
|
314
|
-
.
|
|
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
|
|
2
|
-
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025
|
|
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--
|
|
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--
|
|
15
|
+
._AvatarWithStatus--online_1npcw_15 ._AvatarWithStatus--indicator_1npcw_7 {
|
|
16
16
|
background-color: var(--62b71e);
|
|
17
17
|
}
|
|
18
|
-
._AvatarWithStatus--size-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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);
|
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 @Thu May 08 2025
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
36
|
+
._badge_tnpug_2[data-type='neutral'] {
|
|
37
37
|
background: var(--319b29);
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
._badge_tnpug_2[data-type='positive'] {
|
|
40
40
|
background: var(--1836a4);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
._badge_tnpug_2[data-type='warning'] {
|
|
43
43
|
background: var(--b503b8);
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
._badge_tnpug_2[data-type='info'] {
|
|
46
46
|
background: var(--94a45e);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
._badge_tnpug_2[data-type='critical'] {
|
|
49
49
|
background: var(--f15644);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._badge_tnpug_2[data-accent=unset] {
|
|
52
52
|
color: var(--c9575b);
|
|
53
53
|
background-color: var(--8f1238);
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
._badge_tnpug_2[data-accent=unset][data-inverted=true] {
|
|
56
56
|
color: var(--55407f);
|
|
57
57
|
background-color: var(--7c8c3c);
|
|
58
58
|
}
|
|
59
|
-
.
|
|
59
|
+
._badge_tnpug_2[data-accent='accent'] {
|
|
60
60
|
color: var(--dede3f);
|
|
61
61
|
background-color: var(--eba8f8);
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
._badge_tnpug_2[data-accent='accent'][data-inverted=true] {
|
|
64
64
|
color: var(--732eb5);
|
|
65
65
|
background-color: var(--54c075);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
._badge_tnpug_2[data-accent='info'] {
|
|
68
68
|
color: var(--f3be0c);
|
|
69
69
|
background-color: var(--7a1a33);
|
|
70
70
|
}
|
|
71
|
-
.
|
|
71
|
+
._badge_tnpug_2[data-accent='info'][data-inverted=true] {
|
|
72
72
|
color: var(--506df4);
|
|
73
73
|
background-color: var(--fa3428);
|
|
74
74
|
}
|
|
75
|
-
.
|
|
75
|
+
._badge_tnpug_2[data-accent='positive'] {
|
|
76
76
|
color: var(--2a2719);
|
|
77
77
|
background-color: var(--694afa);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
._badge_tnpug_2[data-accent='positive'][data-inverted=true] {
|
|
80
80
|
color: var(--30c365);
|
|
81
81
|
background-color: var(--47c404);
|
|
82
82
|
}
|
|
83
|
-
.
|
|
83
|
+
._badge_tnpug_2[data-accent='warning'] {
|
|
84
84
|
color: var(--84e571);
|
|
85
85
|
background-color: var(--02372a);
|
|
86
86
|
}
|
|
87
|
-
.
|
|
87
|
+
._badge_tnpug_2[data-accent='warning'][data-inverted=true] {
|
|
88
88
|
color: var(--363237);
|
|
89
89
|
background-color: var(--08fa29);
|
|
90
90
|
}
|
|
91
|
-
.
|
|
91
|
+
._badge_tnpug_2[data-accent='critical'] {
|
|
92
92
|
color: var(--036159);
|
|
93
93
|
background-color: var(--22f022);
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
._badge_tnpug_2[data-accent='critical'][data-inverted=true] {
|
|
96
96
|
color: var(--90eeff);
|
|
97
97
|
background-color: var(--cdb1f6);
|
|
98
98
|
}
|
|
99
|
-
.
|
|
99
|
+
._badge_tnpug_2[data-accent='tertiary'] {
|
|
100
100
|
color: var(--d7e14c);
|
|
101
101
|
background-color: var(--a453d7);
|
|
102
102
|
}
|
|
103
|
-
.
|
|
103
|
+
._badge_tnpug_2[data-accent='tertiary'][data-inverted=true] {
|
|
104
104
|
color: var(--ab5158);
|
|
105
105
|
background-color: var(--50e919);
|
|
106
106
|
}
|