@preply/ds-web-lib 2.0.1 → 2.1.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 (129) 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 +246 -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/LayoutGridItem.css +1 -1
  20. package/dist/assets/Link.css +32 -32
  21. package/dist/assets/Loader.css +4 -4
  22. package/dist/assets/NumberField.css +4 -4
  23. package/dist/assets/OnboardingTooltip.css +17 -17
  24. package/dist/assets/OnboardingTour.css +2 -2
  25. package/dist/assets/PasswordField.css +1 -1
  26. package/dist/assets/PreplyLogo.css +9 -9
  27. package/dist/assets/ProgressBar.css +3 -3
  28. package/dist/assets/ProgressSteps.css +7 -7
  29. package/dist/assets/SelectField.css +1 -1
  30. package/dist/assets/SelectFieldLayout.css +18 -18
  31. package/dist/assets/Spinner.css +26 -26
  32. package/dist/assets/Steps.css +5 -5
  33. package/dist/assets/Text.css +227 -227
  34. package/dist/assets/TextField.css +1 -1
  35. package/dist/assets/TextHighlighted.css +14 -14
  36. package/dist/assets/TextInline.css +5 -5
  37. package/dist/assets/TextareaField.css +1 -1
  38. package/dist/assets/Toast.css +12 -12
  39. package/dist/assets/Tooltip.css +14 -14
  40. package/dist/assets/align-self.css +25 -25
  41. package/dist/assets/color.css +39 -39
  42. package/dist/assets/exp-color.css +58 -58
  43. package/dist/assets/index.css +16 -16
  44. package/dist/assets/layout-gap.css +135 -135
  45. package/dist/assets/layout-grid.css +100 -100
  46. package/dist/assets/layout-hide.css +49 -49
  47. package/dist/assets/layout-padding.css +531 -531
  48. package/dist/assets/layout-relative.css +2 -2
  49. package/dist/assets/text-accent.css +18 -18
  50. package/dist/assets/text-centered.css +13 -13
  51. package/dist/assets/text-weight.css +8 -8
  52. package/dist/components/AlertDialog/AlertDialog.js +4 -4
  53. package/dist/components/Avatar/Avatar.d.ts +3 -0
  54. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  55. package/dist/components/Avatar/Avatar.js +74 -74
  56. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  57. package/dist/components/Badge/Badge.js +1 -1
  58. package/dist/components/Box/Box.js +150 -150
  59. package/dist/components/Button/Button.js +1 -1
  60. package/dist/components/Chips/Chips.js +4 -4
  61. package/dist/components/Dialog/Dialog.js +35 -35
  62. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  63. package/dist/components/FieldButton/FieldButton.js +1 -1
  64. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  65. package/dist/components/Heading/Heading.js +97 -97
  66. package/dist/components/Icon/Icon.js +10 -10
  67. package/dist/components/LayoutFlex/LayoutFlex.js +3 -3
  68. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  69. package/dist/components/LayoutGridItem/LayoutGridItem.js +1 -1
  70. package/dist/components/Link/Link.d.ts +3 -0
  71. package/dist/components/Link/Link.d.ts.map +1 -1
  72. package/dist/components/Link/Link.js +18 -18
  73. package/dist/components/Loader/Loader.js +3 -3
  74. package/dist/components/NumberField/NumberField.js +1 -1
  75. package/dist/components/OnboardingTooltip/OnboardingTooltip.js +5 -5
  76. package/dist/components/OnboardingTour/OnboardingTour.js +1 -1
  77. package/dist/components/PasswordField/PasswordField.js +1 -1
  78. package/dist/components/PreplyLogo/PreplyLogo.d.ts +3 -0
  79. package/dist/components/PreplyLogo/PreplyLogo.d.ts.map +1 -1
  80. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  81. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  82. package/dist/components/ProgressSteps/ProgressSteps.js +2 -2
  83. package/dist/components/SelectField/SelectField.js +1 -1
  84. package/dist/components/Steps/Steps.js +4 -4
  85. package/dist/components/Text/Text.js +224 -224
  86. package/dist/components/TextField/TextField.js +1 -1
  87. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  88. package/dist/components/TextInline/TextInline.js +2 -2
  89. package/dist/components/TextareaField/TextareaField.js +1 -1
  90. package/dist/components/Toast/Toast.js +5 -5
  91. package/dist/components/Tooltip/Tooltip.js +2 -2
  92. package/dist/components/private/ButtonBase/ButtonBase.d.ts.map +1 -1
  93. package/dist/components/private/ButtonBase/ButtonBase.js +180 -175
  94. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  95. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  96. package/dist/components/private/Input/Checkbox.js +1 -1
  97. package/dist/components/private/Input/InputDate.js +1 -1
  98. package/dist/components/private/Input/InputNumber.js +1 -1
  99. package/dist/components/private/Input/InputPassword.js +1 -1
  100. package/dist/components/private/Input/InputText.js +1 -1
  101. package/dist/components/private/Input/InputTime.js +1 -1
  102. package/dist/components/private/Input/Radio.js +1 -1
  103. package/dist/components/private/Input/Select.js +1 -1
  104. package/dist/components/private/Input/Textarea.js +1 -1
  105. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  106. package/dist/components/private/Spinner/Spinner.js +16 -16
  107. package/dist/index.module-DB6QHxnp.js +27 -0
  108. package/dist/layout-gap.module-B_tyw31T.js +139 -0
  109. package/dist/layout-grid.module-P4B4WVUy.js +103 -0
  110. package/dist/layout-hide.module-Bpl3Pl-a.js +55 -0
  111. package/dist/layout-relative.module-1z75aSwo.js +8 -0
  112. package/dist/shared-styles/align-self/align-self.js +25 -25
  113. package/dist/shared-styles/color/color.js +38 -38
  114. package/dist/shared-styles/exp-color/exp-color.js +57 -57
  115. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  116. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  117. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  118. package/dist/shared-styles/layout-hide/layout-hide.js +1 -1
  119. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  120. package/dist/shared-styles/layout-relative/layout-relative.js +1 -1
  121. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  122. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  123. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  124. package/package.json +13 -13
  125. package/dist/index.module-DUJul0uw.js +0 -27
  126. package/dist/layout-gap.module-BdXCPCGM.js +0 -139
  127. package/dist/layout-grid.module-BIHGcx1g.js +0 -103
  128. package/dist/layout-hide.module-CKIK6Snf.js +0 -55
  129. package/dist/layout-relative.module-BhIMNlTS.js +0 -8
