@preply/ds-web-lib 1.4.4 → 1.4.5

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-BD1IcpKe.js +27 -0
  89. package/dist/layout-gap.module-BHceV7oO.js +139 -0
  90. package/dist/{layout-grid.module-r1QJQ0OA.js → layout-grid.module-CsVjCjkf.js} +97 -97
  91. package/dist/layout-hide.module-CR4eBXwL.js +55 -0
  92. package/dist/{layout-relative.module-BNXaOnm9.js → layout-relative.module-BTkIzSrV.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-BS0Uqwt2.js +0 -27
  107. package/dist/layout-gap.module-D6neqy11.js +0 -139
  108. package/dist/layout-hide.module-CNnAuwzK.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 @Thu Apr 17 2025 14:13:28 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Apr 17 2025 14:13:27 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Apr 17 2025 14:13:31 GMT+0000 (Coordinated Universal Time) */
4
- ._FieldLabel_1cj7u_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Apr 22 2025 08:17:52 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Apr 22 2025 08:17:51 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Apr 22 2025 08:17:55 GMT+0000 (Coordinated Universal Time) */
4
+ ._FieldLabel_ehqkx_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_1cj7u_19 {
23
+ ._FieldLabel--wrap_ehqkx_19 {
24
24
  display: inline;
25
25
  }
26
- ._FieldLabel--wrapGap_1cj7u_22 {
26
+ ._FieldLabel--wrapGap_ehqkx_22 {
27
27
  width: var(--6947b0);
28
28
  display: inline-block;
29
29
  }
30
- ._FieldLabel--required_1cj7u_26 {
30
+ ._FieldLabel--required_ehqkx_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_1cj7u_31 {
37
+ ._FieldLabel--hide_ehqkx_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 @Thu Apr 17 2025 14:13:28 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Apr 17 2025 14:13:31 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Apr 17 2025 14:13:27 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Apr 17 2025 14:13:31 GMT+0000 (Coordinated Universal Time) */
5
- ._FieldLayout--input_m2sn9_5 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Apr 22 2025 08:17:52 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Apr 22 2025 08:17:55 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Apr 22 2025 08:17:51 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Apr 22 2025 08:17:55 GMT+0000 (Coordinated Universal Time) */
5
+ ._FieldLayout--input_15kfc_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_m2sn9_5:hover input,
20
- ._FieldLayout--input_m2sn9_5:hover textarea {
19
+ ._FieldLayout--input_15kfc_5:hover input,
20
+ ._FieldLayout--input_15kfc_5:hover textarea {
21
21
  border-color: var(--0bd642);
22
22
  }
23
23
  }
24
- ._FieldLayout--input_m2sn9_5 input,
25
- ._FieldLayout--input_m2sn9_5 textarea {
24
+ ._FieldLayout--input_15kfc_5 input,
25
+ ._FieldLayout--input_15kfc_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_m2sn9_5 input::-webkit-input-placeholder, ._FieldLayout--input_m2sn9_5 textarea::-webkit-input-placeholder {
42
+ ._FieldLayout--input_15kfc_5 input::-webkit-input-placeholder, ._FieldLayout--input_15kfc_5 textarea::-webkit-input-placeholder {
43
43
  color: var(--d9209f);
44
44
  }
45
- ._FieldLayout--input_m2sn9_5 input::-moz-placeholder, ._FieldLayout--input_m2sn9_5 textarea::-moz-placeholder {
45
+ ._FieldLayout--input_15kfc_5 input::-moz-placeholder, ._FieldLayout--input_15kfc_5 textarea::-moz-placeholder {
46
46
  color: var(--d9209f);
47
47
  }
48
- ._FieldLayout--input_m2sn9_5 input:-ms-input-placeholder, ._FieldLayout--input_m2sn9_5 textarea:-ms-input-placeholder {
48
+ ._FieldLayout--input_15kfc_5 input:-ms-input-placeholder, ._FieldLayout--input_15kfc_5 textarea:-ms-input-placeholder {
49
49
  color: var(--d9209f);
50
50
  }
51
- ._FieldLayout--input_m2sn9_5 input::-ms-input-placeholder, ._FieldLayout--input_m2sn9_5 textarea::-ms-input-placeholder {
51
+ ._FieldLayout--input_15kfc_5 input::-ms-input-placeholder, ._FieldLayout--input_15kfc_5 textarea::-ms-input-placeholder {
52
52
  color: var(--d9209f);
53
53
  }
54
- ._FieldLayout--input_m2sn9_5 input::placeholder,
55
- ._FieldLayout--input_m2sn9_5 textarea::placeholder {
54
+ ._FieldLayout--input_15kfc_5 input::placeholder,
55
+ ._FieldLayout--input_15kfc_5 textarea::placeholder {
56
56
  color: var(--d9209f);
57
57
  }
58
- ._FieldLayout--icon_m2sn9_42 {
58
+ ._FieldLayout--icon_15kfc_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_m2sn9_42 svg {
72
+ ._FieldLayout--icon_15kfc_42 svg {
73
73
  color: var(--cbc724);
74
74
  }
75
- ._FieldLayout--has-icon_m2sn9_55 ._FieldLayout--input_m2sn9_5 input {
75
+ ._FieldLayout--has-icon_15kfc_55 ._FieldLayout--input_15kfc_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_m2sn9_58 ._FieldLayout--input_m2sn9_5 input {
79
+ ._FieldLayout--has-button_15kfc_58 ._FieldLayout--input_15kfc_5 input {
80
80
  padding-right: 58px;
81
81
  }
82
- ._FieldLayout--has-error_m2sn9_61 ._FieldLayout--input_m2sn9_5 {
82
+ ._FieldLayout--has-error_15kfc_61 ._FieldLayout--input_15kfc_5 {
83
83
  background-color: var(--95df5b);
84
84
  }
85
- ._FieldLayout--has-error_m2sn9_61 ._FieldLayout--input_m2sn9_5 input,
86
- ._FieldLayout--has-error_m2sn9_61 ._FieldLayout--input_m2sn9_5 textarea {
85
+ ._FieldLayout--has-error_15kfc_61 ._FieldLayout--input_15kfc_5 input,
86
+ ._FieldLayout--has-error_15kfc_61 ._FieldLayout--input_15kfc_5 textarea {
87
87
  border-color: var(--eaf4a3);
88
88
  color: var(--7b0f41);
89
89
  }
90
- ._FieldLayout--has-error_m2sn9_61 ._FieldLayout--icon_m2sn9_42 svg {
90
+ ._FieldLayout--has-error_15kfc_61 ._FieldLayout--icon_15kfc_42 svg {
91
91
  color: var(--7b0f41);
92
92
  }
93
- ._FieldLayout--is-focused_m2sn9_72 ._FieldLayout--input_m2sn9_5 input,
94
- ._FieldLayout--is-focused_m2sn9_72 ._FieldLayout--input_m2sn9_5 textarea {
93
+ ._FieldLayout--is-focused_15kfc_72 ._FieldLayout--input_15kfc_5 input,
94
+ ._FieldLayout--is-focused_15kfc_72 ._FieldLayout--input_15kfc_5 textarea {
95
95
  border-color: var(--398094);
96
96
  }
97
- ._FieldLayout--is-disabled_m2sn9_76 ._FieldLayout--input_m2sn9_5 {
97
+ ._FieldLayout--is-disabled_15kfc_76 ._FieldLayout--input_15kfc_5 {
98
98
  background-color: var(--04daeb);
99
99
  }
100
- ._FieldLayout--is-disabled_m2sn9_76 ._FieldLayout--input_m2sn9_5 input,
101
- ._FieldLayout--is-disabled_m2sn9_76 ._FieldLayout--input_m2sn9_5 textarea {
100
+ ._FieldLayout--is-disabled_15kfc_76 ._FieldLayout--input_15kfc_5 input,
101
+ ._FieldLayout--is-disabled_15kfc_76 ._FieldLayout--input_15kfc_5 textarea {
102
102
  border-color: transparent;
103
103
  }
104
- ._FieldLayout--input_m2sn9_5 button {
104
+ ._FieldLayout--input_15kfc_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 @Thu Apr 17 2025 14:13:28 GMT+0000 (Coordinated Universal Time) */
2
- ._FieldLayoutBase_1nvqh_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Apr 22 2025 08:17:52 GMT+0000 (Coordinated Universal Time) */
2
+ ._FieldLayoutBase_zfisw_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_1nvqh_2 input,
13
- ._FieldLayoutBase_1nvqh_2 textarea {
12
+ ._FieldLayoutBase_zfisw_2 input,
13
+ ._FieldLayoutBase_zfisw_2 textarea {
14
14
  display: block;
15
15
  width: 100%;
16
16
  }