@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,6 +1,6 @@
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
- ._chips_1k2mg_3 {
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 {
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_1k2mg_3 {
11
+ ul._chips_11lkl_3 {
12
12
  list-style: none;
13
13
  margin: 0;
14
14
  padding: 0;
15
15
  }
16
- ._chips_1k2mg_3 ._chip_1k2mg_3 {
16
+ ._chips_11lkl_3 ._chip_11lkl_3 {
17
17
  -webkit-box-sizing: border-box;
18
18
  box-sizing: border-box;
19
19
  cursor: pointer;
@@ -36,34 +36,34 @@ ul._chips_1k2mg_3 {
36
36
  -ms-flex-align: center;
37
37
  align-items: center;
38
38
  }
39
- ._chips_1k2mg_3 ._chip_1k2mg_3 button {
39
+ ._chips_11lkl_3 ._chip_11lkl_3 button {
40
40
  all: unset;
41
41
  }
42
42
  @media (hover: hover) and (pointer: fine) {
43
- ._chips_1k2mg_3 ._chip_1k2mg_3:hover {
43
+ ._chips_11lkl_3 ._chip_11lkl_3:hover {
44
44
  background-color: var(--302ecf);
45
45
  }
46
46
  }
47
- ._chips_1k2mg_3 ._chip_1k2mg_3:has(._chip-toggle_1k2mg_37:focus-visible) {
47
+ ._chips_11lkl_3 ._chip_11lkl_3:has(._chip-toggle_11lkl_37:focus-visible) {
48
48
  outline: solid var(--26b8e3) var(--5b4fe9);
49
49
  outline-offset: var(--05dd73);
50
50
  }
51
- ._chips_1k2mg_3 ._chip_1k2mg_3:has(._chip-toggle_1k2mg_37:active) {
51
+ ._chips_11lkl_3 ._chip_11lkl_3:has(._chip-toggle_11lkl_37:active) {
52
52
  border-color: var(--11d206);
53
53
  background-color: var(--a5c761);
54
54
  }
55
- ._chips_1k2mg_3 ._chip_1k2mg_3:has(._chip-toggle_1k2mg_37[aria-pressed="true"]) {
55
+ ._chips_11lkl_3 ._chip_11lkl_3:has(._chip-toggle_11lkl_37[aria-pressed="true"]) {
56
56
  border-color: var(--11d206);
57
57
  background-color: var(--a5c761);
58
58
  }
59
- ._chips_1k2mg_3 ._chip_1k2mg_3 ._chip-toggle_1k2mg_37 {
59
+ ._chips_11lkl_3 ._chip_11lkl_3 ._chip-toggle_11lkl_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_1k2mg_3 ._chip_1k2mg_3 ._chip-remove_1k2mg_54 {
66
+ ._chips_11lkl_3 ._chip_11lkl_3 ._chip-remove_11lkl_54 {
67
67
  height: -webkit-fit-content;
68
68
  height: -moz-fit-content;
69
69
  height: fit-content;
@@ -82,17 +82,17 @@ ul._chips_1k2mg_3 {
82
82
  padding: var(--66b80b) var(--813599) var(--66b80b) 0;
83
83
  border-radius: inherit;
84
84
  }
85
- ._chips_1k2mg_3 ._chip_1k2mg_3 ._chip-remove_1k2mg_54:focus-visible {
85
+ ._chips_11lkl_3 ._chip_11lkl_3 ._chip-remove_11lkl_54:focus-visible {
86
86
  outline: solid var(--26b8e3) var(--5b4fe9);
87
87
  outline-offset: var(--109103) var(--05dd73);
88
88
  }
89
- ._chips_1k2mg_3[data-variant="choice"] ._chip_1k2mg_3:has(._chip-toggle_1k2mg_37[aria-pressed="true"]) {
89
+ ._chips_11lkl_3[data-variant="choice"] ._chip_11lkl_3:has(._chip-toggle_11lkl_37[aria-pressed="true"]) {
90
90
  color: var(--c2b191);
91
91
  background-color: var(--4983fe);
92
92
  }
93
- ._chips_1k2mg_3[data-variant="choice"] ._chip_1k2mg_3 ._chip-remove_1k2mg_54 {
93
+ ._chips_11lkl_3[data-variant="choice"] ._chip_11lkl_3 ._chip-remove_11lkl_54 {
94
94
  display: none;
95
95
  }
96
- ._chips_1k2mg_3[data-variant="filter"] ._chip_1k2mg_3:has(._chip-toggle_1k2mg_37[aria-pressed="false"]) ._chip-remove_1k2mg_54 {
96
+ ._chips_11lkl_3[data-variant="filter"] ._chip_11lkl_3:has(._chip-toggle_11lkl_37[aria-pressed="false"]) ._chip-remove_11lkl_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 @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
- ._FieldAdditionalText_a0lco_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
+ ._FieldAdditionalText_8vwkw_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_a0lco_11 {
11
+ ._FieldAdditionalText--variant-normal_8vwkw_11 {
12
12
  color: var(--3d280d);
13
13
  }
14
- ._FieldAdditionalText--variant-error_a0lco_14 {
14
+ ._FieldAdditionalText--variant-error_8vwkw_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 @Thu Nov 21 2024 15:22:16 GMT+0000 (Coordinated Universal Time) */
2
- /* 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) */
3
- /* 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) */
4
- ._FieldButton_1el8s_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/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 {
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_1el8s_4:hover {
29
+ ._FieldButton_1bbbk_4:hover {
30
30
  background-color: var(--0bbea4);
31
31
  }
32
32
  }
33
- ._FieldButton_1el8s_4:active {
33
+ ._FieldButton_1bbbk_4:active {
34
34
  background-color: var(--33e933);
35
35
  }
36
- ._FieldButton_1el8s_4:focus-visible {
36
+ ._FieldButton_1bbbk_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_1el8s_4 svg {
42
+ ._FieldButton_1bbbk_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 @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
- ._FieldLabel_ym89l_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
+ ._FieldLabel_1lb91_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_ym89l_19 {
23
+ ._FieldLabel--wrap_1lb91_19 {
24
24
  display: inline;
25
25
  }
26
- ._FieldLabel--wrapGap_ym89l_22 {
26
+ ._FieldLabel--wrapGap_1lb91_22 {
27
27
  width: var(--6947b0);
28
28
  display: inline-block;
29
29
  }
30
- ._FieldLabel--required_ym89l_26 {
30
+ ._FieldLabel--required_1lb91_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_ym89l_31 {
37
+ ._FieldLabel--hide_1lb91_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 @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
- ._FieldLayout--input_xqtpk_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
+ ._FieldLayout--input_hylbu_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_xqtpk_5:hover input,
20
- ._FieldLayout--input_xqtpk_5:hover textarea {
19
+ ._FieldLayout--input_hylbu_5:hover input,
20
+ ._FieldLayout--input_hylbu_5:hover textarea {
21
21
  border-color: var(--0bd642);
22
22
  }
23
23
  }
24
- ._FieldLayout--input_xqtpk_5 input,
25
- ._FieldLayout--input_xqtpk_5 textarea {
24
+ ._FieldLayout--input_hylbu_5 input,
25
+ ._FieldLayout--input_hylbu_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_xqtpk_5 input::-webkit-input-placeholder, ._FieldLayout--input_xqtpk_5 textarea::-webkit-input-placeholder {
42
+ ._FieldLayout--input_hylbu_5 input::-webkit-input-placeholder, ._FieldLayout--input_hylbu_5 textarea::-webkit-input-placeholder {
43
43
  color: var(--d9209f);
44
44
  }
45
- ._FieldLayout--input_xqtpk_5 input::-moz-placeholder, ._FieldLayout--input_xqtpk_5 textarea::-moz-placeholder {
45
+ ._FieldLayout--input_hylbu_5 input::-moz-placeholder, ._FieldLayout--input_hylbu_5 textarea::-moz-placeholder {
46
46
  color: var(--d9209f);
47
47
  }
48
- ._FieldLayout--input_xqtpk_5 input:-ms-input-placeholder, ._FieldLayout--input_xqtpk_5 textarea:-ms-input-placeholder {
48
+ ._FieldLayout--input_hylbu_5 input:-ms-input-placeholder, ._FieldLayout--input_hylbu_5 textarea:-ms-input-placeholder {
49
49
  color: var(--d9209f);
50
50
  }
51
- ._FieldLayout--input_xqtpk_5 input::-ms-input-placeholder, ._FieldLayout--input_xqtpk_5 textarea::-ms-input-placeholder {
51
+ ._FieldLayout--input_hylbu_5 input::-ms-input-placeholder, ._FieldLayout--input_hylbu_5 textarea::-ms-input-placeholder {
52
52
  color: var(--d9209f);
53
53
  }
54
- ._FieldLayout--input_xqtpk_5 input::placeholder,
55
- ._FieldLayout--input_xqtpk_5 textarea::placeholder {
54
+ ._FieldLayout--input_hylbu_5 input::placeholder,
55
+ ._FieldLayout--input_hylbu_5 textarea::placeholder {
56
56
  color: var(--d9209f);
57
57
  }
58
- ._FieldLayout--icon_xqtpk_42 {
58
+ ._FieldLayout--icon_hylbu_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_xqtpk_42 svg {
72
+ ._FieldLayout--icon_hylbu_42 svg {
73
73
  color: var(--cbc724);
74
74
  }
75
- ._FieldLayout--has-icon_xqtpk_55 ._FieldLayout--input_xqtpk_5 input {
75
+ ._FieldLayout--has-icon_hylbu_55 ._FieldLayout--input_hylbu_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_xqtpk_58 ._FieldLayout--input_xqtpk_5 input {
79
+ ._FieldLayout--has-button_hylbu_58 ._FieldLayout--input_hylbu_5 input {
80
80
  padding-right: 58px;
81
81
  }
82
- ._FieldLayout--has-error_xqtpk_61 ._FieldLayout--input_xqtpk_5 {
82
+ ._FieldLayout--has-error_hylbu_61 ._FieldLayout--input_hylbu_5 {
83
83
  background-color: var(--95df5b);
84
84
  }
85
- ._FieldLayout--has-error_xqtpk_61 ._FieldLayout--input_xqtpk_5 input,
86
- ._FieldLayout--has-error_xqtpk_61 ._FieldLayout--input_xqtpk_5 textarea {
85
+ ._FieldLayout--has-error_hylbu_61 ._FieldLayout--input_hylbu_5 input,
86
+ ._FieldLayout--has-error_hylbu_61 ._FieldLayout--input_hylbu_5 textarea {
87
87
  border-color: var(--eaf4a3);
88
88
  color: var(--7b0f41);
89
89
  }
90
- ._FieldLayout--has-error_xqtpk_61 ._FieldLayout--icon_xqtpk_42 svg {
90
+ ._FieldLayout--has-error_hylbu_61 ._FieldLayout--icon_hylbu_42 svg {
91
91
  color: var(--7b0f41);
92
92
  }
93
- ._FieldLayout--is-focused_xqtpk_72 ._FieldLayout--input_xqtpk_5 input,
94
- ._FieldLayout--is-focused_xqtpk_72 ._FieldLayout--input_xqtpk_5 textarea {
93
+ ._FieldLayout--is-focused_hylbu_72 ._FieldLayout--input_hylbu_5 input,
94
+ ._FieldLayout--is-focused_hylbu_72 ._FieldLayout--input_hylbu_5 textarea {
95
95
  border-color: var(--398094);
96
96
  }
97
- ._FieldLayout--is-disabled_xqtpk_76 ._FieldLayout--input_xqtpk_5 {
97
+ ._FieldLayout--is-disabled_hylbu_76 ._FieldLayout--input_hylbu_5 {
98
98
  background-color: var(--04daeb);
99
99
  }
100
- ._FieldLayout--is-disabled_xqtpk_76 ._FieldLayout--input_xqtpk_5 input,
101
- ._FieldLayout--is-disabled_xqtpk_76 ._FieldLayout--input_xqtpk_5 textarea {
100
+ ._FieldLayout--is-disabled_hylbu_76 ._FieldLayout--input_hylbu_5 input,
101
+ ._FieldLayout--is-disabled_hylbu_76 ._FieldLayout--input_hylbu_5 textarea {
102
102
  border-color: transparent;
103
103
  }
104
- ._FieldLayout--input_xqtpk_5 button {
104
+ ._FieldLayout--input_hylbu_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 @Thu Nov 21 2024 15:22:16 GMT+0000 (Coordinated Universal Time) */
2
- ._FieldLayoutBase_f8241_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
+ ._FieldLayoutBase_1ca3g_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_f8241_2 input,
13
- ._FieldLayoutBase_f8241_2 textarea {
12
+ ._FieldLayoutBase_1ca3g_2 input,
13
+ ._FieldLayoutBase_1ca3g_2 textarea {
14
14
  display: block;
15
15
  width: 100%;
16
16
  }