@softwareone/spi-sv5-library 1.7.9 → 1.7.10
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.
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
const componentId = $props.id();
|
|
41
41
|
const inputId = id || componentId;
|
|
42
42
|
|
|
43
|
-
const isInvalid = $derived(!!error);
|
|
44
|
-
const isValid = $derived(!isInvalid && (!!value || optional));
|
|
43
|
+
const isInvalid = $derived(!!error && !disabled);
|
|
44
|
+
const isValid = $derived(!isInvalid && (!!value || optional) && !disabled);
|
|
45
45
|
const hasStatus = $derived(isInvalid || isValid);
|
|
46
|
-
const showIcon = $derived(hasStatus || ['password', 'money'].includes(type));
|
|
46
|
+
const showIcon = $derived((hasStatus || ['password', 'money'].includes(type)) && !disabled);
|
|
47
47
|
const showDatePicker = $derived(type === 'date');
|
|
48
48
|
|
|
49
49
|
const transformationType = $derived<Record<string, string>>({
|
|
@@ -176,9 +176,9 @@
|
|
|
176
176
|
}
|
|
177
177
|
|
|
178
178
|
.form-input-disabled {
|
|
179
|
-
background-color: #
|
|
180
|
-
border-color: #
|
|
181
|
-
color: #
|
|
179
|
+
background-color: #e0e5e8;
|
|
180
|
+
border-color: #6b7180;
|
|
181
|
+
color: #000;
|
|
182
182
|
cursor: not-allowed;
|
|
183
183
|
}
|
|
184
184
|
|
|
@@ -346,12 +346,14 @@
|
|
|
346
346
|
--white: #fff;
|
|
347
347
|
--black: #000;
|
|
348
348
|
--error: #dc2626;
|
|
349
|
-
--success: #
|
|
349
|
+
--success: #008556;
|
|
350
350
|
--info-1: #eaecff;
|
|
351
351
|
--gray-1: #f4f6f8;
|
|
352
352
|
--gray-2: #e0e5e8;
|
|
353
353
|
--gray-3: #aeb1b9;
|
|
354
354
|
--gray-4: #6b7180;
|
|
355
|
+
--readonly-bg: #f9fafb;
|
|
356
|
+
--readonly-border: #d1d5db;
|
|
355
357
|
--border: 1px solid var(--gray-4);
|
|
356
358
|
|
|
357
359
|
display: flex;
|
|
@@ -396,8 +398,8 @@
|
|
|
396
398
|
|
|
397
399
|
> .dropdown-container {
|
|
398
400
|
cursor: default;
|
|
399
|
-
background:
|
|
400
|
-
border-color:
|
|
401
|
+
background: var(--readonly-bg);
|
|
402
|
+
border-color: var(--readonly-border);
|
|
401
403
|
}
|
|
402
404
|
}
|
|
403
405
|
|