@preply/ds-web-lib 0.99.3 → 0.100.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 (83) 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/LayoutFlexItem.css +14 -14
  16. package/dist/assets/Link.css +32 -32
  17. package/dist/assets/Loader.css +4 -4
  18. package/dist/assets/PreplyLogo.css +9 -9
  19. package/dist/assets/SelectFieldLayout.css +18 -18
  20. package/dist/assets/Spinner.css +26 -26
  21. package/dist/assets/Text.css +227 -227
  22. package/dist/assets/TextHighlighted.css +14 -14
  23. package/dist/assets/TextInline.css +5 -5
  24. package/dist/assets/Toast.css +12 -12
  25. package/dist/assets/align-self.css +25 -25
  26. package/dist/assets/color.css +39 -39
  27. package/dist/assets/index.css +16 -16
  28. package/dist/assets/layout-flex.css +100 -100
  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/text-accent.css +18 -18
  34. package/dist/assets/text-centered.css +13 -13
  35. package/dist/assets/text-weight.css +8 -8
  36. package/dist/components/Avatar/Avatar.js +74 -74
  37. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  38. package/dist/components/Badge/Badge.js +1 -1
  39. package/dist/components/Box/Box.js +150 -150
  40. package/dist/components/Button/Button.js +1 -1
  41. package/dist/components/Chips/Chips.js +4 -4
  42. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  43. package/dist/components/FieldButton/FieldButton.js +1 -1
  44. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  45. package/dist/components/Heading/Heading.js +97 -97
  46. package/dist/components/Icon/Icon.js +10 -10
  47. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  48. package/dist/components/Link/Link.js +18 -18
  49. package/dist/components/Loader/Loader.js +3 -3
  50. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  51. package/dist/components/Text/Text.js +224 -224
  52. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  53. package/dist/components/TextInline/TextInline.js +2 -2
  54. package/dist/components/Toast/Toast.js +5 -5
  55. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  56. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  57. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  58. package/dist/components/private/Input/Checkbox.js +1 -1
  59. package/dist/components/private/Input/InputDate.js +1 -1
  60. package/dist/components/private/Input/InputNumber.js +1 -1
  61. package/dist/components/private/Input/InputPassword.js +1 -1
  62. package/dist/components/private/Input/InputText.js +1 -1
  63. package/dist/components/private/Input/InputTime.js +1 -1
  64. package/dist/components/private/Input/Radio.js +1 -1
  65. package/dist/components/private/Input/Select.js +1 -1
  66. package/dist/components/private/Input/Textarea.js +1 -1
  67. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  68. package/dist/components/private/Spinner/Spinner.js +16 -16
  69. package/dist/index.module-Cd7gOnx6.js +27 -0
  70. package/dist/{layout-grid.module-DWaQUkej.js → layout-grid.module-ap-Sxhav.js} +97 -97
  71. package/dist/shared-styles/align-self/align-self.js +25 -25
  72. package/dist/shared-styles/color/color.js +38 -38
  73. package/dist/shared-styles/layout-flex/layout-flex.js +97 -97
  74. package/dist/shared-styles/layout-gap/layout-gap.js +133 -133
  75. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  76. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  77. package/dist/shared-styles/layout-hide/layout-hide.js +49 -49
  78. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  79. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  80. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  81. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  82. package/package.json +18 -18
  83. package/dist/index.module-47pKCoSZ.js +0 -27
