@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
package/dist/assets/FieldLabel.css CHANGED
@@ -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
- ._FieldLabel_1ycai_4 {
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
+ ._FieldLabel_j5zrj_4 {
5
5
  -webkit-font-smoothing: antialiased;
6
6
  text-rendering: optimizeLegibility;
7
7
  font-size: var(--8d63e4);
@@ -20,21 +20,21 @@
20
20
  max-width: -moz-max-content;
21
21
  max-width: max-content;
22
22
  }
23
- ._FieldLabel--wrap_1ycai_19 {
23
+ ._FieldLabel--wrap_j5zrj_19 {
24
24
  display: inline;
25
25
  }
26
- ._FieldLabel--wrapGap_1ycai_22 {
26
+ ._FieldLabel--wrapGap_j5zrj_22 {
27
27
  width: var(--6947b0);
28
28
  display: inline-block;
29
29
  }
30
- ._FieldLabel--required_1ycai_26 {
30
+ ._FieldLabel--required_j5zrj_26 {
31
31
  display: -webkit-box;
32
32
  display: -ms-flexbox;
33
33
  display: flex;
34
34
  gap: var(--6947b0);
35
35
  color: var(--3d280d);
36
36
  }
37
- ._FieldLabel--hide_1ycai_31 {
37
+ ._FieldLabel--hide_j5zrj_31 {
38
38
  clip: rect(0 0 0 0);
39
39
  clip-path: inset(50%);
40
40
  height: 1px;
package/dist/assets/FieldLayout.css CHANGED
@@ -1,8 +1,8 @@
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/hover/web-core-hover-less.ts @Tue Apr 01 2025 08:10:20 GMT+0000 (Coordinated Universal Time) */
3
- /* 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) */
4
- /* 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) */
5
- ._FieldLayout--input_d2g4c_5 {
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/hover/web-core-hover-less.ts @Wed Apr 02 2025 07:53:32 GMT+0000 (Coordinated Universal Time) */
3
+ /* 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) */
4
+ /* 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) */
5
+ ._FieldLayout--input_1gi35_5 {
6
6
  border-radius: var(--c4b051);
7
7
  display: -webkit-box;
8
8
  display: -ms-flexbox;
@@ -16,13 +16,13 @@
16
16
  background-color: var(--211bc0);
17
17
  }
18
18
  @media (hover: hover) and (pointer: fine) {
19
- ._FieldLayout--input_d2g4c_5:hover input,
20
- ._FieldLayout--input_d2g4c_5:hover textarea {
19
+ ._FieldLayout--input_1gi35_5:hover input,
20
+ ._FieldLayout--input_1gi35_5:hover textarea {
21
21
  border-color: var(--0bd642);
22
22
  }
23
23
  }
24
- ._FieldLayout--input_d2g4c_5 input,
25
- ._FieldLayout--input_d2g4c_5 textarea {
24
+ ._FieldLayout--input_1gi35_5 input,
25
+ ._FieldLayout--input_1gi35_5 textarea {
26
26
  border-color: var(--29cd58);
27
27
  border-width: var(--d9baa3);
28
28
  border-radius: var(--c4b051);
@@ -39,23 +39,23 @@
39
39
  padding-right: calc(var(--477fda) - var(--d9baa3));
40
40
  padding-left: calc(var(--477fda) - var(--d9baa3));
41
41
  }
42
- ._FieldLayout--input_d2g4c_5 input::-webkit-input-placeholder, ._FieldLayout--input_d2g4c_5 textarea::-webkit-input-placeholder {
42
+ ._FieldLayout--input_1gi35_5 input::-webkit-input-placeholder, ._FieldLayout--input_1gi35_5 textarea::-webkit-input-placeholder {
43
43
  color: var(--d9209f);
44
44
  }
45
- ._FieldLayout--input_d2g4c_5 input::-moz-placeholder, ._FieldLayout--input_d2g4c_5 textarea::-moz-placeholder {
45
+ ._FieldLayout--input_1gi35_5 input::-moz-placeholder, ._FieldLayout--input_1gi35_5 textarea::-moz-placeholder {
46
46
  color: var(--d9209f);
47
47
  }
48
- ._FieldLayout--input_d2g4c_5 input:-ms-input-placeholder, ._FieldLayout--input_d2g4c_5 textarea:-ms-input-placeholder {
48
+ ._FieldLayout--input_1gi35_5 input:-ms-input-placeholder, ._FieldLayout--input_1gi35_5 textarea:-ms-input-placeholder {
49
49
  color: var(--d9209f);
50
50
  }
51
- ._FieldLayout--input_d2g4c_5 input::-ms-input-placeholder, ._FieldLayout--input_d2g4c_5 textarea::-ms-input-placeholder {
51
+ ._FieldLayout--input_1gi35_5 input::-ms-input-placeholder, ._FieldLayout--input_1gi35_5 textarea::-ms-input-placeholder {
52
52
  color: var(--d9209f);
53
53
  }
54
- ._FieldLayout--input_d2g4c_5 input::placeholder,
55
- ._FieldLayout--input_d2g4c_5 textarea::placeholder {
54
+ ._FieldLayout--input_1gi35_5 input::placeholder,
55
+ ._FieldLayout--input_1gi35_5 textarea::placeholder {
56
56
  color: var(--d9209f);
57
57
  }
58
- ._FieldLayout--icon_d2g4c_42 {
58
+ ._FieldLayout--icon_1gi35_42 {
59
59
  position: absolute;
60
60
  top: 0;
61
61
  display: -webkit-box;
@@ -69,39 +69,39 @@
69
69
  font-size: 0;
70
70
  pointer-events: none;
71
71
  }
72
- ._FieldLayout--icon_d2g4c_42 svg {
72
+ ._FieldLayout--icon_1gi35_42 svg {
73
73
  color: var(--cbc724);
74
74
  }
75
- ._FieldLayout--has-icon_d2g4c_55 ._FieldLayout--input_d2g4c_5 input {
75
+ ._FieldLayout--has-icon_1gi35_55 ._FieldLayout--input_1gi35_5 input {
76
76
  padding-left: calc((var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a));
77
77
  padding-left: calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a));
78
78
  }
79
- ._FieldLayout--has-button_d2g4c_58 ._FieldLayout--input_d2g4c_5 input {
79
+ ._FieldLayout--has-button_1gi35_58 ._FieldLayout--input_1gi35_5 input {
80
80
  padding-right: 58px;
81
81
  }
82
- ._FieldLayout--has-error_d2g4c_61 ._FieldLayout--input_d2g4c_5 {
82
+ ._FieldLayout--has-error_1gi35_61 ._FieldLayout--input_1gi35_5 {
83
83
  background-color: var(--95df5b);
84
84
  }
85
- ._FieldLayout--has-error_d2g4c_61 ._FieldLayout--input_d2g4c_5 input,
86
- ._FieldLayout--has-error_d2g4c_61 ._FieldLayout--input_d2g4c_5 textarea {
85
+ ._FieldLayout--has-error_1gi35_61 ._FieldLayout--input_1gi35_5 input,
86
+ ._FieldLayout--has-error_1gi35_61 ._FieldLayout--input_1gi35_5 textarea {
87
87
  border-color: var(--eaf4a3);
88
88
  color: var(--7b0f41);
89
89
  }
90
- ._FieldLayout--has-error_d2g4c_61 ._FieldLayout--icon_d2g4c_42 svg {
90
+ ._FieldLayout--has-error_1gi35_61 ._FieldLayout--icon_1gi35_42 svg {
91
91
  color: var(--7b0f41);
92
92
  }
93
- ._FieldLayout--is-focused_d2g4c_72 ._FieldLayout--input_d2g4c_5 input,
94
- ._FieldLayout--is-focused_d2g4c_72 ._FieldLayout--input_d2g4c_5 textarea {
93
+ ._FieldLayout--is-focused_1gi35_72 ._FieldLayout--input_1gi35_5 input,
94
+ ._FieldLayout--is-focused_1gi35_72 ._FieldLayout--input_1gi35_5 textarea {
95
95
  border-color: var(--398094);
96
96
  }
97
- ._FieldLayout--is-disabled_d2g4c_76 ._FieldLayout--input_d2g4c_5 {
97
+ ._FieldLayout--is-disabled_1gi35_76 ._FieldLayout--input_1gi35_5 {
98
98
  background-color: var(--04daeb);
99
99
  }
100
- ._FieldLayout--is-disabled_d2g4c_76 ._FieldLayout--input_d2g4c_5 input,
101
- ._FieldLayout--is-disabled_d2g4c_76 ._FieldLayout--input_d2g4c_5 textarea {
100
+ ._FieldLayout--is-disabled_1gi35_76 ._FieldLayout--input_1gi35_5 input,
101
+ ._FieldLayout--is-disabled_1gi35_76 ._FieldLayout--input_1gi35_5 textarea {
102
102
  border-color: transparent;
103
103
  }
104
- ._FieldLayout--input_d2g4c_5 button {
104
+ ._FieldLayout--input_1gi35_5 button {
105
105
  position: absolute;
106
106
  top: calc(var(--1ba55a) + var(--6947b0));
107
107
  right: var(--6947b0);
package/dist/assets/FieldLayoutBase.css CHANGED
@@ -1,5 +1,5 @@
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
- ._FieldLayoutBase_1mf8i_2 {
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
+ ._FieldLayoutBase_1u9vo_2 {
3
3
  display: -webkit-box;
4
4
  display: -ms-flexbox;
5
5
  display: flex;
@@ -9,8 +9,8 @@
9
9
  flex-direction: column;
10
10
  gap: var(--6947b0);
11
11
  }
12
- ._FieldLayoutBase_1mf8i_2 input,
13
- ._FieldLayoutBase_1mf8i_2 textarea {
12
+ ._FieldLayoutBase_1u9vo_2 input,
13
+ ._FieldLayoutBase_1u9vo_2 textarea {
14
14
  display: block;
15
15
  width: 100%;
16
16
  }