@preply/ds-web-lib 1.5.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-YxQ1leYH.js → layout-grid.module-BIHGcx1g.js} +97 -97
  91. package/dist/layout-hide.module-CKIK6Snf.js +55 -0
  92. package/dist/{layout-relative.module-BIEPDZE2.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-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 @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 {
5
5
  display: inline-block;
6
6
  vertical-align: text-top;
7
7
  }
8
- ._Icon_yzb4a_4 svg {
8
+ ._Icon_ka4nt_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_ka4nt_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_ka4nt_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_ka4nt_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_ka4nt_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_ka4nt_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_ka4nt_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_ka4nt_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_ka4nt_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_ka4nt_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 @Fri May 09 2025 08:32:34 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 @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
2
+ ._LayoutFlexItem_zv5qz_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_zv5qz_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_zv5qz_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_zv5qz_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_zv5qz_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_zv5qz_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_zv5qz_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_zv5qz_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_zv5qz_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_zv5qz_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_zv5qz_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_zv5qz_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_zv5qz_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 @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 {
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_p4f2q_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_p4f2q_20 {
22
22
  display: inline;
23
23
  }
24
- ._Link--noUnderline_o4jyb_23 {
24
+ ._Link--noUnderline_p4f2q_23 {
25
25
  -webkit-text-decoration: none;
26
26
  text-decoration: none;
27
27
  }
28
- ._Link--variant-accentDark_o4jyb_26 {
28
+ ._Link--variant-accentDark_p4f2q_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_p4f2q_26:hover,
32
+ ._Link--variant-accentDark--dsInternalSimulation-hover_p4f2q_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_p4f2q_26:active,
36
+ ._Link--variant-accentDark--dsInternalSimulation-active_p4f2q_34 {
37
37
  color: var(--179b80);
38
38
  }
39
- ._Link--variant-accentDarkInverted_o4jyb_37 {
39
+ ._Link--variant-accentDarkInverted_p4f2q_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_p4f2q_37:hover,
43
+ ._Link--variant-accentDarkInverted--dsInternalSimulation-hover_p4f2q_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_p4f2q_37:active,
47
+ ._Link--variant-accentDarkInverted--dsInternalSimulation-active_p4f2q_45 {
48
48
  color: var(--1253e2);
49
49
  }
50
- ._Link--variant-neutral_o4jyb_48 {
50
+ ._Link--variant-neutral_p4f2q_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_p4f2q_48:hover,
54
+ ._Link--variant-neutral--dsInternalSimulation-hover_p4f2q_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_p4f2q_48:active,
58
+ ._Link--variant-neutral--dsInternalSimulation-active_p4f2q_56 {
59
59
  color: var(--1d39ac);
60
60
  }
61
- ._Link--variant-neutralInverted_o4jyb_59 {
61
+ ._Link--variant-neutralInverted_p4f2q_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_p4f2q_59:hover,
65
+ ._Link--variant-neutralInverted--dsInternalSimulation-hover_p4f2q_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_p4f2q_59:active,
69
+ ._Link--variant-neutralInverted--dsInternalSimulation-active_p4f2q_67 {
70
70
  color: var(--be41c4);
71
71
  }
72
- ._Link--variant-unsetColors_o4jyb_70 {
72
+ ._Link--variant-unsetColors_p4f2q_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_p4f2q_70:hover,
76
+ ._Link--variant-unsetColors--dsInternalSimulation-hover_p4f2q_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_p4f2q_70:active,
80
+ ._Link--variant-unsetColors--dsInternalSimulation-active_p4f2q_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 @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ ._Loader_o58s3_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_o58s3_7 {
14
14
  color: var(--19bcb6);
15
15
  }
16
- ._Loader--inverted_czdev_10 {
16
+ ._Loader--inverted_o58s3_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 @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ ._content_1uknq_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_1uknq_2[data-state='open'] {
28
+ -webkit-animation-name: _appear_1uknq_1;
29
+ animation-name: _appear_1uknq_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_1uknq_2[data-state='closed'] {
32
+ -webkit-animation-name: _disappear_1uknq_1;
33
+ animation-name: _disappear_1uknq_1;
34
34
  }
35
- ._header_i6mwc_23 {
35
+ ._header_1uknq_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_1uknq_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_1uknq_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_1uknq_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_1uknq_49 {
77
77
  fill: var(--79dffb);
78
78
  }
79
- @-webkit-keyframes _appear_i6mwc_1 {
79
+ @-webkit-keyframes _appear_1uknq_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_1uknq_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_1uknq_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_1uknq_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 @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ ._counter_x31ov_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 @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ ._PreplyLogo_16ocz_2 {
3
3
  display: inline-block;
4
4
  }
5
- ._PreplyLogo_19qis_2 svg {
5
+ ._PreplyLogo_16ocz_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_16ocz_2 [data-name='preply'] path,
9
+ ._PreplyLogo_16ocz_2 [data-name='business'] path,
10
+ ._PreplyLogo_16ocz_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_16ocz_13 [data-name='preply'] path,
14
+ ._PreplyLogo--inverted_16ocz_13 [data-name='business'] path,
15
+ ._PreplyLogo--inverted_16ocz_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 @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ ._ProgressBar_1b9u5_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_1b9u5_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 @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ ._ProgressSteps_i6wbn_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_i6wbn_2 > ._step_i6wbn_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_i6wbn_2 > ._step_i6wbn_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_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 {
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_i6wbn_2 > ._step_i6wbn_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 @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 {
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_sl68q_5:hover {
17
17
  border-color: var(--0bd642);
18
18
  }
19
19
  }
20
- ._SelectFieldLayout--input_1nsws_5 select {
20
+ ._SelectFieldLayout--input_sl68q_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_sl68q_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_sl68q_37 svg {
49
49
  color: var(--cbc724);
50
50
  }
51
- ._SelectFieldLayout--dropdown-indicator_1nsws_48 {
51
+ ._SelectFieldLayout--dropdown-indicator_sl68q_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_sl68q_48 svg {
60
60
  color: var(--cbc724);
61
61
  }
62
- ._SelectFieldLayout--has-value_1nsws_59 ._SelectFieldLayout--input_1nsws_5 select {
62
+ ._SelectFieldLayout--has-value_sl68q_59 ._SelectFieldLayout--input_sl68q_5 select {
63
63
  color: var(--41d493);
64
64
  }
65
- ._SelectFieldLayout--has-icon_1nsws_62 ._SelectFieldLayout--input_1nsws_5 select {
65
+ ._SelectFieldLayout--has-icon_sl68q_62 ._SelectFieldLayout--input_sl68q_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_sl68q_65 ._SelectFieldLayout--input_sl68q_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_sl68q_65 ._SelectFieldLayout--input_sl68q_5 input {
74
74
  color: var(--7b0f41);
75
75
  }
76
- ._SelectFieldLayout--has-error_1nsws_65 ._SelectFieldLayout--icon_1nsws_37 svg {
76
+ ._SelectFieldLayout--has-error_sl68q_65 ._SelectFieldLayout--icon_sl68q_37 svg {
77
77
  color: var(--7b0f41);
78
78
  }
79
- ._SelectFieldLayout--is-focused_1nsws_75 ._SelectFieldLayout--input_1nsws_5 {
79
+ ._SelectFieldLayout--is-focused_sl68q_75 ._SelectFieldLayout--input_sl68q_5 {
80
80
  border-color: var(--398094);
81
81
  }
82
- ._SelectFieldLayout--is-disabled_1nsws_78 ._SelectFieldLayout--input_1nsws_5 {
82
+ ._SelectFieldLayout--is-disabled_sl68q_78 ._SelectFieldLayout--input_sl68q_5 {
83
83
  background-color: var(--04daeb);
84
84
  border-color: transparent;
85
85
  }