@preply/ds-web-lib 1.4.0 → 1.4.2

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 (108) 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/private/ButtonBase/ButtonBase.js +173 -173
  75. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  76. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  77. package/dist/components/private/Input/Checkbox.js +1 -1
  78. package/dist/components/private/Input/InputDate.js +1 -1
  79. package/dist/components/private/Input/InputNumber.js +1 -1
  80. package/dist/components/private/Input/InputPassword.js +1 -1
  81. package/dist/components/private/Input/InputText.js +1 -1
  82. package/dist/components/private/Input/InputTime.js +1 -1
  83. package/dist/components/private/Input/Radio.js +1 -1
  84. package/dist/components/private/Input/Select.js +1 -1
  85. package/dist/components/private/Input/Textarea.js +1 -1
  86. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  87. package/dist/components/private/Spinner/Spinner.js +16 -16
  88. package/dist/index.module-iACyovpJ.js +27 -0
  89. package/dist/layout-gap.module-DwYAmZqy.js +139 -0
  90. package/dist/{layout-grid.module-Cm-SasPL.js → layout-grid.module-DvWR2pve.js} +97 -97
  91. package/dist/layout-hide.module-CVaoro6S.js +55 -0
  92. package/dist/{layout-relative.module-CXJ9jc4G.js → layout-relative.module-yZwngsDw.js} +2 -2
  93. package/dist/shared-styles/align-self/align-self.js +25 -25
  94. package/dist/shared-styles/color/color.js +38 -38
  95. package/dist/shared-styles/exp-color/exp-color.js +57 -57
  96. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  97. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  98. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  99. package/dist/shared-styles/layout-hide/layout-hide.js +1 -1
  100. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  101. package/dist/shared-styles/layout-relative/layout-relative.js +1 -1
  102. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  103. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  104. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  105. package/package.json +13 -13
  106. package/dist/index.module-BUa_z1zp.js +0 -27
  107. package/dist/layout-gap.module-B8MxVdDS.js +0 -139
  108. package/dist/layout-hide.module-YMORUoLW.js +0 -55
@@ -1,7 +1,7 @@
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 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Apr 03 2025 10:09:33 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Apr 03 2025 10:09:32 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Apr 03 2025 10:09:36 GMT+0000 (Coordinated Universal Time) */
4
+ @-webkit-keyframes _spin_16mw2_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_8qno6_1 {
14
+ @keyframes _spin_16mw2_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_8qno6_12 {
24
+ ._Spinner_16mw2_12 {
25
25
  display: -webkit-inline-box;
26
26
  display: -ms-inline-flexbox;
27
27
  display: inline-flex;
28
28
  }
29
- ._Spinner--size-default_8qno6_15 > * {
29
+ ._Spinner--size-default_16mw2_15 > * {
30
30
  width: var(--9270b5);
31
31
  height: var(--9270b5);
32
32
  }
33
- ._Spinner--size-large_8qno6_19 > * {
33
+ ._Spinner--size-large_16mw2_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_8qno6_24 > * {
38
+ ._Spinner--narrow-l--size-default_16mw2_24 > * {
39
39
  width: var(--9270b5);
40
40
  height: var(--9270b5);
41
41
  }
42
- ._Spinner--narrow-l--size-large_8qno6_28 > * {
42
+ ._Spinner--narrow-l--size-large_16mw2_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_8qno6_34 > * {
48
+ ._Spinner--medium-s--size-default_16mw2_34 > * {
49
49
  width: var(--9270b5);
50
50
  height: var(--9270b5);
51
51
  }
52
- ._Spinner--medium-s--size-large_8qno6_38 > * {
52
+ ._Spinner--medium-s--size-large_16mw2_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_8qno6_44 > * {
58
+ ._Spinner--medium-l--size-default_16mw2_44 > * {
59
59
  width: var(--9270b5);
60
60
  height: var(--9270b5);
61
61
  }
62
- ._Spinner--medium-l--size-large_8qno6_48 > * {
62
+ ._Spinner--medium-l--size-large_16mw2_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_8qno6_54 > * {
68
+ ._Spinner--wide-s--size-default_16mw2_54 > * {
69
69
  width: var(--9270b5);
70
70
  height: var(--9270b5);
71
71
  }
72
- ._Spinner--wide-s--size-large_8qno6_58 > * {
72
+ ._Spinner--wide-s--size-large_16mw2_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_8qno6_64 > * {
78
+ ._Spinner--wide-l--size-default_16mw2_64 > * {
79
79
  width: var(--9270b5);
80
80
  height: var(--9270b5);
81
81
  }
82
- ._Spinner--wide-l--size-large_8qno6_68 > * {
82
+ ._Spinner--wide-l--size-large_16mw2_68 > * {
83
83
  width: var(--77547f);
84
84
  height: var(--77547f);
85
85
  }
86
86
  }
87
- ._Spinner--static_8qno6_73 {
87
+ ._Spinner--static_16mw2_73 {
88
88
  display: none;
89
89
  }
90
- ._Spinner--static_8qno6_73 svg {
90
+ ._Spinner--static_16mw2_73 svg {
91
91
  fill: currentColor;
92
92
  }
93
- ._Spinner--animated_8qno6_79 {
93
+ ._Spinner--animated_16mw2_79 {
94
94
  display: -webkit-inline-box;
95
95
  display: -ms-inline-flexbox;
96
96
  display: inline-flex;
97
97
  }
98
- ._Spinner--animated_8qno6_79 svg {
98
+ ._Spinner--animated_16mw2_79 svg {
99
99
  stroke: currentColor;
100
100
  stroke-linecap: round;
101
101
  stroke-width: 3px;
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;
102
+ -webkit-animation: _spin_16mw2_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
103
+ animation: _spin_16mw2_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
104
104
  }
105
105
  @media (prefers-reduced-motion) {
106
- ._Spinner--static_8qno6_73 {
106
+ ._Spinner--static_16mw2_73 {
107
107
  display: -webkit-inline-box;
108
108
  display: -ms-inline-flexbox;
109
109
  display: inline-flex;
110
110
  }
111
- ._Spinner--animated_8qno6_79 {
111
+ ._Spinner--animated_16mw2_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 @Wed Apr 02 2025 07:53:30 GMT+0000 (Coordinated Universal Time) */
2
- ._steps_1tnqz_2[aria-busy='true'] {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Apr 03 2025 10:09:33 GMT+0000 (Coordinated Universal Time) */
2
+ ._steps_1gyea_2[aria-busy='true'] {
3
3
  cursor: wait;
4
4
  }
5
- ._steps_1tnqz_2 > ._content_1tnqz_5 {
5
+ ._steps_1gyea_2 > ._content_1gyea_5 {
6
6
  margin-top: var(--558c4c);
7
7
  }
8
- ._steps_1tnqz_2 > ._content_1tnqz_5 > ._header_1tnqz_8 {
8
+ ._steps_1gyea_2 > ._content_1gyea_5 > ._header_1gyea_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_1tnqz_2 > ._content_1tnqz_5 > ._header_1tnqz_8 > ._description_1tnqz_14 {
19
+ ._steps_1gyea_2 > ._content_1gyea_5 > ._header_1gyea_8 > ._description_1gyea_14 {
20
20
  font-size: var(--9c8f04);
21
21
  font-weight: var(--1bc44d);
22
22
  line-height: var(--3dd5bc);