@preply/ds-web-lib 0.100.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/README.md +1 -1
  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/FieldAdditionalText.css +6 -6
  10. package/dist/assets/FieldButton.css +8 -8
  11. package/dist/assets/FieldLabel.css +8 -8
  12. package/dist/assets/FieldLayout.css +29 -29
  13. package/dist/assets/FieldLayoutBase.css +4 -4
  14. package/dist/assets/Heading.css +100 -100
  15. package/dist/assets/Icon.css +14 -14
  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-flex.css +100 -100
  30. package/dist/assets/layout-gap.css +135 -135
  31. package/dist/assets/layout-grid.css +100 -100
  32. package/dist/assets/layout-hide.css +49 -49
  33. package/dist/assets/layout-padding.css +531 -531
  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 +11 -11
  48. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  49. package/dist/components/Link/Link.js +18 -18
  50. package/dist/components/Loader/Loader.js +3 -3
  51. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  52. package/dist/components/Text/Text.js +224 -224
  53. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  54. package/dist/components/TextInline/TextInline.js +2 -2
  55. package/dist/components/Toast/Toast.js +5 -5
  56. package/dist/components/index.d.ts +1 -0
  57. package/dist/components/index.d.ts.map +1 -1
  58. package/dist/components/index.js +4 -1
  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.js +4 -1
  74. package/dist/index.module-_Q6tNIhh.js +27 -0
  75. package/dist/{layout-grid.module-ap-Sxhav.js → layout-grid.module-C1bhuzDp.js} +97 -97
  76. package/dist/shared-styles/align-self/align-self.js +25 -25
  77. package/dist/shared-styles/color/color.js +38 -38
  78. package/dist/shared-styles/layout-flex/layout-flex.js +97 -97
  79. package/dist/shared-styles/layout-gap/layout-gap.js +133 -133
  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 +49 -49
  83. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  84. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  85. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  86. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  87. package/package.json +17 -18
  88. package/dist/index.module-Cd7gOnx6.js +0 -27
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Sep 18 2024 15:18:47 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Sep 18 2024 15:18:50 GMT+0000 (Coordinated Universal Time) */
3
- ._chips_1oj3y_3 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 17 2024 15:06:57 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Oct 17 2024 15:06:59 GMT+0000 (Coordinated Universal Time) */
3
+ ._chips_1xxr1_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_1oj3y_3 {
11
+ ul._chips_1xxr1_3 {
12
12
  list-style: none;
13
13
  margin: 0;
14
14
  padding: 0;
15
15
  }
16
- ._chips_1oj3y_3 ._chip_1oj3y_3 {
16
+ ._chips_1xxr1_3 ._chip_1xxr1_3 {
17
17
  -webkit-box-sizing: border-box;
18
18
  box-sizing: border-box;
19
19
  cursor: pointer;
@@ -36,34 +36,34 @@ ul._chips_1oj3y_3 {
36
36
  -ms-flex-align: center;
37
37
  align-items: center;
38
38
  }
39
- ._chips_1oj3y_3 ._chip_1oj3y_3 button {
39
+ ._chips_1xxr1_3 ._chip_1xxr1_3 button {
40
40
  all: unset;
41
41
  }
42
42
  @media (hover: hover) and (pointer: fine) {
43
- ._chips_1oj3y_3 ._chip_1oj3y_3:hover {
43
+ ._chips_1xxr1_3 ._chip_1xxr1_3:hover {
44
44
  background-color: var(--302ecf);
45
45
  }
46
46
  }
47
- ._chips_1oj3y_3 ._chip_1oj3y_3:has(._chip-toggle_1oj3y_37:focus-visible) {
47
+ ._chips_1xxr1_3 ._chip_1xxr1_3:has(._chip-toggle_1xxr1_37:focus-visible) {
48
48
  outline: solid var(--26b8e3) var(--5b4fe9);
49
49
  outline-offset: var(--05dd73);
50
50
  }
51
- ._chips_1oj3y_3 ._chip_1oj3y_3:has(._chip-toggle_1oj3y_37:active) {
51
+ ._chips_1xxr1_3 ._chip_1xxr1_3:has(._chip-toggle_1xxr1_37:active) {
52
52
  border-color: var(--11d206);
53
53
  background-color: var(--a5c761);
54
54
  }
55
- ._chips_1oj3y_3 ._chip_1oj3y_3:has(._chip-toggle_1oj3y_37[aria-pressed="true"]) {
55
+ ._chips_1xxr1_3 ._chip_1xxr1_3:has(._chip-toggle_1xxr1_37[aria-pressed="true"]) {
56
56
  border-color: var(--11d206);
57
57
  background-color: var(--a5c761);
58
58
  }
59
- ._chips_1oj3y_3 ._chip_1oj3y_3 ._chip-toggle_1oj3y_37 {
59
+ ._chips_1xxr1_3 ._chip_1xxr1_3 ._chip-toggle_1xxr1_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_1oj3y_3 ._chip_1oj3y_3 ._chip-remove_1oj3y_54 {
66
+ ._chips_1xxr1_3 ._chip_1xxr1_3 ._chip-remove_1xxr1_54 {
67
67
  height: -webkit-fit-content;
68
68
  height: -moz-fit-content;
69
69
  height: fit-content;
@@ -82,17 +82,17 @@ ul._chips_1oj3y_3 {
82
82
  padding: var(--66b80b) var(--813599) var(--66b80b) 0;
83
83
  border-radius: inherit;
84
84
  }
85
- ._chips_1oj3y_3 ._chip_1oj3y_3 ._chip-remove_1oj3y_54:focus-visible {
85
+ ._chips_1xxr1_3 ._chip_1xxr1_3 ._chip-remove_1xxr1_54:focus-visible {
86
86
  outline: solid var(--26b8e3) var(--5b4fe9);
87
87
  outline-offset: var(--109103) var(--05dd73);
88
88
  }
89
- ._chips_1oj3y_3[data-variant="choice"] ._chip_1oj3y_3:has(._chip-toggle_1oj3y_37[aria-pressed="true"]) {
89
+ ._chips_1xxr1_3[data-variant="choice"] ._chip_1xxr1_3:has(._chip-toggle_1xxr1_37[aria-pressed="true"]) {
90
90
  color: var(--c2b191);
91
91
  background-color: var(--4983fe);
92
92
  }
93
- ._chips_1oj3y_3[data-variant="choice"] ._chip_1oj3y_3 ._chip-remove_1oj3y_54 {
93
+ ._chips_1xxr1_3[data-variant="choice"] ._chip_1xxr1_3 ._chip-remove_1xxr1_54 {
94
94
  display: none;
95
95
  }
96
- ._chips_1oj3y_3[data-variant="filter"] ._chip_1oj3y_3:has(._chip-toggle_1oj3y_37[aria-pressed="false"]) ._chip-remove_1oj3y_54 {
96
+ ._chips_1xxr1_3[data-variant="filter"] ._chip_1xxr1_3:has(._chip-toggle_1xxr1_37[aria-pressed="false"]) ._chip-remove_1xxr1_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 @Wed Sep 18 2024 15:18:47 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Sep 18 2024 15:18:46 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Sep 18 2024 15:18:50 GMT+0000 (Coordinated Universal Time) */
4
- ._FieldAdditionalText_1e6co_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 17 2024 15:06:57 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Oct 17 2024 15:06:56 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Oct 17 2024 15:06:59 GMT+0000 (Coordinated Universal Time) */
4
+ ._FieldAdditionalText_1bg40_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_1e6co_11 {
11
+ ._FieldAdditionalText--variant-normal_1bg40_11 {
12
12
  color: var(--3d280d);
13
13
  }
14
- ._FieldAdditionalText--variant-error_1e6co_14 {
14
+ ._FieldAdditionalText--variant-error_1bg40_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 @Wed Sep 18 2024 15:18:47 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Sep 18 2024 15:18:50 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Sep 18 2024 15:18:50 GMT+0000 (Coordinated Universal Time) */
4
- ._FieldButton_3n5x8_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 17 2024 15:06:57 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Oct 17 2024 15:06:59 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Oct 17 2024 15:06:59 GMT+0000 (Coordinated Universal Time) */
4
+ ._FieldButton_ti9le_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_3n5x8_4:hover {
29
+ ._FieldButton_ti9le_4:hover {
30
30
  background-color: var(--0bbea4);
31
31
  }
32
32
  }
33
- ._FieldButton_3n5x8_4:active {
33
+ ._FieldButton_ti9le_4:active {
34
34
  background-color: var(--33e933);
35
35
  }
36
- ._FieldButton_3n5x8_4:focus-visible {
36
+ ._FieldButton_ti9le_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_3n5x8_4 svg {
42
+ ._FieldButton_ti9le_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 @Wed Sep 18 2024 15:18:47 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Sep 18 2024 15:18:46 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Sep 18 2024 15:18:50 GMT+0000 (Coordinated Universal Time) */
4
- ._FieldLabel_1uka5_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 17 2024 15:06:57 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Oct 17 2024 15:06:56 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Oct 17 2024 15:06:59 GMT+0000 (Coordinated Universal Time) */
4
+ ._FieldLabel_11ap2_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_1uka5_19 {
23
+ ._FieldLabel--wrap_11ap2_19 {
24
24
  display: inline;
25
25
  }
26
- ._FieldLabel--wrapGap_1uka5_22 {
26
+ ._FieldLabel--wrapGap_11ap2_22 {
27
27
  width: var(--6947b0);
28
28
  display: inline-block;
29
29
  }
30
- ._FieldLabel--required_1uka5_26 {
30
+ ._FieldLabel--required_11ap2_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_1uka5_31 {
37
+ ._FieldLabel--hide_11ap2_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 @Wed Sep 18 2024 15:18:47 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Sep 18 2024 15:18:50 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Sep 18 2024 15:18:46 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Sep 18 2024 15:18:50 GMT+0000 (Coordinated Universal Time) */
5
- ._FieldLayout--input_18aaz_5 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 17 2024 15:06:57 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Oct 17 2024 15:06:59 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Oct 17 2024 15:06:56 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Oct 17 2024 15:06:59 GMT+0000 (Coordinated Universal Time) */
5
+ ._FieldLayout--input_1pfku_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_18aaz_5:hover input,
20
- ._FieldLayout--input_18aaz_5:hover textarea {
19
+ ._FieldLayout--input_1pfku_5:hover input,
20
+ ._FieldLayout--input_1pfku_5:hover textarea {
21
21
  border-color: var(--0bd642);
22
22
  }
23
23
  }
24
- ._FieldLayout--input_18aaz_5 input,
25
- ._FieldLayout--input_18aaz_5 textarea {
24
+ ._FieldLayout--input_1pfku_5 input,
25
+ ._FieldLayout--input_1pfku_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_18aaz_5 input::-webkit-input-placeholder, ._FieldLayout--input_18aaz_5 textarea::-webkit-input-placeholder {
42
+ ._FieldLayout--input_1pfku_5 input::-webkit-input-placeholder, ._FieldLayout--input_1pfku_5 textarea::-webkit-input-placeholder {
43
43
  color: var(--d9209f);
44
44
  }
45
- ._FieldLayout--input_18aaz_5 input::-moz-placeholder, ._FieldLayout--input_18aaz_5 textarea::-moz-placeholder {
45
+ ._FieldLayout--input_1pfku_5 input::-moz-placeholder, ._FieldLayout--input_1pfku_5 textarea::-moz-placeholder {
46
46
  color: var(--d9209f);
47
47
  }
48
- ._FieldLayout--input_18aaz_5 input:-ms-input-placeholder, ._FieldLayout--input_18aaz_5 textarea:-ms-input-placeholder {
48
+ ._FieldLayout--input_1pfku_5 input:-ms-input-placeholder, ._FieldLayout--input_1pfku_5 textarea:-ms-input-placeholder {
49
49
  color: var(--d9209f);
50
50
  }
51
- ._FieldLayout--input_18aaz_5 input::-ms-input-placeholder, ._FieldLayout--input_18aaz_5 textarea::-ms-input-placeholder {
51
+ ._FieldLayout--input_1pfku_5 input::-ms-input-placeholder, ._FieldLayout--input_1pfku_5 textarea::-ms-input-placeholder {
52
52
  color: var(--d9209f);
53
53
  }
54
- ._FieldLayout--input_18aaz_5 input::placeholder,
55
- ._FieldLayout--input_18aaz_5 textarea::placeholder {
54
+ ._FieldLayout--input_1pfku_5 input::placeholder,
55
+ ._FieldLayout--input_1pfku_5 textarea::placeholder {
56
56
  color: var(--d9209f);
57
57
  }
58
- ._FieldLayout--icon_18aaz_42 {
58
+ ._FieldLayout--icon_1pfku_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_18aaz_42 svg {
72
+ ._FieldLayout--icon_1pfku_42 svg {
73
73
  color: var(--cbc724);
74
74
  }
75
- ._FieldLayout--has-icon_18aaz_55 ._FieldLayout--input_18aaz_5 input {
75
+ ._FieldLayout--has-icon_1pfku_55 ._FieldLayout--input_1pfku_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_18aaz_58 ._FieldLayout--input_18aaz_5 input {
79
+ ._FieldLayout--has-button_1pfku_58 ._FieldLayout--input_1pfku_5 input {
80
80
  padding-right: 58px;
81
81
  }
82
- ._FieldLayout--has-error_18aaz_61 ._FieldLayout--input_18aaz_5 {
82
+ ._FieldLayout--has-error_1pfku_61 ._FieldLayout--input_1pfku_5 {
83
83
  background-color: var(--95df5b);
84
84
  }
85
- ._FieldLayout--has-error_18aaz_61 ._FieldLayout--input_18aaz_5 input,
86
- ._FieldLayout--has-error_18aaz_61 ._FieldLayout--input_18aaz_5 textarea {
85
+ ._FieldLayout--has-error_1pfku_61 ._FieldLayout--input_1pfku_5 input,
86
+ ._FieldLayout--has-error_1pfku_61 ._FieldLayout--input_1pfku_5 textarea {
87
87
  border-color: var(--eaf4a3);
88
88
  color: var(--7b0f41);
89
89
  }
90
- ._FieldLayout--has-error_18aaz_61 ._FieldLayout--icon_18aaz_42 svg {
90
+ ._FieldLayout--has-error_1pfku_61 ._FieldLayout--icon_1pfku_42 svg {
91
91
  color: var(--7b0f41);
92
92
  }
93
- ._FieldLayout--is-focused_18aaz_72 ._FieldLayout--input_18aaz_5 input,
94
- ._FieldLayout--is-focused_18aaz_72 ._FieldLayout--input_18aaz_5 textarea {
93
+ ._FieldLayout--is-focused_1pfku_72 ._FieldLayout--input_1pfku_5 input,
94
+ ._FieldLayout--is-focused_1pfku_72 ._FieldLayout--input_1pfku_5 textarea {
95
95
  border-color: var(--398094);
96
96
  }
97
- ._FieldLayout--is-disabled_18aaz_76 ._FieldLayout--input_18aaz_5 {
97
+ ._FieldLayout--is-disabled_1pfku_76 ._FieldLayout--input_1pfku_5 {
98
98
  background-color: var(--04daeb);
99
99
  }
100
- ._FieldLayout--is-disabled_18aaz_76 ._FieldLayout--input_18aaz_5 input,
101
- ._FieldLayout--is-disabled_18aaz_76 ._FieldLayout--input_18aaz_5 textarea {
100
+ ._FieldLayout--is-disabled_1pfku_76 ._FieldLayout--input_1pfku_5 input,
101
+ ._FieldLayout--is-disabled_1pfku_76 ._FieldLayout--input_1pfku_5 textarea {
102
102
  border-color: transparent;
103
103
  }
104
- ._FieldLayout--input_18aaz_5 button {
104
+ ._FieldLayout--input_1pfku_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 @Wed Sep 18 2024 15:18:47 GMT+0000 (Coordinated Universal Time) */
2
- ._FieldLayoutBase_wa0z3_2 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 17 2024 15:06:57 GMT+0000 (Coordinated Universal Time) */
2
+ ._FieldLayoutBase_cx0t1_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_wa0z3_2 input,
13
- ._FieldLayoutBase_wa0z3_2 textarea {
12
+ ._FieldLayoutBase_cx0t1_2 input,
13
+ ._FieldLayoutBase_cx0t1_2 textarea {
14
14
  display: block;
15
15
  width: 100%;
16
16
  }