@preply/ds-web-lib 1.1.0 → 1.2.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 (88) hide show
  1. package/dist/assets/Avatar.css +79 -79
  2. package/dist/assets/AvatarWithStatus.css +12 -12
  3. package/dist/assets/Badge.css +24 -24
  4. package/dist/assets/Box.css +171 -171
  5. package/dist/assets/Button.css +7 -7
  6. package/dist/assets/ButtonBase.css +245 -245
  7. package/dist/assets/Chips.css +16 -16
  8. package/dist/assets/FieldAdditionalText.css +6 -6
  9. package/dist/assets/FieldButton.css +8 -8
  10. package/dist/assets/FieldLabel.css +8 -8
  11. package/dist/assets/FieldLayout.css +29 -29
  12. package/dist/assets/FieldLayoutBase.css +4 -4
  13. package/dist/assets/Heading.css +100 -100
  14. package/dist/assets/Icon.css +14 -14
  15. package/dist/assets/LayoutFlex.css +1 -1
  16. package/dist/assets/LayoutFlexItem.css +14 -14
  17. package/dist/assets/Link.css +32 -32
  18. package/dist/assets/Loader.css +4 -4
  19. package/dist/assets/PreplyLogo.css +9 -9
  20. package/dist/assets/SelectFieldLayout.css +18 -18
  21. package/dist/assets/Spinner.css +26 -26
  22. package/dist/assets/Text.css +227 -227
  23. package/dist/assets/TextHighlighted.css +14 -14
  24. package/dist/assets/TextInline.css +5 -5
  25. package/dist/assets/Toast.css +12 -12
  26. package/dist/assets/align-self.css +25 -25
  27. package/dist/assets/color.css +39 -39
  28. package/dist/assets/index.css +16 -16
  29. package/dist/assets/layout-gap.css +135 -135
  30. package/dist/assets/layout-grid.css +100 -100
  31. package/dist/assets/layout-hide.css +49 -49
  32. package/dist/assets/layout-padding.css +531 -531
  33. package/dist/assets/layout-relative.css +2 -2
  34. package/dist/assets/text-accent.css +18 -18
  35. package/dist/assets/text-centered.css +13 -13
  36. package/dist/assets/text-weight.css +8 -8
  37. package/dist/components/Avatar/Avatar.d.ts +7 -1
  38. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  39. package/dist/components/Avatar/Avatar.js +77 -76
  40. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  41. package/dist/components/Badge/Badge.js +1 -1
  42. package/dist/components/Box/Box.js +150 -150
  43. package/dist/components/Button/Button.js +1 -1
  44. package/dist/components/Chips/Chips.js +4 -4
  45. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  46. package/dist/components/FieldButton/FieldButton.js +1 -1
  47. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  48. package/dist/components/Heading/Heading.js +97 -97
  49. package/dist/components/Icon/Icon.js +10 -10
  50. package/dist/components/LayoutFlex/tests/DataOverride.js +67 -0
  51. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  52. package/dist/components/Link/Link.js +18 -18
  53. package/dist/components/Loader/Loader.js +3 -3
  54. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  55. package/dist/components/Text/Text.js +224 -224
  56. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  57. package/dist/components/TextInline/TextInline.js +2 -2
  58. package/dist/components/Toast/Toast.js +5 -5
  59. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  60. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  61. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  62. package/dist/components/private/Input/Checkbox.js +1 -1
  63. package/dist/components/private/Input/InputDate.js +1 -1
  64. package/dist/components/private/Input/InputNumber.js +1 -1
  65. package/dist/components/private/Input/InputPassword.js +1 -1
  66. package/dist/components/private/Input/InputText.js +1 -1
  67. package/dist/components/private/Input/InputTime.js +1 -1
  68. package/dist/components/private/Input/Radio.js +1 -1
  69. package/dist/components/private/Input/Select.js +1 -1
  70. package/dist/components/private/Input/Textarea.js +1 -1
  71. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  72. package/dist/components/private/Spinner/Spinner.js +16 -16
  73. package/dist/index.module-DfmwkSFE.js +27 -0
  74. package/dist/{layout-grid.module-Xxg0CHcA.js → layout-grid.module-CCDogt-5.js} +97 -97
  75. package/dist/shared-styles/align-self/align-self.js +25 -25
  76. package/dist/shared-styles/color/color.js +38 -38
  77. package/dist/shared-styles/layout-gap/layout-gap.js +133 -133
  78. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  79. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  80. package/dist/shared-styles/layout-hide/layout-hide.js +49 -49
  81. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  82. package/dist/shared-styles/layout-relative/layout-relative.js +2 -2
  83. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  84. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  85. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  86. package/dist/utils/render-icon.js +11 -5
  87. package/package.json +17 -17
  88. package/dist/index.module-BUXAoZDR.js +0 -27
