@preply/ds-web-lib 1.3.0 → 1.4.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.
Files changed (113) hide show
  1. package/dist/assets/AlertDialog.css +17 -17
  2. package/dist/assets/Avatar.css +79 -79
  3. package/dist/assets/AvatarWithStatus.css +12 -12
  4. package/dist/assets/Badge.css +24 -24
  5. package/dist/assets/Box.css +171 -171
  6. package/dist/assets/Button.css +7 -7
  7. package/dist/assets/ButtonBase.css +245 -245
  8. package/dist/assets/Chips.css +16 -16
  9. package/dist/assets/Dialog.css +91 -91
  10. package/dist/assets/FieldAdditionalText.css +6 -6
  11. package/dist/assets/FieldButton.css +8 -8
  12. package/dist/assets/FieldLabel.css +8 -8
  13. package/dist/assets/FieldLayout.css +29 -29
  14. package/dist/assets/FieldLayoutBase.css +4 -4
  15. package/dist/assets/Heading.css +100 -100
  16. package/dist/assets/Icon.css +14 -14
  17. package/dist/assets/LayoutFlex.css +1 -1
  18. package/dist/assets/LayoutFlexItem.css +14 -14
  19. package/dist/assets/Link.css +32 -32
  20. package/dist/assets/Loader.css +4 -4
  21. package/dist/assets/OnboardingTooltip.css +17 -17
  22. package/dist/assets/OnboardingTour.css +2 -2
  23. package/dist/assets/PreplyLogo.css +9 -9
  24. package/dist/assets/ProgressBar.css +3 -3
  25. package/dist/assets/ProgressSteps.css +7 -7
  26. package/dist/assets/SelectFieldLayout.css +18 -18
  27. package/dist/assets/Spinner.css +26 -26
  28. package/dist/assets/Steps.css +5 -5
  29. package/dist/assets/Text.css +227 -227
  30. package/dist/assets/TextHighlighted.css +14 -14
  31. package/dist/assets/TextInline.css +5 -5
  32. package/dist/assets/Toast.css +12 -12
  33. package/dist/assets/Tooltip.css +14 -14
  34. package/dist/assets/align-self.css +25 -25
  35. package/dist/assets/color.css +39 -39
  36. package/dist/assets/exp-color.css +58 -58
  37. package/dist/assets/index.css +16 -16
  38. package/dist/assets/layout-gap.css +135 -135
  39. package/dist/assets/layout-grid.css +100 -100
  40. package/dist/assets/layout-hide.css +49 -49
  41. package/dist/assets/layout-padding.css +531 -531
  42. package/dist/assets/layout-relative.css +2 -2
  43. package/dist/assets/text-accent.css +18 -18
  44. package/dist/assets/text-centered.css +13 -13
  45. package/dist/assets/text-weight.css +8 -8
  46. package/dist/components/AlertDialog/AlertDialog.js +4 -4
  47. package/dist/components/Avatar/Avatar.js +74 -74
  48. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  49. package/dist/components/Badge/Badge.js +1 -1
  50. package/dist/components/Box/Box.js +150 -150
  51. package/dist/components/Button/Button.js +1 -1
  52. package/dist/components/Chips/Chips.js +4 -4
  53. package/dist/components/Dialog/Dialog.js +35 -35
  54. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  55. package/dist/components/FieldButton/FieldButton.js +1 -1
  56. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  57. package/dist/components/Heading/Heading.js +97 -97
  58. package/dist/components/Icon/Icon.js +10 -10
  59. package/dist/components/LayoutFlex/LayoutFlex.js +3 -3
  60. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  61. package/dist/components/Link/Link.js +18 -18
  62. package/dist/components/Loader/Loader.js +3 -3
  63. package/dist/components/OnboardingTooltip/OnboardingTooltip.js +5 -5
  64. package/dist/components/OnboardingTour/OnboardingTour.js +1 -1
  65. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  66. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  67. package/dist/components/ProgressSteps/ProgressSteps.js +2 -2
  68. package/dist/components/Steps/Steps.js +4 -4
  69. package/dist/components/Text/Text.js +224 -224
  70. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  71. package/dist/components/TextInline/TextInline.js +2 -2
  72. package/dist/components/Toast/Toast.js +5 -5
  73. package/dist/components/Tooltip/Tooltip.js +2 -2
  74. package/dist/components/index.d.ts +16 -9
  75. package/dist/components/index.d.ts.map +1 -1
  76. package/dist/components/index.js +24 -10
  77. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  78. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  79. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  80. package/dist/components/private/Input/Checkbox.js +1 -1
  81. package/dist/components/private/Input/InputDate.js +1 -1
  82. package/dist/components/private/Input/InputNumber.d.ts +1 -1
  83. package/dist/components/private/Input/InputNumber.js +1 -1
  84. package/dist/components/private/Input/InputPassword.js +1 -1
  85. package/dist/components/private/Input/InputText.js +1 -1
  86. package/dist/components/private/Input/InputTime.js +1 -1
  87. package/dist/components/private/Input/Radio.js +1 -1
  88. package/dist/components/private/Input/Select.js +1 -1
  89. package/dist/components/private/Input/Textarea.js +1 -1
  90. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  91. package/dist/components/private/Spinner/Spinner.js +16 -16
  92. package/dist/index.js +24 -10
  93. package/dist/index.module-BUa_z1zp.js +27 -0
  94. package/dist/layout-gap.module-B8MxVdDS.js +139 -0
  95. package/dist/{layout-grid.module-DUbtTUSm.js → layout-grid.module-Cm-SasPL.js} +97 -97
  96. package/dist/layout-hide.module-YMORUoLW.js +55 -0
  97. package/dist/{layout-relative.module-CuJ1jHGm.js → layout-relative.module-CXJ9jc4G.js} +2 -2
  98. package/dist/shared-styles/align-self/align-self.js +25 -25
  99. package/dist/shared-styles/color/color.js +38 -38
  100. package/dist/shared-styles/exp-color/exp-color.js +57 -57
  101. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  102. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  103. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  104. package/dist/shared-styles/layout-hide/layout-hide.js +1 -1
  105. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  106. package/dist/shared-styles/layout-relative/layout-relative.js +1 -1
  107. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  108. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  109. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  110. package/package.json +8 -8
  111. package/dist/index.module-BKLhZmTV.js +0 -27
  112. package/dist/layout-gap.module-DdvlpPeV.js +0 -139
  113. package/dist/layout-hide.module-BgVO9R10.js +0 -55
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Apr 01 2025 08:10:17 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Apr 01 2025 08:10:16 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Apr 01 2025 08:10:20 GMT+0000 (Coordinated Universal Time) */
4
- @-webkit-keyframes _spin_1jhdu_1 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 07:53:30 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 07:53:29 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 07:53:32 GMT+0000 (Coordinated Universal Time) */
4
+ @-webkit-keyframes _spin_8qno6_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 _spin_1jhdu_1 {
14
+ @keyframes _spin_8qno6_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
- ._Spinner_1jhdu_12 {
24
+ ._Spinner_8qno6_12 {
25
25
  display: -webkit-inline-box;
26
26
  display: -ms-inline-flexbox;
27
27
  display: inline-flex;
28
28
  }
29
- ._Spinner--size-default_1jhdu_15 > * {
29
+ ._Spinner--size-default_8qno6_15 > * {
30
30
  width: var(--9270b5);
31
31
  height: var(--9270b5);
32
32
  }
33
- ._Spinner--size-large_1jhdu_19 > * {
33
+ ._Spinner--size-large_8qno6_19 > * {
34
34
  width: var(--77547f);
35
35
  height: var(--77547f);
36
36
  }
37
37
  @media (min-width: 400px) {
38
- ._Spinner--narrow-l--size-default_1jhdu_24 > * {
38
+ ._Spinner--narrow-l--size-default_8qno6_24 > * {
39
39
  width: var(--9270b5);
40
40
  height: var(--9270b5);
41
41
  }
42
- ._Spinner--narrow-l--size-large_1jhdu_28 > * {
42
+ ._Spinner--narrow-l--size-large_8qno6_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-default_1jhdu_34 > * {
48
+ ._Spinner--medium-s--size-default_8qno6_34 > * {
49
49
  width: var(--9270b5);
50
50
  height: var(--9270b5);
51
51
  }
52
- ._Spinner--medium-s--size-large_1jhdu_38 > * {
52
+ ._Spinner--medium-s--size-large_8qno6_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-default_1jhdu_44 > * {
58
+ ._Spinner--medium-l--size-default_8qno6_44 > * {
59
59
  width: var(--9270b5);
60
60
  height: var(--9270b5);
61
61
  }
62
- ._Spinner--medium-l--size-large_1jhdu_48 > * {
62
+ ._Spinner--medium-l--size-large_8qno6_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-default_1jhdu_54 > * {
68
+ ._Spinner--wide-s--size-default_8qno6_54 > * {
69
69
  width: var(--9270b5);
70
70
  height: var(--9270b5);
71
71
  }
72
- ._Spinner--wide-s--size-large_1jhdu_58 > * {
72
+ ._Spinner--wide-s--size-large_8qno6_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-default_1jhdu_64 > * {
78
+ ._Spinner--wide-l--size-default_8qno6_64 > * {
79
79
  width: var(--9270b5);
80
80
  height: var(--9270b5);
81
81
  }
82
- ._Spinner--wide-l--size-large_1jhdu_68 > * {
82
+ ._Spinner--wide-l--size-large_8qno6_68 > * {
83
83
  width: var(--77547f);
84
84
  height: var(--77547f);
85
85
  }
86
86
  }
87
- ._Spinner--static_1jhdu_73 {
87
+ ._Spinner--static_8qno6_73 {
88
88
  display: none;
89
89
  }
90
- ._Spinner--static_1jhdu_73 svg {
90
+ ._Spinner--static_8qno6_73 svg {
91
91
  fill: currentColor;
92
92
  }
93
- ._Spinner--animated_1jhdu_79 {
93
+ ._Spinner--animated_8qno6_79 {
94
94
  display: -webkit-inline-box;
95
95
  display: -ms-inline-flexbox;
96
96
  display: inline-flex;
97
97
  }
98
- ._Spinner--animated_1jhdu_79 svg {
98
+ ._Spinner--animated_8qno6_79 svg {
99
99
  stroke: currentColor;
100
100
  stroke-linecap: round;
101
101
  stroke-width: 3px;
102
- -webkit-animation: _spin_1jhdu_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
103
- animation: _spin_1jhdu_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
102
+ -webkit-animation: _spin_8qno6_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
103
+ animation: _spin_8qno6_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
104
104
  }
105
105
  @media (prefers-reduced-motion) {
106
- ._Spinner--static_1jhdu_73 {
106
+ ._Spinner--static_8qno6_73 {
107
107
  display: -webkit-inline-box;
108
108
  display: -ms-inline-flexbox;
109
109
  display: inline-flex;
110
110
  }
111
- ._Spinner--animated_1jhdu_79 {
111
+ ._Spinner--animated_8qno6_79 {
112
112
  display: none;
113
113
  }
114
114
  }
@@ -1,11 +1,11 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Apr 01 2025 08:10:17 GMT+0000 (Coordinated Universal Time) */
2
- ._steps_3wkxk_2[aria-busy='true'] {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Apr 02 2025 07:53:30 GMT+0000 (Coordinated Universal Time) */
2
+ ._steps_1tnqz_2[aria-busy='true'] {
3
3
  cursor: wait;
4
4
  }
5
- ._steps_3wkxk_2 > ._content_3wkxk_5 {
5
+ ._steps_1tnqz_2 > ._content_1tnqz_5 {
6
6
  margin-top: var(--558c4c);
7
7
  }
8
- ._steps_3wkxk_2 > ._content_3wkxk_5 > ._header_3wkxk_8 {
8
+ ._steps_1tnqz_2 > ._content_1tnqz_5 > ._header_1tnqz_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
- ._steps_3wkxk_2 > ._content_3wkxk_5 > ._header_3wkxk_8 > ._description_3wkxk_14 {
19
+ ._steps_1tnqz_2 > ._content_1tnqz_5 > ._header_1tnqz_8 > ._description_1tnqz_14 {
20
20
  font-size: var(--9c8f04);
21
21
  font-weight: var(--1bc44d);
22
22
  line-height: var(--3dd5bc);