@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,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
- /* 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
- ._Icon_ka4nt_4 {
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
+ .Icon__jDdMD {
5
5
  display: inline-block;
6
6
  vertical-align: text-top;
7
7
  }
8
- ._Icon_ka4nt_4 svg {
8
+ .Icon__jDdMD svg {
9
9
  display: block;
10
10
  width: 100%;
11
11
  min-width: 100%;
@@ -13,55 +13,55 @@
13
13
  max-height: 100%;
14
14
  fill: currentColor;
15
15
  }
16
- ._Icon--size-2xs_ka4nt_16 {
16
+ .Icon--size-2xs__3r954 {
17
17
  width: var(--b21f61);
18
18
  height: var(--b21f61);
19
19
  min-width: var(--b21f61);
20
20
  max-width: var(--b21f61);
21
21
  }
22
- ._Icon--size-xs_ka4nt_22 {
22
+ .Icon--size-xs__Fcq73 {
23
23
  width: var(--766f3b);
24
24
  height: var(--766f3b);
25
25
  min-width: var(--766f3b);
26
26
  max-width: var(--766f3b);
27
27
  }
28
- ._Icon--size-s_ka4nt_28 {
28
+ .Icon--size-s__bQoUv {
29
29
  width: var(--7c1b1c);
30
30
  height: var(--7c1b1c);
31
31
  min-width: var(--7c1b1c);
32
32
  max-width: var(--7c1b1c);
33
33
  }
34
- ._Icon--size-m_ka4nt_34 {
34
+ .Icon--size-m__7Z05l {
35
35
  width: var(--2152b7);
36
36
  height: var(--2152b7);
37
37
  min-width: var(--2152b7);
38
38
  max-width: var(--2152b7);
39
39
  }
40
- ._Icon--size-l_ka4nt_40 {
40
+ .Icon--size-l__2o-6h {
41
41
  width: var(--8f525f);
42
42
  height: var(--8f525f);
43
43
  min-width: var(--8f525f);
44
44
  max-width: var(--8f525f);
45
45
  }
46
- ._Icon--size-16_ka4nt_46 {
46
+ .Icon--size-16__P1SXI {
47
47
  width: var(--656bbc);
48
48
  height: var(--656bbc);
49
49
  min-width: var(--656bbc);
50
50
  max-width: var(--656bbc);
51
51
  }
52
- ._Icon--size-24_ka4nt_52 {
52
+ .Icon--size-24__vnVQ0 {
53
53
  width: var(--81dc82);
54
54
  height: var(--81dc82);
55
55
  min-width: var(--81dc82);
56
56
  max-width: var(--81dc82);
57
57
  }
58
- ._Icon--size-32_ka4nt_58 {
58
+ .Icon--size-32__gHIna {
59
59
  width: var(--2a6452);
60
60
  height: var(--2a6452);
61
61
  min-width: var(--2a6452);
62
62
  max-width: var(--2a6452);
63
63
  }
64
- ._Icon--size-48_ka4nt_64 {
64
+ .Icon--size-48__0PUAE {
65
65
  width: var(--03d2e4);
66
66
  height: var(--03d2e4);
67
67
  min-width: var(--03d2e4);
@@ -1,4 +1,4 @@
1
- /* 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) */
1
+ /* 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) */
2
2
  [data-preply-ds-component="LayoutFlex"] {
3
3
  display: -webkit-box;
4
4
  display: -ms-flexbox;
@@ -1,5 +1,5 @@
1
- /* 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) */
2
- ._LayoutFlexItem_zv5qz_2 {
1
+ /* 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) */
2
+ .LayoutFlexItem__0eYcj {
3
3
  padding: 0;
4
4
  margin: 0;
5
5
  list-style: none;
@@ -8,71 +8,71 @@
8
8
  text-align: inherit;
9
9
  border-spacing: 0;
10
10
  }
11
- ._LayoutFlexItem--stretch_zv5qz_11 {
11
+ .LayoutFlexItem--stretch__Jqv5O {
12
12
  -webkit-box-flex: 1;
13
13
  -ms-flex: 1;
14
14
  flex: 1;
15
15
  }
16
- ._LayoutFlexItem--no-stretch_zv5qz_14 {
16
+ .LayoutFlexItem--no-stretch__PvzwT {
17
17
  -webkit-box-flex: 0;
18
18
  -ms-flex: none;
19
19
  flex: none;
20
20
  }
21
21
  @media (min-width: 400px) {
22
- ._LayoutFlexItem--narrow-l--stretch_zv5qz_18 {
22
+ .LayoutFlexItem--narrow-l--stretch__qHYyW {
23
23
  -webkit-box-flex: 1;
24
24
  -ms-flex: 1;
25
25
  flex: 1;
26
26
  }
27
- ._LayoutFlexItem--narrow-l--no-stretch_zv5qz_21 {
27
+ .LayoutFlexItem--narrow-l--no-stretch__gerLX {
28
28
  -webkit-box-flex: 0;
29
29
  -ms-flex: none;
30
30
  flex: none;
31
31
  }
32
32
  }
33
33
  @media (min-width: 700px) {
34
- ._LayoutFlexItem--medium-s--stretch_zv5qz_26 {
34
+ .LayoutFlexItem--medium-s--stretch__BzvqZ {
35
35
  -webkit-box-flex: 1;
36
36
  -ms-flex: 1;
37
37
  flex: 1;
38
38
  }
39
- ._LayoutFlexItem--medium-s--no-stretch_zv5qz_29 {
39
+ .LayoutFlexItem--medium-s--no-stretch__-yKBs {
40
40
  -webkit-box-flex: 0;
41
41
  -ms-flex: none;
42
42
  flex: none;
43
43
  }
44
44
  }
45
45
  @media (min-width: 880px) {
46
- ._LayoutFlexItem--medium-l--stretch_zv5qz_34 {
46
+ .LayoutFlexItem--medium-l--stretch__Ta-hC {
47
47
  -webkit-box-flex: 1;
48
48
  -ms-flex: 1;
49
49
  flex: 1;
50
50
  }
51
- ._LayoutFlexItem--medium-l--no-stretch_zv5qz_37 {
51
+ .LayoutFlexItem--medium-l--no-stretch__aO4iE {
52
52
  -webkit-box-flex: 0;
53
53
  -ms-flex: none;
54
54
  flex: none;
55
55
  }
56
56
  }
57
57
  @media (min-width: 1200px) {
58
- ._LayoutFlexItem--wide-s--stretch_zv5qz_42 {
58
+ .LayoutFlexItem--wide-s--stretch__-5pQz {
59
59
  -webkit-box-flex: 1;
60
60
  -ms-flex: 1;
61
61
  flex: 1;
62
62
  }
63
- ._LayoutFlexItem--wide-s--no-stretch_zv5qz_45 {
63
+ .LayoutFlexItem--wide-s--no-stretch__cge-J {
64
64
  -webkit-box-flex: 0;
65
65
  -ms-flex: none;
66
66
  flex: none;
67
67
  }
68
68
  }
69
69
  @media (min-width: 1900px) {
70
- ._LayoutFlexItem--wide-l--stretch_zv5qz_50 {
70
+ .LayoutFlexItem--wide-l--stretch__7GhYM {
71
71
  -webkit-box-flex: 1;
72
72
  -ms-flex: 1;
73
73
  flex: 1;
74
74
  }
75
- ._LayoutFlexItem--wide-l--no-stretch_zv5qz_53 {
75
+ .LayoutFlexItem--wide-l--no-stretch__9tE4Z {
76
76
  -webkit-box-flex: 0;
77
77
  -ms-flex: none;
78
78
  flex: none;
@@ -1,4 +1,4 @@
1
- ._LayoutGridItem_2tq6r_1 {
1
+ .LayoutGridItem__HXV4b {
2
2
  margin: 0;
3
3
  list-style: none;
4
4
  font-weight: inherit;
@@ -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
- ._Link_p4f2q_4 {
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
+ .Link__0oP-l {
5
5
  display: inline-block;
6
6
  border-radius: var(--5eeb28);
7
7
  -webkit-text-decoration: var(--f13872);
@@ -12,71 +12,71 @@
12
12
  -ms-touch-action: manipulation;
13
13
  touch-action: manipulation;
14
14
  }
15
- ._Link_p4f2q_4:focus-visible {
15
+ .Link__0oP-l:focus-visible {
16
16
  outline-style: solid;
17
17
  outline-color: var(--603ec6);
18
18
  outline-width: var(--99d31f);
19
19
  outline-offset: var(--c0b12c);
20
20
  }
21
- ._Link--inline_p4f2q_20 {
21
+ .Link--inline__VOKvL {
22
22
  display: inline;
23
23
  }
24
- ._Link--noUnderline_p4f2q_23 {
24
+ .Link--noUnderline__CpiR9 {
25
25
  -webkit-text-decoration: none;
26
26
  text-decoration: none;
27
27
  }
28
- ._Link--variant-accentDark_p4f2q_26 {
28
+ .Link--variant-accentDark__ECRfH {
29
29
  color: var(--c6b68f);
30
30
  }
31
- ._Link--variant-accentDark_p4f2q_26:hover,
32
- ._Link--variant-accentDark--dsInternalSimulation-hover_p4f2q_30 {
31
+ .Link--variant-accentDark__ECRfH:hover,
32
+ .Link--variant-accentDark--dsInternalSimulation-hover__JTAlS {
33
33
  color: var(--65e1ef);
34
34
  }
35
- ._Link--variant-accentDark_p4f2q_26:active,
36
- ._Link--variant-accentDark--dsInternalSimulation-active_p4f2q_34 {
35
+ .Link--variant-accentDark__ECRfH:active,
36
+ .Link--variant-accentDark--dsInternalSimulation-active__ew7GY {
37
37
  color: var(--179b80);
38
38
  }
39
- ._Link--variant-accentDarkInverted_p4f2q_37 {
39
+ .Link--variant-accentDarkInverted__csBv5 {
40
40
  color: var(--7cbffc);
41
41
  }
42
- ._Link--variant-accentDarkInverted_p4f2q_37:hover,
43
- ._Link--variant-accentDarkInverted--dsInternalSimulation-hover_p4f2q_41 {
42
+ .Link--variant-accentDarkInverted__csBv5:hover,
43
+ .Link--variant-accentDarkInverted--dsInternalSimulation-hover__eAUvo {
44
44
  color: var(--47fcde);
45
45
  }
46
- ._Link--variant-accentDarkInverted_p4f2q_37:active,
47
- ._Link--variant-accentDarkInverted--dsInternalSimulation-active_p4f2q_45 {
46
+ .Link--variant-accentDarkInverted__csBv5:active,
47
+ .Link--variant-accentDarkInverted--dsInternalSimulation-active__Xb-2- {
48
48
  color: var(--1253e2);
49
49
  }
50
- ._Link--variant-neutral_p4f2q_48 {
50
+ .Link--variant-neutral__krm1o {
51
51
  color: var(--19fdf0);
52
52
  }
53
- ._Link--variant-neutral_p4f2q_48:hover,
54
- ._Link--variant-neutral--dsInternalSimulation-hover_p4f2q_52 {
53
+ .Link--variant-neutral__krm1o:hover,
54
+ .Link--variant-neutral--dsInternalSimulation-hover__avwXp {
55
55
  color: var(--ce5fb9);
56
56
  }
57
- ._Link--variant-neutral_p4f2q_48:active,
58
- ._Link--variant-neutral--dsInternalSimulation-active_p4f2q_56 {
57
+ .Link--variant-neutral__krm1o:active,
58
+ .Link--variant-neutral--dsInternalSimulation-active__I8XiT {
59
59
  color: var(--1d39ac);
60
60
  }
61
- ._Link--variant-neutralInverted_p4f2q_59 {
61
+ .Link--variant-neutralInverted__gzzYq {
62
62
  color: var(--883d0f);
63
63
  }
64
- ._Link--variant-neutralInverted_p4f2q_59:hover,
65
- ._Link--variant-neutralInverted--dsInternalSimulation-hover_p4f2q_63 {
64
+ .Link--variant-neutralInverted__gzzYq:hover,
65
+ .Link--variant-neutralInverted--dsInternalSimulation-hover__s6i9I {
66
66
  color: var(--065570);
67
67
  }
68
- ._Link--variant-neutralInverted_p4f2q_59:active,
69
- ._Link--variant-neutralInverted--dsInternalSimulation-active_p4f2q_67 {
68
+ .Link--variant-neutralInverted__gzzYq:active,
69
+ .Link--variant-neutralInverted--dsInternalSimulation-active__y3WF5 {
70
70
  color: var(--be41c4);
71
71
  }
72
- ._Link--variant-unsetColors_p4f2q_70 {
72
+ .Link--variant-unsetColors__S5q1C {
73
73
  color: var(--e66f2a);
74
74
  }
75
- ._Link--variant-unsetColors_p4f2q_70:hover,
76
- ._Link--variant-unsetColors--dsInternalSimulation-hover_p4f2q_74 {
75
+ .Link--variant-unsetColors__S5q1C:hover,
76
+ .Link--variant-unsetColors--dsInternalSimulation-hover__ovNJh {
77
77
  color: var(--468ceb);
78
78
  }
79
- ._Link--variant-unsetColors_p4f2q_70:active,
80
- ._Link--variant-unsetColors--dsInternalSimulation-active_p4f2q_78 {
79
+ .Link--variant-unsetColors__S5q1C:active,
80
+ .Link--variant-unsetColors--dsInternalSimulation-active__9v0om {
81
81
  color: var(--a5fc76);
82
82
  }
@@ -1,5 +1,5 @@
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
- ._Loader_o58s3_2 {
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
+ .Loader__sOe0E {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
5
5
  display: inline-flex;
@@ -10,9 +10,9 @@
10
10
  height: -moz-fit-content;
11
11
  height: fit-content;
12
12
  }
13
- ._Loader--normal_o58s3_7 {
13
+ .Loader--normal__pJxRq {
14
14
  color: var(--19bcb6);
15
15
  }
16
- ._Loader--inverted_o58s3_10 {
16
+ .Loader--inverted__PauMY {
17
17
  color: var(--38413d);
18
18
  }
@@ -1,14 +1,14 @@
1
- ._NumberField_kx5jx_1 {
1
+ .NumberField__v7kgZ {
2
2
  display: -webkit-box;
3
3
  display: -ms-flexbox;
4
4
  display: flex;
5
5
  }
6
- ._NumberField_kx5jx_1 input::-webkit-outer-spin-button,
7
- ._NumberField_kx5jx_1 input::-webkit-inner-spin-button {
6
+ .NumberField__v7kgZ input::-webkit-outer-spin-button,
7
+ .NumberField__v7kgZ input::-webkit-inner-spin-button {
8
8
  -webkit-appearance: none;
9
9
  margin: 0;
10
10
  }
11
- ._NumberField_kx5jx_1 input[type='number'] {
11
+ .NumberField__v7kgZ input[type='number'] {
12
12
  -moz-appearance: textfield;
13
13
  -webkit-appearance: textfield;
14
14
  appearance: textfield;
@@ -1,5 +1,5 @@
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
- ._content_1uknq_2 {
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
+ .content__n7yV2 {
3
3
  background-color: var(--79dffb);
4
4
  border-radius: var(--fa4b1a);
5
5
  padding: var(--558c4c);
@@ -24,15 +24,15 @@
24
24
  transform-origin: var(--radix-popover-content-transform-origin);
25
25
  will-change: transform, opacity;
26
26
  }
27
- ._content_1uknq_2[data-state='open'] {
28
- -webkit-animation-name: _appear_1uknq_1;
29
- animation-name: _appear_1uknq_1;
27
+ .content__n7yV2[data-state='open'] {
28
+ -webkit-animation-name: appear__GAjFE;
29
+ animation-name: appear__GAjFE;
30
30
  }
31
- ._content_1uknq_2[data-state='closed'] {
32
- -webkit-animation-name: _disappear_1uknq_1;
33
- animation-name: _disappear_1uknq_1;
31
+ .content__n7yV2[data-state='closed'] {
32
+ -webkit-animation-name: disappear__VSH-q;
33
+ animation-name: disappear__VSH-q;
34
34
  }
35
- ._header_1uknq_23 {
35
+ .header__Ac4lZ {
36
36
  display: -webkit-box;
37
37
  display: -ms-flexbox;
38
38
  display: flex;
@@ -47,7 +47,7 @@
47
47
  -ms-flex-align: start;
48
48
  align-items: flex-start;
49
49
  }
50
- ._close_1uknq_29 {
50
+ .close__vA-Wp {
51
51
  background: none;
52
52
  border: none;
53
53
  border-radius: var(--5e8be4);
@@ -55,13 +55,13 @@
55
55
  margin: 0;
56
56
  cursor: pointer;
57
57
  }
58
- ._close_1uknq_29:focus-visible {
58
+ .close__vA-Wp:focus-visible {
59
59
  outline-style: solid;
60
60
  outline-color: var(--603ec6);
61
61
  outline-width: var(--99d31f);
62
62
  outline-offset: var(--c0b12c);
63
63
  }
64
- ._footer_1uknq_43 {
64
+ .footer__LapLT {
65
65
  display: -webkit-box;
66
66
  display: -ms-flexbox;
67
67
  display: flex;
@@ -73,10 +73,10 @@
73
73
  -ms-flex-align: center;
74
74
  align-items: center;
75
75
  }
76
- ._arrow_1uknq_49 {
76
+ .arrow__L3Z6O {
77
77
  fill: var(--79dffb);
78
78
  }
79
- @-webkit-keyframes _appear_1uknq_1 {
79
+ @-webkit-keyframes appear__GAjFE {
80
80
  from {
81
81
  opacity: 0;
82
82
  -webkit-transform: scale(0);
@@ -88,7 +88,7 @@
88
88
  transform: scale(1);
89
89
  }
90
90
  }
91
- @keyframes _appear_1uknq_1 {
91
+ @keyframes appear__GAjFE {
92
92
  from {
93
93
  opacity: 0;
94
94
  -webkit-transform: scale(0);
@@ -100,7 +100,7 @@
100
100
  transform: scale(1);
101
101
  }
102
102
  }
103
- @-webkit-keyframes _disappear_1uknq_1 {
103
+ @-webkit-keyframes disappear__VSH-q {
104
104
  from {
105
105
  opacity: 1;
106
106
  -webkit-transform: scale(1);
@@ -112,7 +112,7 @@
112
112
  transform: scale(0);
113
113
  }
114
114
  }
115
- @keyframes _disappear_1uknq_1 {
115
+ @keyframes disappear__VSH-q {
116
116
  from {
117
117
  opacity: 1;
118
118
  -webkit-transform: scale(1);
@@ -1,5 +1,5 @@
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
- ._counter_x31ov_2 {
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
+ .counter__e0-bi {
3
3
  -webkit-box-flex: 1;
4
4
  -ms-flex: 1;
5
5
  flex: 1;
@@ -1,4 +1,4 @@
1
- ._PasswordField_glhh2_1 {
1
+ .PasswordField__4RbVc {
2
2
  display: -webkit-box;
3
3
  display: -ms-flexbox;
4
4
  display: flex;
@@ -1,17 +1,17 @@
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
- ._PreplyLogo_16ocz_2 {
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
+ .PreplyLogo__Grf-P {
3
3
  display: inline-block;
4
4
  }
5
- ._PreplyLogo_16ocz_2 svg {
5
+ .PreplyLogo__Grf-P svg {
6
6
  display: block;
7
7
  }
8
- ._PreplyLogo_16ocz_2 [data-name='preply'] path,
9
- ._PreplyLogo_16ocz_2 [data-name='business'] path,
10
- ._PreplyLogo_16ocz_2 [data-name='logomark'] {
8
+ .PreplyLogo__Grf-P [data-name='preply'] path,
9
+ .PreplyLogo__Grf-P [data-name='business'] path,
10
+ .PreplyLogo__Grf-P [data-name='logomark'] {
11
11
  fill: var(--95b129);
12
12
  }
13
- ._PreplyLogo--inverted_16ocz_13 [data-name='preply'] path,
14
- ._PreplyLogo--inverted_16ocz_13 [data-name='business'] path,
15
- ._PreplyLogo--inverted_16ocz_13 [data-name='logomark'] {
13
+ .PreplyLogo--inverted__9AnNM [data-name='preply'] path,
14
+ .PreplyLogo--inverted__9AnNM [data-name='business'] path,
15
+ .PreplyLogo--inverted__9AnNM [data-name='logomark'] {
16
16
  fill: var(--e6a034);
17
17
  }
@@ -1,5 +1,5 @@
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
- ._ProgressBar_1b9u5_2 {
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
+ .ProgressBar__BR9lE {
3
3
  display: block;
4
4
  height: var(--c484d1);
5
5
  position: relative;
@@ -7,7 +7,7 @@
7
7
  -webkit-box-sizing: border-box;
8
8
  box-sizing: border-box;
9
9
  }
10
- ._ProgressBar_1b9u5_2::before {
10
+ .ProgressBar__BR9lE::before {
11
11
  content: '';
12
12
  position: absolute;
13
13
  top: 0;
@@ -1,5 +1,5 @@
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
- ._ProgressSteps_i6wbn_2 {
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
+ .ProgressSteps__FoPeH {
3
3
  display: -webkit-box;
4
4
  display: -ms-flexbox;
5
5
  display: flex;
@@ -7,7 +7,7 @@
7
7
  -ms-flex-wrap: wrap;
8
8
  flex-wrap: wrap;
9
9
  }
10
- ._ProgressSteps_i6wbn_2 > ._step_i6wbn_7 {
10
+ .ProgressSteps__FoPeH > .step__iXjRm {
11
11
  position: relative;
12
12
  -webkit-box-sizing: border-box;
13
13
  box-sizing: border-box;
@@ -17,7 +17,7 @@
17
17
  border-color: var(--11d206);
18
18
  border-width: var(--26b8e3);
19
19
  }
20
- ._ProgressSteps_i6wbn_2 > ._step_i6wbn_7::after {
20
+ .ProgressSteps__FoPeH > .step__iXjRm::after {
21
21
  position: absolute;
22
22
  content: '';
23
23
  top: 0;
@@ -30,14 +30,14 @@
30
30
  transform: scaleX(0);
31
31
  background-color: var(--11d206);
32
32
  }
33
- ._ProgressSteps_i6wbn_2 > ._step_i6wbn_7[aria-current='step']::after,
34
- ._ProgressSteps_i6wbn_2 > ._step_i6wbn_7[aria-current='step'] + ._step_i6wbn_7[data-active='false']::after {
33
+ .ProgressSteps__FoPeH > .step__iXjRm[aria-current='step']::after,
34
+ .ProgressSteps__FoPeH > .step__iXjRm[aria-current='step'] + .step__iXjRm[data-active='false']::after {
35
35
  -webkit-transition: -webkit-transform 0.1s ease;
36
36
  transition: -webkit-transform 0.1s ease;
37
37
  transition: transform 0.1s ease;
38
38
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
39
39
  }
40
- ._ProgressSteps_i6wbn_2 > ._step_i6wbn_7[data-active='true']::after {
40
+ .ProgressSteps__FoPeH > .step__iXjRm[data-active='true']::after {
41
41
  -webkit-transform: scaleX(1);
42
42
  transform: scaleX(1);
43
43
  }
@@ -1,4 +1,4 @@
1
- ._SelectField_182ji_1 {
1
+ .SelectField__2QMRi {
2
2
  display: -webkit-box;
3
3
  display: -ms-flexbox;
4
4
  display: flex;
@@ -1,8 +1,8 @@
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/hover/web-core-hover-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
3
- /* 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) */
4
- /* 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) */
5
- ._SelectFieldLayout--input_sl68q_5 {
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/hover/web-core-hover-less.ts @Thu May 22 2025 11:02:58 GMT+0000 (Coordinated Universal Time) */
3
+ /* 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) */
4
+ /* 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) */
5
+ .SelectFieldLayout--input__zSTV8 {
6
6
  position: relative;
7
7
  background-color: var(--302ecf);
8
8
  border-style: solid;
@@ -13,11 +13,11 @@
13
13
  border-radius: var(--c4b051);
14
14
  }
15
15
  @media (hover: hover) and (pointer: fine) {
16
- ._SelectFieldLayout--input_sl68q_5:hover {
16
+ .SelectFieldLayout--input__zSTV8:hover {
17
17
  border-color: var(--0bd642);
18
18
  }
19
19
  }
20
- ._SelectFieldLayout--input_sl68q_5 select {
20
+ .SelectFieldLayout--input__zSTV8 select {
21
21
  -webkit-appearance: none;
22
22
  -moz-appearance: none;
23
23
  appearance: none;
@@ -37,7 +37,7 @@
37
37
  padding-right: calc(var(--1ba55a) + (var(--7c1b1c) + var(--1ba55a)));
38
38
  padding-right: calc(var(--1ba55a) + calc(var(--7c1b1c) + var(--1ba55a)));
39
39
  }
40
- ._SelectFieldLayout--icon_sl68q_37 {
40
+ .SelectFieldLayout--icon__4h8dT {
41
41
  position: absolute;
42
42
  top: calc(var(--d9baa3) + var(--1ba55a));
43
43
  left: calc(var(--477fda) - var(--d9baa3));
@@ -45,10 +45,10 @@
45
45
  font-size: 0;
46
46
  pointer-events: none;
47
47
  }
48
- ._SelectFieldLayout--icon_sl68q_37 svg {
48
+ .SelectFieldLayout--icon__4h8dT svg {
49
49
  color: var(--cbc724);
50
50
  }
51
- ._SelectFieldLayout--dropdown-indicator_sl68q_48 {
51
+ .SelectFieldLayout--dropdown-indicator__FC75B {
52
52
  position: absolute;
53
53
  top: calc(var(--d9baa3) + var(--1ba55a));
54
54
  right: var(--1ba55a);
@@ -56,30 +56,30 @@
56
56
  font-size: 0;
57
57
  pointer-events: none;
58
58
  }
59
- ._SelectFieldLayout--dropdown-indicator_sl68q_48 svg {
59
+ .SelectFieldLayout--dropdown-indicator__FC75B svg {
60
60
  color: var(--cbc724);
61
61
  }
62
- ._SelectFieldLayout--has-value_sl68q_59 ._SelectFieldLayout--input_sl68q_5 select {
62
+ .SelectFieldLayout--has-value__6pmXO .SelectFieldLayout--input__zSTV8 select {
63
63
  color: var(--41d493);
64
64
  }
65
- ._SelectFieldLayout--has-icon_sl68q_62 ._SelectFieldLayout--input_sl68q_5 select {
65
+ .SelectFieldLayout--has-icon__QkTsD .SelectFieldLayout--input__zSTV8 select {
66
66
  padding-left: calc((var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a));
67
67
  padding-left: calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a));
68
68
  }
69
- ._SelectFieldLayout--has-error_sl68q_65 ._SelectFieldLayout--input_sl68q_5 {
69
+ .SelectFieldLayout--has-error__0TVsQ .SelectFieldLayout--input__zSTV8 {
70
70
  background-color: var(--95df5b);
71
71
  border-color: var(--eaf4a3);
72
72
  }
73
- ._SelectFieldLayout--has-error_sl68q_65 ._SelectFieldLayout--input_sl68q_5 input {
73
+ .SelectFieldLayout--has-error__0TVsQ .SelectFieldLayout--input__zSTV8 input {
74
74
  color: var(--7b0f41);
75
75
  }
76
- ._SelectFieldLayout--has-error_sl68q_65 ._SelectFieldLayout--icon_sl68q_37 svg {
76
+ .SelectFieldLayout--has-error__0TVsQ .SelectFieldLayout--icon__4h8dT svg {
77
77
  color: var(--7b0f41);
78
78
  }
79
- ._SelectFieldLayout--is-focused_sl68q_75 ._SelectFieldLayout--input_sl68q_5 {
79
+ .SelectFieldLayout--is-focused__NiJxy .SelectFieldLayout--input__zSTV8 {
80
80
  border-color: var(--398094);
81
81
  }
82
- ._SelectFieldLayout--is-disabled_sl68q_78 ._SelectFieldLayout--input_sl68q_5 {
82
+ .SelectFieldLayout--is-disabled__riVA1 .SelectFieldLayout--input__zSTV8 {
83
83
  background-color: var(--04daeb);
84
84
  border-color: transparent;
85
85
  }