@preply/ds-web-lib 2.0.0 → 2.0.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-DUJul0uw.js +27 -0
- package/dist/layout-gap.module-BdXCPCGM.js +139 -0
- package/dist/{layout-grid.module-CKp47Yfz.js → layout-grid.module-BIHGcx1g.js} +97 -97
- package/dist/layout-hide.module-CKIK6Snf.js +55 -0
- package/dist/{layout-relative.module-DIaUqnvq.js → layout-relative.module-BhIMNlTS.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-v4nAc-_q.js +0 -27
- package/dist/layout-gap.module-BRl-r4iq.js +0 -139
- package/dist/layout-hide.module-CxXbAgTg.js +0 -55
package/dist/assets/Spinner.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
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
|
-
@-webkit-keyframes
|
|
1
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri May 09 2025 08:32:30 GMT+0000 (Coordinated Universal Time) */
|
|
3
|
+
/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
|
|
4
|
+
@-webkit-keyframes _spin_1p5zu_1 {
|
|
5
5
|
from {
|
|
6
6
|
-webkit-transform: rotate(0deg);
|
|
7
7
|
transform: rotate(0deg);
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
transform: rotate(360deg);
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
|
-
@keyframes
|
|
14
|
+
@keyframes _spin_1p5zu_1 {
|
|
15
15
|
from {
|
|
16
16
|
-webkit-transform: rotate(0deg);
|
|
17
17
|
transform: rotate(0deg);
|
|
@@ -21,94 +21,94 @@
|
|
|
21
21
|
transform: rotate(360deg);
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
._Spinner_1p5zu_12 {
|
|
25
25
|
display: -webkit-inline-box;
|
|
26
26
|
display: -ms-inline-flexbox;
|
|
27
27
|
display: inline-flex;
|
|
28
28
|
}
|
|
29
|
-
._Spinner--size-
|
|
29
|
+
._Spinner--size-default_1p5zu_15 > * {
|
|
30
30
|
width: var(--9270b5);
|
|
31
31
|
height: var(--9270b5);
|
|
32
32
|
}
|
|
33
|
-
._Spinner--size-
|
|
33
|
+
._Spinner--size-large_1p5zu_19 > * {
|
|
34
34
|
width: var(--77547f);
|
|
35
35
|
height: var(--77547f);
|
|
36
36
|
}
|
|
37
37
|
@media (min-width: 400px) {
|
|
38
|
-
._Spinner--narrow-l--size-
|
|
38
|
+
._Spinner--narrow-l--size-default_1p5zu_24 > * {
|
|
39
39
|
width: var(--9270b5);
|
|
40
40
|
height: var(--9270b5);
|
|
41
41
|
}
|
|
42
|
-
._Spinner--narrow-l--size-
|
|
42
|
+
._Spinner--narrow-l--size-large_1p5zu_28 > * {
|
|
43
43
|
width: var(--77547f);
|
|
44
44
|
height: var(--77547f);
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
@media (min-width: 700px) {
|
|
48
|
-
._Spinner--medium-s--size-
|
|
48
|
+
._Spinner--medium-s--size-default_1p5zu_34 > * {
|
|
49
49
|
width: var(--9270b5);
|
|
50
50
|
height: var(--9270b5);
|
|
51
51
|
}
|
|
52
|
-
._Spinner--medium-s--size-
|
|
52
|
+
._Spinner--medium-s--size-large_1p5zu_38 > * {
|
|
53
53
|
width: var(--77547f);
|
|
54
54
|
height: var(--77547f);
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
@media (min-width: 880px) {
|
|
58
|
-
._Spinner--medium-l--size-
|
|
58
|
+
._Spinner--medium-l--size-default_1p5zu_44 > * {
|
|
59
59
|
width: var(--9270b5);
|
|
60
60
|
height: var(--9270b5);
|
|
61
61
|
}
|
|
62
|
-
._Spinner--medium-l--size-
|
|
62
|
+
._Spinner--medium-l--size-large_1p5zu_48 > * {
|
|
63
63
|
width: var(--77547f);
|
|
64
64
|
height: var(--77547f);
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
@media (min-width: 1200px) {
|
|
68
|
-
._Spinner--wide-s--size-
|
|
68
|
+
._Spinner--wide-s--size-default_1p5zu_54 > * {
|
|
69
69
|
width: var(--9270b5);
|
|
70
70
|
height: var(--9270b5);
|
|
71
71
|
}
|
|
72
|
-
._Spinner--wide-s--size-
|
|
72
|
+
._Spinner--wide-s--size-large_1p5zu_58 > * {
|
|
73
73
|
width: var(--77547f);
|
|
74
74
|
height: var(--77547f);
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
@media (min-width: 1900px) {
|
|
78
|
-
._Spinner--wide-l--size-
|
|
78
|
+
._Spinner--wide-l--size-default_1p5zu_64 > * {
|
|
79
79
|
width: var(--9270b5);
|
|
80
80
|
height: var(--9270b5);
|
|
81
81
|
}
|
|
82
|
-
._Spinner--wide-l--size-
|
|
82
|
+
._Spinner--wide-l--size-large_1p5zu_68 > * {
|
|
83
83
|
width: var(--77547f);
|
|
84
84
|
height: var(--77547f);
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
|
-
._Spinner--
|
|
87
|
+
._Spinner--static_1p5zu_73 {
|
|
88
88
|
display: none;
|
|
89
89
|
}
|
|
90
|
-
._Spinner--
|
|
90
|
+
._Spinner--static_1p5zu_73 svg {
|
|
91
91
|
fill: currentColor;
|
|
92
92
|
}
|
|
93
|
-
._Spinner--
|
|
93
|
+
._Spinner--animated_1p5zu_79 {
|
|
94
94
|
display: -webkit-inline-box;
|
|
95
95
|
display: -ms-inline-flexbox;
|
|
96
96
|
display: inline-flex;
|
|
97
97
|
}
|
|
98
|
-
._Spinner--
|
|
98
|
+
._Spinner--animated_1p5zu_79 svg {
|
|
99
99
|
stroke: currentColor;
|
|
100
100
|
stroke-linecap: round;
|
|
101
101
|
stroke-width: 3px;
|
|
102
|
-
-webkit-animation:
|
|
103
|
-
animation:
|
|
102
|
+
-webkit-animation: _spin_1p5zu_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
|
|
103
|
+
animation: _spin_1p5zu_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
|
|
104
104
|
}
|
|
105
105
|
@media (prefers-reduced-motion) {
|
|
106
|
-
._Spinner--
|
|
106
|
+
._Spinner--static_1p5zu_73 {
|
|
107
107
|
display: -webkit-inline-box;
|
|
108
108
|
display: -ms-inline-flexbox;
|
|
109
109
|
display: inline-flex;
|
|
110
110
|
}
|
|
111
|
-
._Spinner--
|
|
111
|
+
._Spinner--animated_1p5zu_79 {
|
|
112
112
|
display: none;
|
|
113
113
|
}
|
|
114
114
|
}
|
package/dist/assets/Steps.css
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
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 @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
|
|
2
|
+
._steps_tad6m_2[aria-busy='true'] {
|
|
3
3
|
cursor: wait;
|
|
4
4
|
}
|
|
5
|
-
.
|
|
5
|
+
._steps_tad6m_2 > ._content_tad6m_5 {
|
|
6
6
|
margin-top: var(--558c4c);
|
|
7
7
|
}
|
|
8
|
-
.
|
|
8
|
+
._steps_tad6m_2 > ._content_tad6m_5 > ._header_tad6m_8 {
|
|
9
9
|
display: -webkit-box;
|
|
10
10
|
display: -ms-flexbox;
|
|
11
11
|
display: flex;
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
gap: var(--66b80b);
|
|
17
17
|
margin-bottom: var(--558c4c);
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._steps_tad6m_2 > ._content_tad6m_5 > ._header_tad6m_8 > ._description_tad6m_14 {
|
|
20
20
|
font-size: var(--9c8f04);
|
|
21
21
|
font-weight: var(--1bc44d);
|
|
22
22
|
line-height: var(--3dd5bc);
|