@preply/ds-web-lib 1.2.0 → 1.2.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 (89) 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.js +74 -74
  38. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  39. package/dist/components/Badge/Badge.js +1 -1
  40. package/dist/components/Box/Box.js +150 -150
  41. package/dist/components/Button/Button.js +1 -1
  42. package/dist/components/Chips/Chips.js +4 -4
  43. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  44. package/dist/components/FieldButton/FieldButton.js +1 -1
  45. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  46. package/dist/components/Heading/Heading.js +97 -97
  47. package/dist/components/Icon/Icon.js +10 -10
  48. package/dist/components/LayoutFlex/LayoutFlex.d.ts.map +1 -1
  49. package/dist/components/LayoutFlex/LayoutFlex.js +7 -1
  50. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  51. package/dist/components/Link/Link.js +18 -18
  52. package/dist/components/Loader/Loader.js +3 -3
  53. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  54. package/dist/components/Text/Text.js +224 -224
  55. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  56. package/dist/components/TextInline/TextInline.js +2 -2
  57. package/dist/components/Toast/Toast.js +5 -5
  58. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  59. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  60. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  61. package/dist/components/private/Input/Checkbox.js +1 -1
  62. package/dist/components/private/Input/InputDate.js +1 -1
  63. package/dist/components/private/Input/InputNumber.js +1 -1
  64. package/dist/components/private/Input/InputPassword.js +1 -1
  65. package/dist/components/private/Input/InputText.js +1 -1
  66. package/dist/components/private/Input/InputTime.js +1 -1
  67. package/dist/components/private/Input/Radio.js +1 -1
  68. package/dist/components/private/Input/Select.js +1 -1
  69. package/dist/components/private/Input/Textarea.js +1 -1
  70. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  71. package/dist/components/private/Spinner/Spinner.js +16 -16
  72. package/dist/index.module-DZP-XLyR.js +27 -0
  73. package/dist/layout-gap.module-CUq_Sxlu.js +139 -0
  74. package/dist/{layout-grid.module-CCDogt-5.js → layout-grid.module-Boq5jqfY.js} +97 -97
  75. package/dist/layout-hide.module-CULyU9vR.js +55 -0
  76. package/dist/layout-relative.module-CrL5-3Cn.js +8 -0
  77. package/dist/shared-styles/align-self/align-self.js +25 -25
  78. package/dist/shared-styles/color/color.js +38 -38
  79. package/dist/shared-styles/layout-gap/layout-gap.js +1 -136
  80. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  81. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  82. package/dist/shared-styles/layout-hide/layout-hide.js +1 -52
  83. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  84. package/dist/shared-styles/layout-relative/layout-relative.js +1 -5
  85. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  86. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  87. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  88. package/package.json +14 -14
  89. package/dist/index.module-DfmwkSFE.js +0 -27
@@ -1,6 +1,6 @@
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
- ._chips_11lkl_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Dec 03 2024 16:54:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Dec 03 2024 16:54:13 GMT+0000 (Coordinated Universal Time) */
3
+ ._chips_xsbgb_3 {
4
4
  display: -webkit-box;
5
5
  display: -ms-flexbox;
6
6
  display: flex;
@@ -8,12 +8,12 @@
8
8
  -ms-flex-wrap: wrap;
9
9
  flex-wrap: wrap;
10
10
  }
