@preply/ds-web-lib 2.0.0 → 2.0.1

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-DUJul0uw.js +27 -0
  89. package/dist/layout-gap.module-BdXCPCGM.js +139 -0
  90. package/dist/{layout-grid.module-CKp47Yfz.js → layout-grid.module-BIHGcx1g.js} +97 -97
  91. package/dist/layout-hide.module-CKIK6Snf.js +55 -0
  92. package/dist/{layout-relative.module-DIaUqnvq.js → layout-relative.module-BhIMNlTS.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-v4nAc-_q.js +0 -27
  107. package/dist/layout-gap.module-BRl-r4iq.js +0 -139
  108. package/dist/layout-hide.module-CxXbAgTg.js +0 -55
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025 11:14:28 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
4
- @-webkit-keyframes _spin_1x6u0_1 {
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 {
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_1x6u0_1 {
14
+ @keyframes _spin_1p5zu_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_1x6u0_12 {
24
+ ._Spinner_1p5zu_12 {
25
25
  display: -webkit-inline-box;
26
26
  display: -ms-inline-flexbox;
27
27
  display: inline-flex;
28
28
  }
29
- ._Spinner--size-default_1x6u0_15 > * {
29
+ ._Spinner--size-default_1p5zu_15 > * {
30
30
  width: var(--9270b5);
31
31
  height: var(--9270b5);
32
32
  }
33
- ._Spinner--size-large_1x6u0_19 > * {
33
+ ._Spinner--size-large_1p5zu_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_1x6u0_24 > * {
38
+ ._Spinner--narrow-l--size-default_1p5zu_24 > * {
39
39
  width: var(--9270b5);
40
40
  height: var(--9270b5);
41
41
  }
42
- ._Spinner--narrow-l--size-large_1x6u0_28 > * {
42
+ ._Spinner--narrow-l--size-large_1p5zu_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_1x6u0_34 > * {
48
+ ._Spinner--medium-s--size-default_1p5zu_34 > * {
49
49
  width: var(--9270b5);
50
50
  height: var(--9270b5);
51
51
  }
52
- ._Spinner--medium-s--size-large_1x6u0_38 > * {
52
+ ._Spinner--medium-s--size-large_1p5zu_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_1x6u0_44 > * {
58
+ ._Spinner--medium-l--size-default_1p5zu_44 > * {
59
59
  width: var(--9270b5);
60
60
  height: var(--9270b5);
61
61
  }
62
- ._Spinner--medium-l--size-large_1x6u0_48 > * {
62
+ ._Spinner--medium-l--size-large_1p5zu_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_1x6u0_54 > * {
68
+ ._Spinner--wide-s--size-default_1p5zu_54 > * {
69
69
  width: var(--9270b5);
70
70
  height: var(--9270b5);
71
71
  }
72
- ._Spinner--wide-s--size-large_1x6u0_58 > * {
72
+ ._Spinner--wide-s--size-large_1p5zu_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_1x6u0_64 > * {
78
+ ._Spinner--wide-l--size-default_1p5zu_64 > * {
79
79
  width: var(--9270b5);
80
80
  height: var(--9270b5);
81
81
  }
82
- ._Spinner--wide-l--size-large_1x6u0_68 > * {
82
+ ._Spinner--wide-l--size-large_1p5zu_68 > * {
83
83
  width: var(--77547f);
84
84
  height: var(--77547f);
85
85
  }
86
86
  }
87
- ._Spinner--static_1x6u0_73 {
87
+ ._Spinner--static_1p5zu_73 {
88
88
  display: none;
89
89
  }
90
- ._Spinner--static_1x6u0_73 svg {
90
+ ._Spinner--static_1p5zu_73 svg {
91
91
  fill: currentColor;
92
92
  }
93
- ._Spinner--animated_1x6u0_79 {
93
+ ._Spinner--animated_1p5zu_79 {
94
94
  display: -webkit-inline-box;
95
95
  display: -ms-inline-flexbox;
96
96
  display: inline-flex;
97
97
  }
98
- ._Spinner--animated_1x6u0_79 svg {
98
+ ._Spinner--animated_1p5zu_79 svg {
99
99
  stroke: currentColor;
100
100
  stroke-linecap: round;
101
101
  stroke-width: 3px;
102
- -webkit-animation: _spin_1x6u0_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
103
- animation: _spin_1x6u0_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
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;
104
104
  }
105
105
  @media (prefers-reduced-motion) {
106
- ._Spinner--static_1x6u0_73 {
106
+ ._Spinner--static_1p5zu_73 {
107
107
  display: -webkit-inline-box;
108
108
  display: -ms-inline-flexbox;
109
109
  display: inline-flex;
110
110
  }
111
- ._Spinner--animated_1x6u0_79 {
111
+ ._Spinner--animated_1p5zu_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 @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
2
- ._steps_1b6co_2[aria-busy='true'] {
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'] {
3
3
  cursor: wait;
4
4
  }
5
- ._steps_1b6co_2 > ._content_1b6co_5 {
5
+ ._steps_tad6m_2 > ._content_tad6m_5 {
6
6
  margin-top: var(--558c4c);
7
7
  }
8
- ._steps_1b6co_2 > ._content_1b6co_5 > ._header_1b6co_8 {
8
+ ._steps_tad6m_2 > ._content_tad6m_5 > ._header_tad6m_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_1b6co_2 > ._content_1b6co_5 > ._header_1b6co_8 > ._description_1b6co_14 {
19
+ ._steps_tad6m_2 > ._content_tad6m_5 > ._header_tad6m_8 > ._description_tad6m_14 {
20
20
  font-size: var(--9c8f04);
21
21
  font-weight: var(--1bc44d);
22
22
  line-height: var(--3dd5bc);