@@ -1,7 +1,7 @@
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 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 22 2025 11:02:55 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 22 2025 11:02:54 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 22 2025 11:02:58 GMT+0000 (Coordinated Universal Time) */
4
+ @-webkit-keyframes spin__6opuF {
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_1p5zu_1 {
14
+ @keyframes spin__6opuF {
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_1p5zu_12 {
24
+ .Spinner__U3f6H {
25
25
  display: -webkit-inline-box;
26
26
  display: -ms-inline-flexbox;
27
27
  display: inline-flex;
28
28
  }
29
- ._Spinner--size-default_1p5zu_15 > * {
29
+ .Spinner--size-default__xo-Jk > * {
30
30
  width: var(--9270b5);
31
31
  height: var(--9270b5);
32
32
  }
33
- ._Spinner--size-large_1p5zu_19 > * {
33
+ .Spinner--size-large__2nk5J > * {
34
34
  width: var(--77547f);
35
35
  height: var(--77547f);
36
36
  }
37
37
  @media (min-width: 400px) {
38
- ._Spinner--narrow-l--size-default_1p5zu_24 > * {
38
+ .Spinner--narrow-l--size-default__gRrq1 > * {
39
39
  width: var(--9270b5);
40
40
  height: var(--9270b5);
41
41
  }
42
- ._Spinner--narrow-l--size-large_1p5zu_28 > * {
42
+ .Spinner--narrow-l--size-large__6gb70 > * {
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_1p5zu_34 > * {
48
+ .Spinner--medium-s--size-default__bJg-R > * {
49
49
  width: var(--9270b5);
50
50
  height: var(--9270b5);
51
51
  }
52
- ._Spinner--medium-s--size-large_1p5zu_38 > * {
52
+ .Spinner--medium-s--size-large__HAPhI > * {
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_1p5zu_44 > * {
58
+ .Spinner--medium-l--size-default__AuHDV > * {
59
59
  width: var(--9270b5);
60
60
  height: var(--9270b5);
61
61
  }
62
- ._Spinner--medium-l--size-large_1p5zu_48 > * {
62
+ .Spinner--medium-l--size-large__MlfBE > * {
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_1p5zu_54 > * {
68
+ .Spinner--wide-s--size-default__3sTOC > * {
69
69
  width: var(--9270b5);
70
70
  height: var(--9270b5);
71
71
  }
72
- ._Spinner--wide-s--size-large_1p5zu_58 > * {
72
+ .Spinner--wide-s--size-large__AkfHJ > * {
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_1p5zu_64 > * {
78
+ .Spinner--wide-l--size-default__FDlfA > * {
79
79
  width: var(--9270b5);
80
80
  height: var(--9270b5);
81
81
  }
82
- ._Spinner--wide-l--size-large_1p5zu_68 > * {
82
+ .Spinner--wide-l--size-large__Oyg7h > * {
83
83
  width: var(--77547f);
84
84
  height: var(--77547f);
85
85
  }
86
86
  }
87
- ._Spinner--static_1p5zu_73 {
87
+ .Spinner--static__3-otL {
88
88
  display: none;
89
89
  }
90
- ._Spinner--static_1p5zu_73 svg {
90
+ .Spinner--static__3-otL svg {
91
91
  fill: currentColor;
92
92
  }
93
- ._Spinner--animated_1p5zu_79 {
93
+ .Spinner--animated__K3vs3 {
94
94
  display: -webkit-inline-box;
95
95
  display: -ms-inline-flexbox;
96
96
  display: inline-flex;
97
97
  }
98
- ._Spinner--animated_1p5zu_79 svg {
98
+ .Spinner--animated__K3vs3 svg {
99
99
  stroke: currentColor;
100
100
  stroke-linecap: round;
101
101
  stroke-width: 3px;
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;
102
+ -webkit-animation: spin__6opuF 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
103
+ animation: spin__6opuF 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
104
104
  }
105
105
  @media (prefers-reduced-motion) {
106
- ._Spinner--static_1p5zu_73 {
106
+ .Spinner--static__3-otL {
107
107
  display: -webkit-inline-box;
108
108
  display: -ms-inline-flexbox;
109
109
  display: inline-flex;
110
110
  }
111
- ._Spinner--animated_1p5zu_79 {
111
+ .Spinner--animated__K3vs3 {
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 @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
- ._steps_tad6m_2[aria-busy='true'] {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 22 2025 11:02:55 GMT+0000 (Coordinated Universal Time) */
2
+ .steps__BxrkC[aria-busy='true'] {
3
3
  cursor: wait;
4
4
  }
5
- ._steps_tad6m_2 > ._content_tad6m_5 {
5
+ .steps__BxrkC > .content__VZ7oK {
6
6
  margin-top: var(--558c4c);
7
7
  }
8
- ._steps_tad6m_2 > ._content_tad6m_5 > ._header_tad6m_8 {
8
+ .steps__BxrkC > .content__VZ7oK > .header__HFxfM {
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_tad6m_2 > ._content_tad6m_5 > ._header_tad6m_8 > ._description_tad6m_14 {
19
+ .steps__BxrkC > .content__VZ7oK > .header__HFxfM > .description__Gxo4V {
20
20
  font-size: var(--9c8f04);
21
21
  font-weight: var(--1bc44d);
22
22
  line-height: var(--3dd5bc);