@preply/ds-web-lib 1.5.0 → 2.0.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 (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-v4nAc-_q.js +27 -0
  89. package/dist/layout-gap.module-BRl-r4iq.js +139 -0
  90. package/dist/{layout-grid.module-YxQ1leYH.js → layout-grid.module-CKp47Yfz.js} +97 -97
  91. package/dist/layout-hide.module-CxXbAgTg.js +55 -0
  92. package/dist/{layout-relative.module-BIEPDZE2.js → layout-relative.module-DIaUqnvq.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-DeaW0ui4.js +0 -27
  107. package/dist/layout-gap.module-DLR1C9EV.js +0 -139
  108. package/dist/layout-hide.module-rFpj-qdB.js +0 -55
@@ -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 08:07:57 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 08:07:56 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 08:08:00 GMT+0000 (Coordinated Universal Time) */
4
- ._Icon_yzb4a_4 {
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
+ ._Icon_nhv3l_4 {
5
5
  display: inline-block;
6
6
  vertical-align: text-top;
7
7
  }
8
- ._Icon_yzb4a_4 svg {
8
+ ._Icon_nhv3l_4 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_yzb4a_16 {
16
+ ._Icon--size-2xs_nhv3l_16 {
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_yzb4a_22 {
22
+ ._Icon--size-xs_nhv3l_22 {
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_yzb4a_28 {
28
+ ._Icon--size-s_nhv3l_28 {
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_yzb4a_34 {
34
+ ._Icon--size-m_nhv3l_34 {
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_yzb4a_40 {
40
+ ._Icon--size-l_nhv3l_40 {
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_yzb4a_46 {
46
+ ._Icon--size-16_nhv3l_46 {
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_yzb4a_52 {
52
+ ._Icon--size-24_nhv3l_52 {
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_yzb4a_58 {
58
+ ._Icon--size-32_nhv3l_58 {
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_yzb4a_64 {
64
+ ._Icon--size-48_nhv3l_64 {
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 @Thu May 08 2025 08:08:00 GMT+0000 (Coordinated Universal Time) */
1
+ /* 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) */
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 @Thu May 08 2025 08:08:00 GMT+0000 (Coordinated Universal Time) */
2
- ._LayoutFlexItem_1l6ex_2 {
1
+ /* 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) */
2
+ ._LayoutFlexItem_x4rua_2 {
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_1l6ex_11 {
11
+ ._LayoutFlexItem--stretch_x4rua_11 {
12
12
  -webkit-box-flex: 1;
13
13
  -ms-flex: 1;
14
14
  flex: 1;
15
15
  }
16
- ._LayoutFlexItem--no-stretch_1l6ex_14 {
16
+ ._LayoutFlexItem--no-stretch_x4rua_14 {
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_1l6ex_18 {
22
+ ._LayoutFlexItem--narrow-l--stretch_x4rua_18 {
23
23
  -webkit-box-flex: 1;
24
24
  -ms-flex: 1;
25
25
  flex: 1;
26
26
  }
27
- ._LayoutFlexItem--narrow-l--no-stretch_1l6ex_21 {
27
+ ._LayoutFlexItem--narrow-l--no-stretch_x4rua_21 {
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_1l6ex_26 {
34
+ ._LayoutFlexItem--medium-s--stretch_x4rua_26 {
35
35
  -webkit-box-flex: 1;
36
36
  -ms-flex: 1;
37
37
  flex: 1;
38
38
  }
39
- ._LayoutFlexItem--medium-s--no-stretch_1l6ex_29 {
39
+ ._LayoutFlexItem--medium-s--no-stretch_x4rua_29 {
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_1l6ex_34 {
46
+ ._LayoutFlexItem--medium-l--stretch_x4rua_34 {
47
47
  -webkit-box-flex: 1;
48
48
  -ms-flex: 1;
49
49
  flex: 1;
50
50
  }
51
- ._LayoutFlexItem--medium-l--no-stretch_1l6ex_37 {
51
+ ._LayoutFlexItem--medium-l--no-stretch_x4rua_37 {
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_1l6ex_42 {
58
+ ._LayoutFlexItem--wide-s--stretch_x4rua_42 {
59
59
  -webkit-box-flex: 1;
60
60
  -ms-flex: 1;
61
61
  flex: 1;
62
62
  }
63
- ._LayoutFlexItem--wide-s--no-stretch_1l6ex_45 {
63
+ ._LayoutFlexItem--wide-s--no-stretch_x4rua_45 {
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_1l6ex_50 {
70
+ ._LayoutFlexItem--wide-l--stretch_x4rua_50 {
71
71
  -webkit-box-flex: 1;
72
72
  -ms-flex: 1;
73
73
  flex: 1;
74
74
  }
75
- ._LayoutFlexItem--wide-l--no-stretch_1l6ex_53 {
75
+ ._LayoutFlexItem--wide-l--no-stretch_x4rua_53 {
76
76
  -webkit-box-flex: 0;
77
77
  -ms-flex: none;
78
78
  flex: none;
@@ -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 08:07:57 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 08:07:56 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 08:08:00 GMT+0000 (Coordinated Universal Time) */
4
- ._Link_o4jyb_4 {
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
+ ._Link_1tkj3_4 {
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_o4jyb_4:focus-visible {
15
+ ._Link_1tkj3_4: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_o4jyb_20 {
21
+ ._Link--inline_1tkj3_20 {
22
22
  display: inline;
23
23
  }
24
- ._Link--noUnderline_o4jyb_23 {
24
+ ._Link--noUnderline_1tkj3_23 {
25
25
  -webkit-text-decoration: none;
26
26
  text-decoration: none;
27
27
  }
28
- ._Link--variant-accentDark_o4jyb_26 {
28
+ ._Link--variant-accentDark_1tkj3_26 {
29
29
  color: var(--c6b68f);
30
30
  }
31
- ._Link--variant-accentDark_o4jyb_26:hover,
32
- ._Link--variant-accentDark--dsInternalSimulation-hover_o4jyb_30 {
31
+ ._Link--variant-accentDark_1tkj3_26:hover,
32
+ ._Link--variant-accentDark--dsInternalSimulation-hover_1tkj3_30 {
33
33
  color: var(--65e1ef);
34
34
  }
35
- ._Link--variant-accentDark_o4jyb_26:active,
36
- ._Link--variant-accentDark--dsInternalSimulation-active_o4jyb_34 {
35
+ ._Link--variant-accentDark_1tkj3_26:active,
36
+ ._Link--variant-accentDark--dsInternalSimulation-active_1tkj3_34 {
37
37
  color: var(--179b80);
38
38
  }
39
- ._Link--variant-accentDarkInverted_o4jyb_37 {
39
+ ._Link--variant-accentDarkInverted_1tkj3_37 {
40
40
  color: var(--7cbffc);
41
41
  }
42
- ._Link--variant-accentDarkInverted_o4jyb_37:hover,
43
- ._Link--variant-accentDarkInverted--dsInternalSimulation-hover_o4jyb_41 {
42
+ ._Link--variant-accentDarkInverted_1tkj3_37:hover,
43
+ ._Link--variant-accentDarkInverted--dsInternalSimulation-hover_1tkj3_41 {
44
44
  color: var(--47fcde);
45
45
  }
46
- ._Link--variant-accentDarkInverted_o4jyb_37:active,
47
- ._Link--variant-accentDarkInverted--dsInternalSimulation-active_o4jyb_45 {
46
+ ._Link--variant-accentDarkInverted_1tkj3_37:active,
47
+ ._Link--variant-accentDarkInverted--dsInternalSimulation-active_1tkj3_45 {
48
48
  color: var(--1253e2);
49
49
  }
50
- ._Link--variant-neutral_o4jyb_48 {
50
+ ._Link--variant-neutral_1tkj3_48 {
51
51
  color: var(--19fdf0);
52
52
  }
53
- ._Link--variant-neutral_o4jyb_48:hover,
54
- ._Link--variant-neutral--dsInternalSimulation-hover_o4jyb_52 {
53
+ ._Link--variant-neutral_1tkj3_48:hover,
54
+ ._Link--variant-neutral--dsInternalSimulation-hover_1tkj3_52 {
55
55
  color: var(--ce5fb9);
56
56
  }
57
- ._Link--variant-neutral_o4jyb_48:active,
58
- ._Link--variant-neutral--dsInternalSimulation-active_o4jyb_56 {
57
+ ._Link--variant-neutral_1tkj3_48:active,
58
+ ._Link--variant-neutral--dsInternalSimulation-active_1tkj3_56 {
59
59
  color: var(--1d39ac);
60
60
  }
61
- ._Link--variant-neutralInverted_o4jyb_59 {
61
+ ._Link--variant-neutralInverted_1tkj3_59 {
62
62
  color: var(--883d0f);
63
63
  }
64
- ._Link--variant-neutralInverted_o4jyb_59:hover,
65
- ._Link--variant-neutralInverted--dsInternalSimulation-hover_o4jyb_63 {
64
+ ._Link--variant-neutralInverted_1tkj3_59:hover,
65
+ ._Link--variant-neutralInverted--dsInternalSimulation-hover_1tkj3_63 {
66
66
  color: var(--065570);
67
67
  }
68
- ._Link--variant-neutralInverted_o4jyb_59:active,
69
- ._Link--variant-neutralInverted--dsInternalSimulation-active_o4jyb_67 {
68
+ ._Link--variant-neutralInverted_1tkj3_59:active,
69
+ ._Link--variant-neutralInverted--dsInternalSimulation-active_1tkj3_67 {
70
70
  color: var(--be41c4);
71
71
  }
72
- ._Link--variant-unsetColors_o4jyb_70 {
72
+ ._Link--variant-unsetColors_1tkj3_70 {
73
73
  color: var(--e66f2a);
74
74
  }
75
- ._Link--variant-unsetColors_o4jyb_70:hover,
76
- ._Link--variant-unsetColors--dsInternalSimulation-hover_o4jyb_74 {
75
+ ._Link--variant-unsetColors_1tkj3_70:hover,
76
+ ._Link--variant-unsetColors--dsInternalSimulation-hover_1tkj3_74 {
77
77
  color: var(--468ceb);
78
78
  }
79
- ._Link--variant-unsetColors_o4jyb_70:active,
80
- ._Link--variant-unsetColors--dsInternalSimulation-active_o4jyb_78 {
79
+ ._Link--variant-unsetColors_1tkj3_70:active,
80
+ ._Link--variant-unsetColors--dsInternalSimulation-active_1tkj3_78 {
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 @Thu May 08 2025 08:07:57 GMT+0000 (Coordinated Universal Time) */
2
- ._Loader_czdev_2 {
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
+ ._Loader_5yfhg_2 {
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_czdev_7 {
13
+ ._Loader--normal_5yfhg_7 {
14
14
  color: var(--19bcb6);
15
15
  }
16
- ._Loader--inverted_czdev_10 {
16
+ ._Loader--inverted_5yfhg_10 {
17
17
  color: var(--38413d);
18
18
  }
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 08:07:57 GMT+0000 (Coordinated Universal Time) */
2
- ._content_i6mwc_2 {
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
+ ._content_1eee8_2 {
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_i6mwc_2[data-state='open'] {
28
- -webkit-animation-name: _appear_i6mwc_1;
29
- animation-name: _appear_i6mwc_1;
27
+ ._content_1eee8_2[data-state='open'] {
28
+ -webkit-animation-name: _appear_1eee8_1;
29
+ animation-name: _appear_1eee8_1;
30
30
  }
31
- ._content_i6mwc_2[data-state='closed'] {
32
- -webkit-animation-name: _disappear_i6mwc_1;
33
- animation-name: _disappear_i6mwc_1;
31
+ ._content_1eee8_2[data-state='closed'] {
32
+ -webkit-animation-name: _disappear_1eee8_1;
33
+ animation-name: _disappear_1eee8_1;
34
34
  }
35
- ._header_i6mwc_23 {
35
+ ._header_1eee8_23 {
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_i6mwc_29 {
50
+ ._close_1eee8_29 {
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_i6mwc_29:focus-visible {
58
+ ._close_1eee8_29: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_i6mwc_43 {
64
+ ._footer_1eee8_43 {
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_i6mwc_49 {
76
+ ._arrow_1eee8_49 {
77
77
  fill: var(--79dffb);
78
78
  }
79
- @-webkit-keyframes _appear_i6mwc_1 {
79
+ @-webkit-keyframes _appear_1eee8_1 {
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_i6mwc_1 {
91
+ @keyframes _appear_1eee8_1 {
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_i6mwc_1 {
103
+ @-webkit-keyframes _disappear_1eee8_1 {
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_i6mwc_1 {
115
+ @keyframes _disappear_1eee8_1 {
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 @Thu May 08 2025 08:07:57 GMT+0000 (Coordinated Universal Time) */
2
- ._counter_ti913_2 {
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
+ ._counter_k8vgi_2 {
3
3
  -webkit-box-flex: 1;
4
4
  -ms-flex: 1;
5
5
  flex: 1;
@@ -1,17 +1,17 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 08:07:57 GMT+0000 (Coordinated Universal Time) */
2
- ._PreplyLogo_19qis_2 {
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
+ ._PreplyLogo_cbn3i_2 {
3
3
  display: inline-block;
4
4
  }
5
- ._PreplyLogo_19qis_2 svg {
5
+ ._PreplyLogo_cbn3i_2 svg {
6
6
  display: block;
7
7
  }
8
- ._PreplyLogo_19qis_2 [data-name='preply'] path,
9
- ._PreplyLogo_19qis_2 [data-name='business'] path,
10
- ._PreplyLogo_19qis_2 [data-name='logomark'] {
8
+ ._PreplyLogo_cbn3i_2 [data-name='preply'] path,
9
+ ._PreplyLogo_cbn3i_2 [data-name='business'] path,
10
+ ._PreplyLogo_cbn3i_2 [data-name='logomark'] {
11
11
  fill: var(--95b129);
12
12
  }
13
- ._PreplyLogo--inverted_19qis_13 [data-name='preply'] path,
14
- ._PreplyLogo--inverted_19qis_13 [data-name='business'] path,
15
- ._PreplyLogo--inverted_19qis_13 [data-name='logomark'] {
13
+ ._PreplyLogo--inverted_cbn3i_13 [data-name='preply'] path,
14
+ ._PreplyLogo--inverted_cbn3i_13 [data-name='business'] path,
15
+ ._PreplyLogo--inverted_cbn3i_13 [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 @Thu May 08 2025 08:07:57 GMT+0000 (Coordinated Universal Time) */
2
- ._ProgressBar_1rv4j_2 {
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
+ ._ProgressBar_a8d6y_2 {
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_1rv4j_2::before {
10
+ ._ProgressBar_a8d6y_2::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 @Thu May 08 2025 08:07:57 GMT+0000 (Coordinated Universal Time) */
2
- ._ProgressSteps_a91si_2 {
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
+ ._ProgressSteps_1kp09_2 {
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_a91si_2 > ._step_a91si_7 {
10
+ ._ProgressSteps_1kp09_2 > ._step_1kp09_7 {
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_a91si_2 > ._step_a91si_7::after {
20
+ ._ProgressSteps_1kp09_2 > ._step_1kp09_7::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_a91si_2 > ._step_a91si_7[aria-current='step']::after,
34
- ._ProgressSteps_a91si_2 > ._step_a91si_7[aria-current='step'] + ._step_a91si_7[data-active='false']::after {
33
+ ._ProgressSteps_1kp09_2 > ._step_1kp09_7[aria-current='step']::after,
34
+ ._ProgressSteps_1kp09_2 > ._step_1kp09_7[aria-current='step'] + ._step_1kp09_7[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_a91si_2 > ._step_a91si_7[data-active='true']::after {
40
+ ._ProgressSteps_1kp09_2 > ._step_1kp09_7[data-active='true']::after {
41
41
  -webkit-transform: scaleX(1);
42
42
  transform: scaleX(1);
43
43
  }
@@ -1,8 +1,8 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 08:07:57 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu May 08 2025 08:08:00 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025 08:07:56 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 08:08:00 GMT+0000 (Coordinated Universal Time) */
5
- ._SelectFieldLayout--input_1nsws_5 {
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/hover/web-core-hover-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
3
+ /* 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) */
4
+ /* 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) */
5
+ ._SelectFieldLayout--input_1wbk2_5 {
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_1nsws_5:hover {
16
+ ._SelectFieldLayout--input_1wbk2_5:hover {
17
17
  border-color: var(--0bd642);
18
18
  }
19
19
  }
20
- ._SelectFieldLayout--input_1nsws_5 select {
20
+ ._SelectFieldLayout--input_1wbk2_5 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_1nsws_37 {
40
+ ._SelectFieldLayout--icon_1wbk2_37 {
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_1nsws_37 svg {
48
+ ._SelectFieldLayout--icon_1wbk2_37 svg {
49
49
  color: var(--cbc724);
50
50
  }
51
- ._SelectFieldLayout--dropdown-indicator_1nsws_48 {
51
+ ._SelectFieldLayout--dropdown-indicator_1wbk2_48 {
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_1nsws_48 svg {
59
+ ._SelectFieldLayout--dropdown-indicator_1wbk2_48 svg {
60
60
  color: var(--cbc724);
61
61
  }
62
- ._SelectFieldLayout--has-value_1nsws_59 ._SelectFieldLayout--input_1nsws_5 select {
62
+ ._SelectFieldLayout--has-value_1wbk2_59 ._SelectFieldLayout--input_1wbk2_5 select {
63
63
  color: var(--41d493);
64
64
  }
65
- ._SelectFieldLayout--has-icon_1nsws_62 ._SelectFieldLayout--input_1nsws_5 select {
65
+ ._SelectFieldLayout--has-icon_1wbk2_62 ._SelectFieldLayout--input_1wbk2_5 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_1nsws_65 ._SelectFieldLayout--input_1nsws_5 {
69
+ ._SelectFieldLayout--has-error_1wbk2_65 ._SelectFieldLayout--input_1wbk2_5 {
70
70
  background-color: var(--95df5b);
71
71
  border-color: var(--eaf4a3);
72
72
  }
73
- ._SelectFieldLayout--has-error_1nsws_65 ._SelectFieldLayout--input_1nsws_5 input {
73
+ ._SelectFieldLayout--has-error_1wbk2_65 ._SelectFieldLayout--input_1wbk2_5 input {
74
74
  color: var(--7b0f41);
75
75
  }
76
- ._SelectFieldLayout--has-error_1nsws_65 ._SelectFieldLayout--icon_1nsws_37 svg {
76
+ ._SelectFieldLayout--has-error_1wbk2_65 ._SelectFieldLayout--icon_1wbk2_37 svg {
77
77
  color: var(--7b0f41);
78
78
  }
79
- ._SelectFieldLayout--is-focused_1nsws_75 ._SelectFieldLayout--input_1nsws_5 {
79
+ ._SelectFieldLayout--is-focused_1wbk2_75 ._SelectFieldLayout--input_1wbk2_5 {
80
80
  border-color: var(--398094);
81
81
  }
82
- ._SelectFieldLayout--is-disabled_1nsws_78 ._SelectFieldLayout--input_1nsws_5 {
82
+ ._SelectFieldLayout--is-disabled_1wbk2_78 ._SelectFieldLayout--input_1wbk2_5 {
83
83
  background-color: var(--04daeb);
84
84
  border-color: transparent;
85
85
  }