@@ -1,11 +1,11 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Nov 21 2024 15:22:16 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 21 2024 15:22:15 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 21 2024 15:22:19 GMT+0000 (Coordinated Universal Time) */
4
- ._Icon_usnqz_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Dec 02 2024 13:21:16 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Dec 02 2024 13:21:15 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Dec 02 2024 13:21:19 GMT+0000 (Coordinated Universal Time) */
4
+ ._Icon_1j6ak_4 {
5
5
  display: inline-block;
6
6
  vertical-align: text-top;
7
7
  }
8
- ._Icon_usnqz_4 svg {
8
+ ._Icon_1j6ak_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_usnqz_16 {
16
+ ._Icon--size-2xs_1j6ak_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_usnqz_22 {
22
+ ._Icon--size-xs_1j6ak_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_usnqz_28 {
28
+ ._Icon--size-s_1j6ak_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_usnqz_34 {
34
+ ._Icon--size-m_1j6ak_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_usnqz_40 {
40
+ ._Icon--size-l_1j6ak_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_usnqz_46 {
46
+ ._Icon--size-16_1j6ak_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_usnqz_52 {
52
+ ._Icon--size-24_1j6ak_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_usnqz_58 {
58
+ ._Icon--size-32_1j6ak_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_usnqz_64 {
64
+ ._Icon--size-48_1j6ak_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 Nov 21 2024 15:22:19 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Dec 02 2024 13:21:19 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 Nov 21 2024 15:22:19 GMT+0000 (Coordinated Universal Time) */
2
- ._LayoutFlexItem_1i3s7_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Dec 02 2024 13:21:19 GMT+0000 (Coordinated Universal Time) */
2
+ ._LayoutFlexItem_dv16y_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_1i3s7_11 {
11
+ ._LayoutFlexItem--stretch_dv16y_11 {
12
12
  -webkit-box-flex: 1;
13
13
  -ms-flex: 1;
14
14
  flex: 1;
15
15
  }
16
- ._LayoutFlexItem--no-stretch_1i3s7_14 {
16
+ ._LayoutFlexItem--no-stretch_dv16y_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_1i3s7_18 {
22
+ ._LayoutFlexItem--narrow-l--stretch_dv16y_18 {
23
23
  -webkit-box-flex: 1;
24
24
  -ms-flex: 1;
25
25
  flex: 1;
26
26
  }
27
- ._LayoutFlexItem--narrow-l--no-stretch_1i3s7_21 {
27
+ ._LayoutFlexItem--narrow-l--no-stretch_dv16y_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_1i3s7_26 {
34
+ ._LayoutFlexItem--medium-s--stretch_dv16y_26 {
35
35
  -webkit-box-flex: 1;
36
36
  -ms-flex: 1;
37
37
  flex: 1;
38
38
  }
39
- ._LayoutFlexItem--medium-s--no-stretch_1i3s7_29 {
39
+ ._LayoutFlexItem--medium-s--no-stretch_dv16y_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_1i3s7_34 {
46
+ ._LayoutFlexItem--medium-l--stretch_dv16y_34 {
47
47
  -webkit-box-flex: 1;
48
48
  -ms-flex: 1;
49
49
  flex: 1;
50
50
  }
51
- ._LayoutFlexItem--medium-l--no-stretch_1i3s7_37 {
51
+ ._LayoutFlexItem--medium-l--no-stretch_dv16y_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_1i3s7_42 {
58
+ ._LayoutFlexItem--wide-s--stretch_dv16y_42 {
59
59
  -webkit-box-flex: 1;
60
60
  -ms-flex: 1;
61
61
  flex: 1;
62
62
  }
63
- ._LayoutFlexItem--wide-s--no-stretch_1i3s7_45 {
63
+ ._LayoutFlexItem--wide-s--no-stretch_dv16y_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_1i3s7_50 {
70
+ ._LayoutFlexItem--wide-l--stretch_dv16y_50 {
71
71
  -webkit-box-flex: 1;
72
72
  -ms-flex: 1;
73
73
  flex: 1;
74
74
  }
75
- ._LayoutFlexItem--wide-l--no-stretch_1i3s7_53 {
75
+ ._LayoutFlexItem--wide-l--no-stretch_dv16y_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 Nov 21 2024 15:22:16 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 21 2024 15:22:15 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 21 2024 15:22:19 GMT+0000 (Coordinated Universal Time) */
4
- ._Link_54rdu_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Dec 02 2024 13:21:16 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Dec 02 2024 13:21:15 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Dec 02 2024 13:21:19 GMT+0000 (Coordinated Universal Time) */
4
+ ._Link_1pnlk_4 {
5
5
  display: inline-block;
6
6
  border-radius: var(--5eeb28);
7
7
  -webkit-text-decoration: var(--f13872);
@@ -16,71 +16,71 @@
16
16
  -ms-touch-action: manipulation;
17
17
  touch-action: manipulation;
18
18
  }
19
- ._Link_54rdu_4:focus-visible {
19
+ ._Link_1pnlk_4:focus-visible {
20
20
  outline-style: solid;
21
21
  outline-color: var(--603ec6);
22
22
  outline-width: var(--99d31f);
23
23
  outline-offset: var(--c0b12c);
24
24
  }
25
- ._Link--inline_54rdu_21 {
25
+ ._Link--inline_1pnlk_21 {
26
26
  display: inline;
27
27
  }
28
- ._Link--noUnderline_54rdu_24 {
28
+ ._Link--noUnderline_1pnlk_24 {
29
29
  -webkit-text-decoration: none;
30
30
  text-decoration: none;
31
31
  }
32
- ._Link--variant-accentDark_54rdu_27 {
32
+ ._Link--variant-accentDark_1pnlk_27 {
33
33
  color: var(--c6b68f);
34
34
  }
35
- ._Link--variant-accentDark_54rdu_27:hover,
36
- ._Link--variant-accentDark--dsInternalSimulation-hover_54rdu_31 {
35
+ ._Link--variant-accentDark_1pnlk_27:hover,
36
+ ._Link--variant-accentDark--dsInternalSimulation-hover_1pnlk_31 {
37
37
  color: var(--65e1ef);
38
38
  }
39
- ._Link--variant-accentDark_54rdu_27:active,
40
- ._Link--variant-accentDark--dsInternalSimulation-active_54rdu_35 {
39
+ ._Link--variant-accentDark_1pnlk_27:active,
40
+ ._Link--variant-accentDark--dsInternalSimulation-active_1pnlk_35 {
41
41
  color: var(--179b80);
42
42
  }
43
- ._Link--variant-accentDarkInverted_54rdu_38 {
43
+ ._Link--variant-accentDarkInverted_1pnlk_38 {
44
44
  color: var(--7cbffc);
45
45
  }
46
- ._Link--variant-accentDarkInverted_54rdu_38:hover,
47
- ._Link--variant-accentDarkInverted--dsInternalSimulation-hover_54rdu_42 {
46
+ ._Link--variant-accentDarkInverted_1pnlk_38:hover,
47
+ ._Link--variant-accentDarkInverted--dsInternalSimulation-hover_1pnlk_42 {
48
48
  color: var(--47fcde);
49
49
  }
50
- ._Link--variant-accentDarkInverted_54rdu_38:active,
51
- ._Link--variant-accentDarkInverted--dsInternalSimulation-active_54rdu_46 {
50
+ ._Link--variant-accentDarkInverted_1pnlk_38:active,
51
+ ._Link--variant-accentDarkInverted--dsInternalSimulation-active_1pnlk_46 {
52
52
  color: var(--1253e2);
53
53
  }
54
- ._Link--variant-neutral_54rdu_49 {
54
+ ._Link--variant-neutral_1pnlk_49 {
55
55
  color: var(--19fdf0);
56
56
  }
57
- ._Link--variant-neutral_54rdu_49:hover,
58
- ._Link--variant-neutral--dsInternalSimulation-hover_54rdu_53 {
57
+ ._Link--variant-neutral_1pnlk_49:hover,
58
+ ._Link--variant-neutral--dsInternalSimulation-hover_1pnlk_53 {
59
59
  color: var(--ce5fb9);
60
60
  }
61
- ._Link--variant-neutral_54rdu_49:active,
62
- ._Link--variant-neutral--dsInternalSimulation-active_54rdu_57 {
61
+ ._Link--variant-neutral_1pnlk_49:active,
62
+ ._Link--variant-neutral--dsInternalSimulation-active_1pnlk_57 {
63
63
  color: var(--1d39ac);
64
64
  }
65
- ._Link--variant-neutralInverted_54rdu_60 {
65
+ ._Link--variant-neutralInverted_1pnlk_60 {
66
66
  color: var(--883d0f);
67
67
  }
68
- ._Link--variant-neutralInverted_54rdu_60:hover,
69
- ._Link--variant-neutralInverted--dsInternalSimulation-hover_54rdu_64 {
68
+ ._Link--variant-neutralInverted_1pnlk_60:hover,
69
+ ._Link--variant-neutralInverted--dsInternalSimulation-hover_1pnlk_64 {
70
70
  color: var(--065570);
71
71
  }
72
- ._Link--variant-neutralInverted_54rdu_60:active,
73
- ._Link--variant-neutralInverted--dsInternalSimulation-active_54rdu_68 {
72
+ ._Link--variant-neutralInverted_1pnlk_60:active,
73
+ ._Link--variant-neutralInverted--dsInternalSimulation-active_1pnlk_68 {
74
74
  color: var(--be41c4);
75
75
  }
76
- ._Link--variant-unsetColors_54rdu_71 {
76
+ ._Link--variant-unsetColors_1pnlk_71 {
77
77
  color: var(--e66f2a);
78
78
  }
79
- ._Link--variant-unsetColors_54rdu_71:hover,
80
- ._Link--variant-unsetColors--dsInternalSimulation-hover_54rdu_75 {
79
+ ._Link--variant-unsetColors_1pnlk_71:hover,
80
+ ._Link--variant-unsetColors--dsInternalSimulation-hover_1pnlk_75 {
81
81
  color: var(--468ceb);
82
82
  }
83
- ._Link--variant-unsetColors_54rdu_71:active,
84
- ._Link--variant-unsetColors--dsInternalSimulation-active_54rdu_79 {
83
+ ._Link--variant-unsetColors_1pnlk_71:active,
84
+ ._Link--variant-unsetColors--dsInternalSimulation-active_1pnlk_79 {
85
85
  color: var(--a5fc76);
86
86
  }
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Nov 21 2024 15:22:16 GMT+0000 (Coordinated Universal Time) */
2
- ._Loader_sn3x5_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Dec 02 2024 13:21:16 GMT+0000 (Coordinated Universal Time) */
2
+ ._Loader_1mb53_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_sn3x5_7 {
13
+ ._Loader--normal_1mb53_7 {
14
14
  color: var(--19bcb6);
15
15
  }
16
- ._Loader--inverted_sn3x5_10 {
16
+ ._Loader--inverted_1mb53_10 {
17
17
  color: var(--38413d);
18
18
  }
@@ -1,17 +1,17 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Nov 21 2024 15:22:16 GMT+0000 (Coordinated Universal Time) */
2
- ._PreplyLogo_1xg74_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Dec 02 2024 13:21:16 GMT+0000 (Coordinated Universal Time) */
2
+ ._PreplyLogo_1x2at_2 {
3
3
  display: inline-block;
4
4
  }
5
- ._PreplyLogo_1xg74_2 svg {
5
+ ._PreplyLogo_1x2at_2 svg {
6
6
  display: block;
7
7
  }
8
- ._PreplyLogo_1xg74_2 [data-name='preply'] path,
9
- ._PreplyLogo_1xg74_2 [data-name='business'] path,
10
- ._PreplyLogo_1xg74_2 [data-name='logomark'] {
8
+ ._PreplyLogo_1x2at_2 [data-name='preply'] path,
9
+ ._PreplyLogo_1x2at_2 [data-name='business'] path,
10
+ ._PreplyLogo_1x2at_2 [data-name='logomark'] {
11
11
  fill: var(--95b129);
12
12
  }
13
- ._PreplyLogo--inverted_1xg74_13 [data-name='preply'] path,
14
- ._PreplyLogo--inverted_1xg74_13 [data-name='business'] path,
15
- ._PreplyLogo--inverted_1xg74_13 [data-name='logomark'] {
13
+ ._PreplyLogo--inverted_1x2at_13 [data-name='preply'] path,
14
+ ._PreplyLogo--inverted_1x2at_13 [data-name='business'] path,
15
+ ._PreplyLogo--inverted_1x2at_13 [data-name='logomark'] {
16
16
  fill: var(--e6a034);
17
17
  }
@@ -1,8 +1,8 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Nov 21 2024 15:22:16 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Nov 21 2024 15:22:19 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 21 2024 15:22:15 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 21 2024 15:22:19 GMT+0000 (Coordinated Universal Time) */
5
- ._SelectFieldLayout--input_j5de9_5 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Dec 02 2024 13:21:16 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Dec 02 2024 13:21:19 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Dec 02 2024 13:21:15 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Dec 02 2024 13:21:19 GMT+0000 (Coordinated Universal Time) */
5
+ ._SelectFieldLayout--input_1ni1m_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_j5de9_5:hover {
16
+ ._SelectFieldLayout--input_1ni1m_5:hover {
17
17
  border-color: var(--0bd642);
18
18
  }
19
19
  }
20
- ._SelectFieldLayout--input_j5de9_5 select {
20
+ ._SelectFieldLayout--input_1ni1m_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_j5de9_37 {
40
+ ._SelectFieldLayout--icon_1ni1m_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_j5de9_37 svg {
48
+ ._SelectFieldLayout--icon_1ni1m_37 svg {
49
49
  color: var(--cbc724);
50
50
  }
51
- ._SelectFieldLayout--dropdown-indicator_j5de9_48 {
51
+ ._SelectFieldLayout--dropdown-indicator_1ni1m_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_j5de9_48 svg {
59
+ ._SelectFieldLayout--dropdown-indicator_1ni1m_48 svg {
60
60
  color: var(--cbc724);
61
61
  }
62
- ._SelectFieldLayout--has-value_j5de9_59 ._SelectFieldLayout--input_j5de9_5 select {
62
+ ._SelectFieldLayout--has-value_1ni1m_59 ._SelectFieldLayout--input_1ni1m_5 select {
63
63
  color: var(--41d493);
64
64
  }
65
- ._SelectFieldLayout--has-icon_j5de9_62 ._SelectFieldLayout--input_j5de9_5 select {
65
+ ._SelectFieldLayout--has-icon_1ni1m_62 ._SelectFieldLayout--input_1ni1m_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_j5de9_65 ._SelectFieldLayout--input_j5de9_5 {
69
+ ._SelectFieldLayout--has-error_1ni1m_65 ._SelectFieldLayout--input_1ni1m_5 {
70
70
  background-color: var(--95df5b);
71
71
  border-color: var(--eaf4a3);
72
72
  }
73
- ._SelectFieldLayout--has-error_j5de9_65 ._SelectFieldLayout--input_j5de9_5 input {
73
+ ._SelectFieldLayout--has-error_1ni1m_65 ._SelectFieldLayout--input_1ni1m_5 input {
74
74
  color: var(--7b0f41);
75
75
  }
76
- ._SelectFieldLayout--has-error_j5de9_65 ._SelectFieldLayout--icon_j5de9_37 svg {
76
+ ._SelectFieldLayout--has-error_1ni1m_65 ._SelectFieldLayout--icon_1ni1m_37 svg {
77
77
  color: var(--7b0f41);
78
78
  }
79
- ._SelectFieldLayout--is-focused_j5de9_75 ._SelectFieldLayout--input_j5de9_5 {
79
+ ._SelectFieldLayout--is-focused_1ni1m_75 ._SelectFieldLayout--input_1ni1m_5 {
80
80
  border-color: var(--398094);
81
81
  }
82
- ._SelectFieldLayout--is-disabled_j5de9_78 ._SelectFieldLayout--input_j5de9_5 {
82
+ ._SelectFieldLayout--is-disabled_1ni1m_78 ._SelectFieldLayout--input_1ni1m_5 {
83
83
  background-color: var(--04daeb);
84
84
  border-color: transparent;
85
85
  }
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Nov 21 2024 15:22:16 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 21 2024 15:22:15 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 21 2024 15:22:19 GMT+0000 (Coordinated Universal Time) */
4
- @-webkit-keyframes _spin_mwa3k_1 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Dec 02 2024 13:21:16 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Dec 02 2024 13:21:15 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Dec 02 2024 13:21:19 GMT+0000 (Coordinated Universal Time) */
4
+ @-webkit-keyframes _spin_s1ukc_1 {
5
5
  from {
6
6
  -webkit-transform: rotate(0deg);
7
7
  transform: rotate(0deg);
@@ -11,7 +11,7 @@
11
11
  transform: rotate(360deg);
12
12
  }
13
13
  }
14
- @keyframes _spin_mwa3k_1 {
14
+ @keyframes _spin_s1ukc_1 {
15
15
  from {
16
16
  -webkit-transform: rotate(0deg);
17
17
  transform: rotate(0deg);
@@ -21,94 +21,94 @@
21
21
  transform: rotate(360deg);
22
22
  }
23
23
  }
24
- ._Spinner_mwa3k_12 {
24
+ ._Spinner_s1ukc_12 {
25
25
  display: -webkit-inline-box;
26
26
  display: -ms-inline-flexbox;
27
27
  display: inline-flex;
28
28
  }
29
- ._Spinner--size-default_mwa3k_15 > * {
29
+ ._Spinner--size-default_s1ukc_15 > * {
30
30
  width: var(--9270b5);
31
31
  height: var(--9270b5);
32
32
  }
33
- ._Spinner--size-large_mwa3k_19 > * {
33
+ ._Spinner--size-large_s1ukc_19 > * {
34
34
  width: var(--77547f);
35
35
  height: var(--77547f);
36
36
  }
37
37
  @media (min-width: 400px) {
38
- ._Spinner--narrow-l--size-default_mwa3k_24 > * {
38
+ ._Spinner--narrow-l--size-default_s1ukc_24 > * {
39
39
  width: var(--9270b5);
40
40
  height: var(--9270b5);
41
41
  }
42
- ._Spinner--narrow-l--size-large_mwa3k_28 > * {
42
+ ._Spinner--narrow-l--size-large_s1ukc_28 > * {
43
43
  width: var(--77547f);
44
44
  height: var(--77547f);
45
45
  }
46
46
  }
47
47
  @media (min-width: 700px) {
48
- ._Spinner--medium-s--size-default_mwa3k_34 > * {
48
+ ._Spinner--medium-s--size-default_s1ukc_34 > * {
49
49
  width: var(--9270b5);
50
50
  height: var(--9270b5);
51
51
  }
52
- ._Spinner--medium-s--size-large_mwa3k_38 > * {
52
+ ._Spinner--medium-s--size-large_s1ukc_38 > * {
53
53
  width: var(--77547f);
54
54
  height: var(--77547f);
55
55
  }
56
56
  }
57
57
  @media (min-width: 880px) {
58
- ._Spinner--medium-l--size-default_mwa3k_44 > * {
58
+ ._Spinner--medium-l--size-default_s1ukc_44 > * {
59
59
  width: var(--9270b5);
60
60
  height: var(--9270b5);
61
61
  }
62
- ._Spinner--medium-l--size-large_mwa3k_48 > * {
62
+ ._Spinner--medium-l--size-large_s1ukc_48 > * {
63
63
  width: var(--77547f);
64
64
  height: var(--77547f);
65
65
  }
66
66
  }
67
67
  @media (min-width: 1200px) {
68
- ._Spinner--wide-s--size-default_mwa3k_54 > * {
68
+ ._Spinner--wide-s--size-default_s1ukc_54 > * {
69
69
  width: var(--9270b5);
70
70
  height: var(--9270b5);
71
71
  }
72
- ._Spinner--wide-s--size-large_mwa3k_58 > * {
72
+ ._Spinner--wide-s--size-large_s1ukc_58 > * {
73
73
  width: var(--77547f);
74
74
  height: var(--77547f);
75
75
  }
76
76
  }
77
77
  @media (min-width: 1900px) {
78
- ._Spinner--wide-l--size-default_mwa3k_64 > * {
78
+ ._Spinner--wide-l--size-default_s1ukc_64 > * {
79
79
  width: var(--9270b5);
80
80
  height: var(--9270b5);
81
81
  }
82
- ._Spinner--wide-l--size-large_mwa3k_68 > * {
82
+ ._Spinner--wide-l--size-large_s1ukc_68 > * {
83
83
  width: var(--77547f);
84
84
  height: var(--77547f);
85
85
  }
86
86
  }
87
- ._Spinner--static_mwa3k_73 {
87
+ ._Spinner--static_s1ukc_73 {
88
88
  display: none;
89
89
  }
90
- ._Spinner--static_mwa3k_73 svg {
90
+ ._Spinner--static_s1ukc_73 svg {
91
91
  fill: currentColor;
92
92
  }
93
- ._Spinner--animated_mwa3k_79 {
93
+ ._Spinner--animated_s1ukc_79 {
94
94
  display: -webkit-inline-box;
95
95
  display: -ms-inline-flexbox;
96
96
  display: inline-flex;
97
97
  }
98
- ._Spinner--animated_mwa3k_79 svg {
98
+ ._Spinner--animated_s1ukc_79 svg {
99
99
  stroke: currentColor;
100
100
  stroke-linecap: round;
101
101
  stroke-width: 3px;
102
- -webkit-animation: _spin_mwa3k_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
103
- animation: _spin_mwa3k_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
102
+ -webkit-animation: _spin_s1ukc_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
103
+ animation: _spin_s1ukc_1 1s cubic-bezier(0.46, 0.17, 0.58, 0.87) infinite;
104
104
  }
105
105
  @media (prefers-reduced-motion) {
106
- ._Spinner--static_mwa3k_73 {
106
+ ._Spinner--static_s1ukc_73 {
107
107
  display: -webkit-inline-box;
108
108
  display: -ms-inline-flexbox;
109
109
  display: inline-flex;
110
110
  }
111
- ._Spinner--animated_mwa3k_79 {
111
+ ._Spinner--animated_s1ukc_79 {
112
112
  display: none;
113
113
  }
114
114
  }