11
- ul._chips_11lkl_3 {
11
+ ul._chips_xsbgb_3 {
12
12
  list-style: none;
13
13
  margin: 0;
14
14
  padding: 0;
15
15
  }
16
- ._chips_11lkl_3 ._chip_11lkl_3 {
16
+ ._chips_xsbgb_3 ._chip_xsbgb_3 {
17
17
  -webkit-box-sizing: border-box;
18
18
  box-sizing: border-box;
19
19
  cursor: pointer;
@@ -36,34 +36,34 @@ ul._chips_11lkl_3 {
36
36
  -ms-flex-align: center;
37
37
  align-items: center;
38
38
  }
39
- ._chips_11lkl_3 ._chip_11lkl_3 button {
39
+ ._chips_xsbgb_3 ._chip_xsbgb_3 button {
40
40
  all: unset;
41
41
  }
42
42
  @media (hover: hover) and (pointer: fine) {
43
- ._chips_11lkl_3 ._chip_11lkl_3:hover {
43
+ ._chips_xsbgb_3 ._chip_xsbgb_3:hover {
44
44
  background-color: var(--302ecf);
45
45
  }
46
46
  }
47
- ._chips_11lkl_3 ._chip_11lkl_3:has(._chip-toggle_11lkl_37:focus-visible) {
47
+ ._chips_xsbgb_3 ._chip_xsbgb_3:has(._chip-toggle_xsbgb_37:focus-visible) {
48
48
  outline: solid var(--26b8e3) var(--5b4fe9);
49
49
  outline-offset: var(--05dd73);
50
50
  }
51
- ._chips_11lkl_3 ._chip_11lkl_3:has(._chip-toggle_11lkl_37:active) {
51
+ ._chips_xsbgb_3 ._chip_xsbgb_3:has(._chip-toggle_xsbgb_37:active) {
52
52
  border-color: var(--11d206);
53
53
  background-color: var(--a5c761);
54
54
  }
55
- ._chips_11lkl_3 ._chip_11lkl_3:has(._chip-toggle_11lkl_37[aria-pressed="true"]) {
55
+ ._chips_xsbgb_3 ._chip_xsbgb_3:has(._chip-toggle_xsbgb_37[aria-pressed="true"]) {
56
56
  border-color: var(--11d206);
57
57
  background-color: var(--a5c761);
58
58
  }
59
- ._chips_11lkl_3 ._chip_11lkl_3 ._chip-toggle_11lkl_37 {
59
+ ._chips_xsbgb_3 ._chip_xsbgb_3 ._chip-toggle_xsbgb_37 {
60
60
  padding: var(--66b80b) var(--813599);
61
61
  display: -webkit-box;
62
62
  display: -ms-flexbox;
63
63
  display: flex;
64
64
  gap: var(--66b80b);
65
65
  }
66
- ._chips_11lkl_3 ._chip_11lkl_3 ._chip-remove_11lkl_54 {
66
+ ._chips_xsbgb_3 ._chip_xsbgb_3 ._chip-remove_xsbgb_54 {
67
67
  height: -webkit-fit-content;
68
68
  height: -moz-fit-content;
69
69
  height: fit-content;
@@ -82,17 +82,17 @@ ul._chips_11lkl_3 {
82
82
  padding: var(--66b80b) var(--813599) var(--66b80b) 0;
83
83
  border-radius: inherit;
84
84
  }
85
- ._chips_11lkl_3 ._chip_11lkl_3 ._chip-remove_11lkl_54:focus-visible {
85
+ ._chips_xsbgb_3 ._chip_xsbgb_3 ._chip-remove_xsbgb_54:focus-visible {
86
86
  outline: solid var(--26b8e3) var(--5b4fe9);
87
87
  outline-offset: var(--109103) var(--05dd73);
88
88
  }
89
- ._chips_11lkl_3[data-variant="choice"] ._chip_11lkl_3:has(._chip-toggle_11lkl_37[aria-pressed="true"]) {
89
+ ._chips_xsbgb_3[data-variant="choice"] ._chip_xsbgb_3:has(._chip-toggle_xsbgb_37[aria-pressed="true"]) {
90
90
  color: var(--c2b191);
91
91
  background-color: var(--4983fe);
92
92
  }
93
- ._chips_11lkl_3[data-variant="choice"] ._chip_11lkl_3 ._chip-remove_11lkl_54 {
93
+ ._chips_xsbgb_3[data-variant="choice"] ._chip_xsbgb_3 ._chip-remove_xsbgb_54 {
94
94
  display: none;
95
95
  }
96
- ._chips_11lkl_3[data-variant="filter"] ._chip_11lkl_3:has(._chip-toggle_11lkl_37[aria-pressed="false"]) ._chip-remove_11lkl_54 {
96
+ ._chips_xsbgb_3[data-variant="filter"] ._chip_xsbgb_3:has(._chip-toggle_xsbgb_37[aria-pressed="false"]) ._chip-remove_xsbgb_54 {
97
97
  display: none;
98
98
  }
@@ -1,16 +1,16 @@
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
- ._FieldAdditionalText_8vwkw_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Dec 03 2024 16:54:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Dec 03 2024 16:54:09 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Dec 03 2024 16:54:13 GMT+0000 (Coordinated Universal Time) */
4
+ ._FieldAdditionalText_593os_4 {
5
5
  margin: 0;
6
6
  font-weight: var(--026ea8);
7
7
  font-size: var(--3f1843);
8
8
  line-height: var(--030292);
9
9
  letter-spacing: var(--c142cd);
10
10
  }
11
- ._FieldAdditionalText--variant-normal_8vwkw_11 {
11
+ ._FieldAdditionalText--variant-normal_593os_11 {
12
12
  color: var(--3d280d);
13
13
  }
14
- ._FieldAdditionalText--variant-error_8vwkw_14 {
14
+ ._FieldAdditionalText--variant-error_593os_14 {
15
15
  color: var(--9167e9);
16
16
  }
@@ -1,7 +1,7 @@
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/breakpoints/web-core-breakpoints-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/hover/web-core-hover-less.ts @Mon Dec 02 2024 13:21:19 GMT+0000 (Coordinated Universal Time) */
4
- ._FieldButton_1bbbk_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Dec 03 2024 16:54:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Dec 03 2024 16:54:13 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Dec 03 2024 16:54:13 GMT+0000 (Coordinated Universal Time) */
4
+ ._FieldButton_m9lge_4 {
5
5
  display: -webkit-box;
6
6
  display: -ms-flexbox;
7
7
  display: flex;
@@ -26,20 +26,20 @@
26
26
  touch-action: manipulation;
27
27
  }
28
28
  @media (hover: hover) and (pointer: fine) {
29
- ._FieldButton_1bbbk_4:hover {
29
+ ._FieldButton_m9lge_4:hover {
30
30
  background-color: var(--0bbea4);
31
31
  }
32
32
  }
33
- ._FieldButton_1bbbk_4:active {
33
+ ._FieldButton_m9lge_4:active {
34
34
  background-color: var(--33e933);
35
35
  }
36
- ._FieldButton_1bbbk_4:focus-visible {
36
+ ._FieldButton_m9lge_4:focus-visible {
37
37
  outline-style: solid;
38
38
  outline-color: var(--603ec6);
39
39
  outline-width: var(--99d31f);
40
40
  outline-offset: var(--c0b12c);
41
41
  }
42
- ._FieldButton_1bbbk_4 svg {
42
+ ._FieldButton_m9lge_4 svg {
43
43
  width: var(--f02c4e);
44
44
  height: var(--f02c4e);
45
45
  }
@@ -1,7 +1,7 @@
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
- ._FieldLabel_1lb91_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Dec 03 2024 16:54:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Dec 03 2024 16:54:09 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Dec 03 2024 16:54:13 GMT+0000 (Coordinated Universal Time) */
4
+ ._FieldLabel_55mbq_4 {
5
5
  -webkit-font-smoothing: antialiased;
6
6
  text-rendering: optimizeLegibility;
7
7
  font-size: var(--8d63e4);
@@ -20,21 +20,21 @@
20
20
  max-width: -moz-max-content;
21
21
  max-width: max-content;
22
22
  }
23
- ._FieldLabel--wrap_1lb91_19 {
23
+ ._FieldLabel--wrap_55mbq_19 {
24
24
  display: inline;
25
25
  }
26
- ._FieldLabel--wrapGap_1lb91_22 {
26
+ ._FieldLabel--wrapGap_55mbq_22 {
27
27
  width: var(--6947b0);
28
28
  display: inline-block;
29
29
  }
30
- ._FieldLabel--required_1lb91_26 {
30
+ ._FieldLabel--required_55mbq_26 {
31
31
  display: -webkit-box;
32
32
  display: -ms-flexbox;
33
33
  display: flex;
34
34
  gap: var(--6947b0);
35
35
  color: var(--3d280d);
36
36
  }
37
- ._FieldLabel--hide_1lb91_31 {
37
+ ._FieldLabel--hide_55mbq_31 {
38
38
  clip: rect(0 0 0 0);
39
39
  clip-path: inset(50%);
40
40
  height: 1px;
@@ -1,8 +1,8 @@
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
- ._FieldLayout--input_hylbu_5 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Dec 03 2024 16:54:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Dec 03 2024 16:54:13 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Dec 03 2024 16:54:09 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Dec 03 2024 16:54:13 GMT+0000 (Coordinated Universal Time) */
5
+ ._FieldLayout--input_kjezw_5 {
6
6
  border-radius: var(--c4b051);
7
7
  display: -webkit-box;
8
8
  display: -ms-flexbox;
@@ -16,13 +16,13 @@
16
16
  background-color: var(--211bc0);
17
17
  }
18
18
  @media (hover: hover) and (pointer: fine) {
19
- ._FieldLayout--input_hylbu_5:hover input,
20
- ._FieldLayout--input_hylbu_5:hover textarea {
19
+ ._FieldLayout--input_kjezw_5:hover input,
20
+ ._FieldLayout--input_kjezw_5:hover textarea {
21
21
  border-color: var(--0bd642);
22
22
  }
23
23
  }
24
- ._FieldLayout--input_hylbu_5 input,
25
- ._FieldLayout--input_hylbu_5 textarea {
24
+ ._FieldLayout--input_kjezw_5 input,
25
+ ._FieldLayout--input_kjezw_5 textarea {
26
26
  border-color: var(--29cd58);
27
27
  border-width: var(--d9baa3);
28
28
  border-radius: var(--c4b051);
@@ -39,23 +39,23 @@
39
39
  padding-right: calc(var(--477fda) - var(--d9baa3));
40
40
  padding-left: calc(var(--477fda) - var(--d9baa3));
41
41
  }
42
- ._FieldLayout--input_hylbu_5 input::-webkit-input-placeholder, ._FieldLayout--input_hylbu_5 textarea::-webkit-input-placeholder {
42
+ ._FieldLayout--input_kjezw_5 input::-webkit-input-placeholder, ._FieldLayout--input_kjezw_5 textarea::-webkit-input-placeholder {
43
43
  color: var(--d9209f);
44
44
  }
45
- ._FieldLayout--input_hylbu_5 input::-moz-placeholder, ._FieldLayout--input_hylbu_5 textarea::-moz-placeholder {
45
+ ._FieldLayout--input_kjezw_5 input::-moz-placeholder, ._FieldLayout--input_kjezw_5 textarea::-moz-placeholder {
46
46
  color: var(--d9209f);
47
47
  }
48
- ._FieldLayout--input_hylbu_5 input:-ms-input-placeholder, ._FieldLayout--input_hylbu_5 textarea:-ms-input-placeholder {
48
+ ._FieldLayout--input_kjezw_5 input:-ms-input-placeholder, ._FieldLayout--input_kjezw_5 textarea:-ms-input-placeholder {
49
49
  color: var(--d9209f);
50
50
  }
51
- ._FieldLayout--input_hylbu_5 input::-ms-input-placeholder, ._FieldLayout--input_hylbu_5 textarea::-ms-input-placeholder {
51
+ ._FieldLayout--input_kjezw_5 input::-ms-input-placeholder, ._FieldLayout--input_kjezw_5 textarea::-ms-input-placeholder {
52
52
  color: var(--d9209f);
53
53
  }
54
- ._FieldLayout--input_hylbu_5 input::placeholder,
55
- ._FieldLayout--input_hylbu_5 textarea::placeholder {
54
+ ._FieldLayout--input_kjezw_5 input::placeholder,
55
+ ._FieldLayout--input_kjezw_5 textarea::placeholder {
56
56
  color: var(--d9209f);
57
57
  }
58
- ._FieldLayout--icon_hylbu_42 {
58
+ ._FieldLayout--icon_kjezw_42 {
59
59
  position: absolute;
60
60
  top: 0;
61
61
  display: -webkit-box;
@@ -69,39 +69,39 @@
69
69
  font-size: 0;
70
70
  pointer-events: none;
71
71
  }
72
- ._FieldLayout--icon_hylbu_42 svg {
72
+ ._FieldLayout--icon_kjezw_42 svg {
73
73
  color: var(--cbc724);
74
74
  }
75
- ._FieldLayout--has-icon_hylbu_55 ._FieldLayout--input_hylbu_5 input {
75
+ ._FieldLayout--has-icon_kjezw_55 ._FieldLayout--input_kjezw_5 input {
76
76
  padding-left: calc((var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a));
77
77
  padding-left: calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a));
78
78
  }
79
- ._FieldLayout--has-button_hylbu_58 ._FieldLayout--input_hylbu_5 input {
79
+ ._FieldLayout--has-button_kjezw_58 ._FieldLayout--input_kjezw_5 input {
80
80
  padding-right: 58px;
81
81
  }
82
- ._FieldLayout--has-error_hylbu_61 ._FieldLayout--input_hylbu_5 {
82
+ ._FieldLayout--has-error_kjezw_61 ._FieldLayout--input_kjezw_5 {
83
83
  background-color: var(--95df5b);
84
84
  }
85
- ._FieldLayout--has-error_hylbu_61 ._FieldLayout--input_hylbu_5 input,
86
- ._FieldLayout--has-error_hylbu_61 ._FieldLayout--input_hylbu_5 textarea {
85
+ ._FieldLayout--has-error_kjezw_61 ._FieldLayout--input_kjezw_5 input,
86
+ ._FieldLayout--has-error_kjezw_61 ._FieldLayout--input_kjezw_5 textarea {
87
87
  border-color: var(--eaf4a3);
88
88
  color: var(--7b0f41);
89
89
  }
90
- ._FieldLayout--has-error_hylbu_61 ._FieldLayout--icon_hylbu_42 svg {
90
+ ._FieldLayout--has-error_kjezw_61 ._FieldLayout--icon_kjezw_42 svg {
91
91
  color: var(--7b0f41);
92
92
  }
93
- ._FieldLayout--is-focused_hylbu_72 ._FieldLayout--input_hylbu_5 input,
94
- ._FieldLayout--is-focused_hylbu_72 ._FieldLayout--input_hylbu_5 textarea {
93
+ ._FieldLayout--is-focused_kjezw_72 ._FieldLayout--input_kjezw_5 input,
94
+ ._FieldLayout--is-focused_kjezw_72 ._FieldLayout--input_kjezw_5 textarea {
95
95
  border-color: var(--398094);
96
96
  }
97
- ._FieldLayout--is-disabled_hylbu_76 ._FieldLayout--input_hylbu_5 {
97
+ ._FieldLayout--is-disabled_kjezw_76 ._FieldLayout--input_kjezw_5 {
98
98
  background-color: var(--04daeb);
99
99
  }
100
- ._FieldLayout--is-disabled_hylbu_76 ._FieldLayout--input_hylbu_5 input,
101
- ._FieldLayout--is-disabled_hylbu_76 ._FieldLayout--input_hylbu_5 textarea {
100
+ ._FieldLayout--is-disabled_kjezw_76 ._FieldLayout--input_kjezw_5 input,
101
+ ._FieldLayout--is-disabled_kjezw_76 ._FieldLayout--input_kjezw_5 textarea {
102
102
  border-color: transparent;
103
103
  }
104
- ._FieldLayout--input_hylbu_5 button {
104
+ ._FieldLayout--input_kjezw_5 button {
105
105
  position: absolute;
106
106
  top: calc(var(--1ba55a) + var(--6947b0));
107
107
  right: var(--6947b0);
@@ -1,5 +1,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
- ._FieldLayoutBase_1ca3g_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Dec 03 2024 16:54:10 GMT+0000 (Coordinated Universal Time) */
2
+ ._FieldLayoutBase_j4pn2_2 {
3
3
  display: -webkit-box;
4
4
  display: -ms-flexbox;
5
5
  display: flex;
@@ -9,8 +9,8 @@
9
9
  flex-direction: column;
10
10
  gap: var(--6947b0);
11
11
  }
12
- ._FieldLayoutBase_1ca3g_2 input,
13
- ._FieldLayoutBase_1ca3g_2 textarea {
12
+ ._FieldLayoutBase_j4pn2_2 input,
13
+ ._FieldLayoutBase_j4pn2_2 textarea {
14
14
  display: block;
15
15
  width: 100%;
16
16
  }