package/dist/assets/Chips.css CHANGED
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep 12 2024 15:23:20 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Sep 12 2024 15:23:23 GMT+0000 (Coordinated Universal Time) */
3
- ._chips_1nnlp_3 {
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 {
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_1nnlp_3 {
11
+ ul._chips_1oj3y_3 {
12
12
  list-style: none;
13
13
  margin: 0;
14
14
  padding: 0;
15
15
  }
16
- ._chips_1nnlp_3 ._chip_1nnlp_3 {
16
+ ._chips_1oj3y_3 ._chip_1oj3y_3 {
17
17
  -webkit-box-sizing: border-box;
18
18
  box-sizing: border-box;
19
19
  cursor: pointer;
@@ -36,34 +36,34 @@ ul._chips_1nnlp_3 {
36
36
  -ms-flex-align: center;
37
37
  align-items: center;
38
38
  }
39
- ._chips_1nnlp_3 ._chip_1nnlp_3 button {
39
+ ._chips_1oj3y_3 ._chip_1oj3y_3 button {
40
40
  all: unset;
41
41
  }
42
42
  @media (hover: hover) and (pointer: fine) {
43
- ._chips_1nnlp_3 ._chip_1nnlp_3:hover {
43
+ ._chips_1oj3y_3 ._chip_1oj3y_3:hover {
44
44
  background-color: var(--302ecf);
45
45
  }
46
46
  }
47
- ._chips_1nnlp_3 ._chip_1nnlp_3:has(._chip-toggle_1nnlp_37:focus-visible) {
47
+ ._chips_1oj3y_3 ._chip_1oj3y_3:has(._chip-toggle_1oj3y_37:focus-visible) {
48
48
  outline: solid var(--26b8e3) var(--5b4fe9);
49
49
  outline-offset: var(--05dd73);
50
50
  }
51
- ._chips_1nnlp_3 ._chip_1nnlp_3:has(._chip-toggle_1nnlp_37:active) {
51
+ ._chips_1oj3y_3 ._chip_1oj3y_3:has(._chip-toggle_1oj3y_37:active) {
52
52
  border-color: var(--11d206);
53
53
  background-color: var(--a5c761);
54
54
  }
55
- ._chips_1nnlp_3 ._chip_1nnlp_3:has(._chip-toggle_1nnlp_37[aria-pressed="true"]) {
55
+ ._chips_1oj3y_3 ._chip_1oj3y_3:has(._chip-toggle_1oj3y_37[aria-pressed="true"]) {
56
56
  border-color: var(--11d206);
57
57
  background-color: var(--a5c761);
58
58
  }
59
- ._chips_1nnlp_3 ._chip_1nnlp_3 ._chip-toggle_1nnlp_37 {
59
+ ._chips_1oj3y_3 ._chip_1oj3y_3 ._chip-toggle_1oj3y_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_1nnlp_3 ._chip_1nnlp_3 ._chip-remove_1nnlp_54 {
66
+ ._chips_1oj3y_3 ._chip_1oj3y_3 ._chip-remove_1oj3y_54 {
67
67
  height: -webkit-fit-content;
68
68
  height: -moz-fit-content;
69
69
  height: fit-content;
@@ -82,17 +82,17 @@ ul._chips_1nnlp_3 {
82
82
  padding: var(--66b80b) var(--813599) var(--66b80b) 0;
83
83
  border-radius: inherit;
84
84
  }
85
- ._chips_1nnlp_3 ._chip_1nnlp_3 ._chip-remove_1nnlp_54:focus-visible {
85
+ ._chips_1oj3y_3 ._chip_1oj3y_3 ._chip-remove_1oj3y_54:focus-visible {
86
86
  outline: solid var(--26b8e3) var(--5b4fe9);
87
87
  outline-offset: var(--109103) var(--05dd73);
88
88
  }
89
- ._chips_1nnlp_3[data-variant="choice"] ._chip_1nnlp_3:has(._chip-toggle_1nnlp_37[aria-pressed="true"]) {
89
+ ._chips_1oj3y_3[data-variant="choice"] ._chip_1oj3y_3:has(._chip-toggle_1oj3y_37[aria-pressed="true"]) {
90
90
  color: var(--c2b191);
91
91
  background-color: var(--4983fe);
92
92
  }
93
- ._chips_1nnlp_3[data-variant="choice"] ._chip_1nnlp_3 ._chip-remove_1nnlp_54 {
93
+ ._chips_1oj3y_3[data-variant="choice"] ._chip_1oj3y_3 ._chip-remove_1oj3y_54 {
94
94
  display: none;
95
95
  }
96
- ._chips_1nnlp_3[data-variant="filter"] ._chip_1nnlp_3:has(._chip-toggle_1nnlp_37[aria-pressed="false"]) ._chip-remove_1nnlp_54 {
96
+ ._chips_1oj3y_3[data-variant="filter"] ._chip_1oj3y_3:has(._chip-toggle_1oj3y_37[aria-pressed="false"]) ._chip-remove_1oj3y_54 {
97
97
  display: none;
98
98
  }
package/dist/assets/FieldAdditionalText.css CHANGED
@@ -1,16 +1,16 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep 12 2024 15:23:20 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Sep 12 2024 15:23:19 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Sep 12 2024 15:23:23 GMT+0000 (Coordinated Universal Time) */
4
- ._FieldAdditionalText_go7ka_4 {
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 {
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_go7ka_11 {
11
+ ._FieldAdditionalText--variant-normal_1e6co_11 {
12
12
  color: var(--3d280d);
13
13
  }
14
- ._FieldAdditionalText--variant-error_go7ka_14 {
14
+ ._FieldAdditionalText--variant-error_1e6co_14 {
15
15
  color: var(--9167e9);
16
16
  }
package/dist/assets/FieldButton.css CHANGED
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep 12 2024 15:23:20 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Sep 12 2024 15:23:23 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Sep 12 2024 15:23:23 GMT+0000 (Coordinated Universal Time) */
4
- ._FieldButton_1xtjh_4 {
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 {
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_1xtjh_4:hover {
29
+ ._FieldButton_3n5x8_4:hover {
30
30
  background-color: var(--0bbea4);
31
31
  }
32
32
  }
33
- ._FieldButton_1xtjh_4:active {
33
+ ._FieldButton_3n5x8_4:active {
34
34
  background-color: var(--33e933);
35
35
  }
36
- ._FieldButton_1xtjh_4:focus-visible {
36
+ ._FieldButton_3n5x8_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_1xtjh_4 svg {
42
+ ._FieldButton_3n5x8_4 svg {
43
43
  width: var(--f02c4e);
44
44
  height: var(--f02c4e);
45
45
  }
package/dist/assets/FieldLabel.css CHANGED
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep 12 2024 15:23:20 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Sep 12 2024 15:23:19 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Sep 12 2024 15:23:23 GMT+0000 (Coordinated Universal Time) */
4
- ._FieldLabel_8htnz_4 {
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 {
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_8htnz_19 {
23
+ ._FieldLabel--wrap_1uka5_19 {
24
24
  display: inline;
25
25
  }
26
- ._FieldLabel--wrapGap_8htnz_22 {
26
+ ._FieldLabel--wrapGap_1uka5_22 {
27
27
  width: var(--6947b0);
28
28
  display: inline-block;
29
29
  }
30
- ._FieldLabel--required_8htnz_26 {
30
+ ._FieldLabel--required_1uka5_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_8htnz_31 {
37
+ ._FieldLabel--hide_1uka5_31 {
38
38
  clip: rect(0 0 0 0);
39
39
  clip-path: inset(50%);
40
40
  height: 1px;
package/dist/assets/FieldLayout.css CHANGED
@@ -1,8 +1,8 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep 12 2024 15:23:20 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Sep 12 2024 15:23:23 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Sep 12 2024 15:23:19 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Sep 12 2024 15:23:23 GMT+0000 (Coordinated Universal Time) */
5
- ._FieldLayout--input_158zn_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
+ /* 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 {
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_158zn_5:hover input,
20
- ._FieldLayout--input_158zn_5:hover textarea {
19
+ ._FieldLayout--input_18aaz_5:hover input,
20
+ ._FieldLayout--input_18aaz_5:hover textarea {
21
21
  border-color: var(--0bd642);
22
22
  }
23
23
  }
24
- ._FieldLayout--input_158zn_5 input,
25
- ._FieldLayout--input_158zn_5 textarea {
24
+ ._FieldLayout--input_18aaz_5 input,
25
+ ._FieldLayout--input_18aaz_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_158zn_5 input::-webkit-input-placeholder, ._FieldLayout--input_158zn_5 textarea::-webkit-input-placeholder {
42
+ ._FieldLayout--input_18aaz_5 input::-webkit-input-placeholder, ._FieldLayout--input_18aaz_5 textarea::-webkit-input-placeholder {
43
43
  color: var(--d9209f);
44
44
  }
45
- ._FieldLayout--input_158zn_5 input::-moz-placeholder, ._FieldLayout--input_158zn_5 textarea::-moz-placeholder {
45
+ ._FieldLayout--input_18aaz_5 input::-moz-placeholder, ._FieldLayout--input_18aaz_5 textarea::-moz-placeholder {
46
46
  color: var(--d9209f);
47
47
  }
48
- ._FieldLayout--input_158zn_5 input:-ms-input-placeholder, ._FieldLayout--input_158zn_5 textarea:-ms-input-placeholder {
48
+ ._FieldLayout--input_18aaz_5 input:-ms-input-placeholder, ._FieldLayout--input_18aaz_5 textarea:-ms-input-placeholder {
49
49
  color: var(--d9209f);
50
50
  }
51
- ._FieldLayout--input_158zn_5 input::-ms-input-placeholder, ._FieldLayout--input_158zn_5 textarea::-ms-input-placeholder {
51
+ ._FieldLayout--input_18aaz_5 input::-ms-input-placeholder, ._FieldLayout--input_18aaz_5 textarea::-ms-input-placeholder {
52
52
  color: var(--d9209f);
53
53
  }
54
- ._FieldLayout--input_158zn_5 input::placeholder,
55
- ._FieldLayout--input_158zn_5 textarea::placeholder {
54
+ ._FieldLayout--input_18aaz_5 input::placeholder,
55
+ ._FieldLayout--input_18aaz_5 textarea::placeholder {
56
56
  color: var(--d9209f);
57
57
  }
58
- ._FieldLayout--icon_158zn_42 {
58
+ ._FieldLayout--icon_18aaz_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_158zn_42 svg {
72
+ ._FieldLayout--icon_18aaz_42 svg {
73
73
  color: var(--cbc724);
74
74
  }
75
- ._FieldLayout--has-icon_158zn_55 ._FieldLayout--input_158zn_5 input {
75
+ ._FieldLayout--has-icon_18aaz_55 ._FieldLayout--input_18aaz_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_158zn_58 ._FieldLayout--input_158zn_5 input {
79
+ ._FieldLayout--has-button_18aaz_58 ._FieldLayout--input_18aaz_5 input {
80
80
  padding-right: 58px;
81
81
  }
82
- ._FieldLayout--has-error_158zn_61 ._FieldLayout--input_158zn_5 {
82
+ ._FieldLayout--has-error_18aaz_61 ._FieldLayout--input_18aaz_5 {
83
83
  background-color: var(--95df5b);
84
84
  }
85
- ._FieldLayout--has-error_158zn_61 ._FieldLayout--input_158zn_5 input,
86
- ._FieldLayout--has-error_158zn_61 ._FieldLayout--input_158zn_5 textarea {
85
+ ._FieldLayout--has-error_18aaz_61 ._FieldLayout--input_18aaz_5 input,
86
+ ._FieldLayout--has-error_18aaz_61 ._FieldLayout--input_18aaz_5 textarea {
87
87
  border-color: var(--eaf4a3);
88
88
  color: var(--7b0f41);
89
89
  }
90
- ._FieldLayout--has-error_158zn_61 ._FieldLayout--icon_158zn_42 svg {
90
+ ._FieldLayout--has-error_18aaz_61 ._FieldLayout--icon_18aaz_42 svg {
91
91
  color: var(--7b0f41);
92
92
  }
93
- ._FieldLayout--is-focused_158zn_72 ._FieldLayout--input_158zn_5 input,
94
- ._FieldLayout--is-focused_158zn_72 ._FieldLayout--input_158zn_5 textarea {
93
+ ._FieldLayout--is-focused_18aaz_72 ._FieldLayout--input_18aaz_5 input,
94
+ ._FieldLayout--is-focused_18aaz_72 ._FieldLayout--input_18aaz_5 textarea {
95
95
  border-color: var(--398094);
96
96
  }
97
- ._FieldLayout--is-disabled_158zn_76 ._FieldLayout--input_158zn_5 {
97
+ ._FieldLayout--is-disabled_18aaz_76 ._FieldLayout--input_18aaz_5 {
98
98
  background-color: var(--04daeb);
99
99
  }
100
- ._FieldLayout--is-disabled_158zn_76 ._FieldLayout--input_158zn_5 input,
101
- ._FieldLayout--is-disabled_158zn_76 ._FieldLayout--input_158zn_5 textarea {
100
+ ._FieldLayout--is-disabled_18aaz_76 ._FieldLayout--input_18aaz_5 input,
101
+ ._FieldLayout--is-disabled_18aaz_76 ._FieldLayout--input_18aaz_5 textarea {
102
102
  border-color: transparent;
103
103
  }
104
- ._FieldLayout--input_158zn_5 button {
104
+ ._FieldLayout--input_18aaz_5 button {
105
105
  position: absolute;
106
106
  top: calc(var(--1ba55a) + var(--6947b0));
107
107
  right: var(--6947b0);
package/dist/assets/FieldLayoutBase.css CHANGED
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Sep 12 2024 15:23:20 GMT+0000 (Coordinated Universal Time) */
2
- ._FieldLayoutBase_4491a_2 {
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 {
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_4491a_2 input,
13
- ._FieldLayoutBase_4491a_2 textarea {
12
+ ._FieldLayoutBase_wa0z3_2 input,
13
+ ._FieldLayoutBase_wa0z3_2 textarea {
14
14
  display: block;
15
15
  width: 100%;
16
16
  }