@ship-ui/core 0.13.11 → 0.13.13
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.
package/index.d.ts
CHANGED
|
@@ -310,7 +310,7 @@ declare class ShipFormFieldComponent {
|
|
|
310
310
|
onClick(): void;
|
|
311
311
|
constructor();
|
|
312
312
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipFormFieldComponent, never>;
|
|
313
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipFormFieldComponent, "sh-form-field", never, {}, {}, never, ["label", "[prefix]", "[textPrefix]", "input", "textarea", "[textSuffix]", "[suffix]", "[error]", "[hint]"], true, never>;
|
|
313
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipFormFieldComponent, "sh-form-field", never, {}, {}, never, ["label", "[boxPrefix]", "[prefix]", "[textPrefix]", "input", "textarea", "[textSuffix]", "[suffix]", "[boxSuffix]", "[error]", "[hint]"], true, never>;
|
|
314
314
|
}
|
|
315
315
|
|
|
316
316
|
declare class ShipIconComponent implements AfterContentInit {
|
package/package.json
CHANGED
|
@@ -26,9 +26,9 @@ $shipFormFieldShadow: false !default;
|
|
|
26
26
|
sh-form-field {
|
|
27
27
|
--ff-s: var(--shape-2);
|
|
28
28
|
--ff-bc: var(--base-4);
|
|
29
|
-
--ff-
|
|
29
|
+
--ff-boxfix-bg: var(--base-2);
|
|
30
30
|
--ff-suffix-bg: transparent;
|
|
31
|
-
--ff-ic: var(--base-
|
|
31
|
+
--ff-ic: var(--base-11);
|
|
32
32
|
--ff-bg: var(--base-1);
|
|
33
33
|
--ff-f: var(--paragraph-30B);
|
|
34
34
|
--ff-spinner-size: #{p2r(20)};
|
|
@@ -103,16 +103,37 @@ $shipFormFieldShadow: false !default;
|
|
|
103
103
|
align-items: center;
|
|
104
104
|
gap: p2r(4);
|
|
105
105
|
padding: var(--ff-space);
|
|
106
|
+
padding-right: 0;
|
|
106
107
|
transition: background-color 125ms linear;
|
|
107
|
-
background-color:
|
|
108
|
+
background-color: inherit;
|
|
108
109
|
line-height: p2r(20);
|
|
109
110
|
|
|
111
|
+
&:has([boxPrefix]) {
|
|
112
|
+
padding: var(--ff-space);
|
|
113
|
+
background-color: var(--ff-boxfix-bg);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
&:has([boxSuffix]) {
|
|
117
|
+
padding: var(--ff-space);
|
|
118
|
+
background-color: var(--ff-boxfix-bg);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
[boxPrefix],
|
|
122
|
+
[boxSuffix] {
|
|
123
|
+
--ff-ic: var(--base-8);
|
|
124
|
+
|
|
125
|
+
display: flex;
|
|
126
|
+
align-items: center;
|
|
127
|
+
gap: p2r(4);
|
|
128
|
+
}
|
|
129
|
+
|
|
110
130
|
&:not(:empty) {
|
|
111
131
|
display: flex;
|
|
112
132
|
}
|
|
113
133
|
}
|
|
114
134
|
|
|
115
135
|
.suffix {
|
|
136
|
+
padding: var(--ff-space);
|
|
116
137
|
background-color: var(--ff-suffix-bg);
|
|
117
138
|
|
|
118
139
|
&:has([textsuffix]) {
|
|
@@ -123,7 +144,7 @@ $shipFormFieldShadow: false !default;
|
|
|
123
144
|
&:has(input.ng-touched.ng-invalid) {
|
|
124
145
|
--ff-ic: var(--error-8);
|
|
125
146
|
--ff-bc: var(--error-8);
|
|
126
|
-
--ff-
|
|
147
|
+
--ff-boxfix-bg: var(--error-2);
|
|
127
148
|
}
|
|
128
149
|
|
|
129
150
|
&.autosize {
|