@ardium-ui/ui 3.3.0-alpha1 → 3.3.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.
- package/esm2022/lib/_internal/focusable-component.mjs +5 -5
- package/esm2022/lib/_internal/form-field-component.mjs +5 -27
- package/esm2022/lib/_internal/item-storages/simple-item-storage.mjs +5 -2
- package/esm2022/lib/_internal/ngmodel-component.mjs +57 -5
- package/esm2022/lib/_internal/selectable-list-component.mjs +10 -12
- package/esm2022/lib/checkbox/checkbox.component.mjs +2 -3
- package/esm2022/lib/checkbox-list/checkbox-list.component.mjs +2 -4
- package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +3 -3
- package/esm2022/lib/file-inputs/file-input-base.mjs +3 -4
- package/esm2022/lib/form-field/form-field.component.mjs +7 -10
- package/esm2022/lib/form-field/form-field.defaults.mjs +2 -1
- package/esm2022/lib/form-field/form-field.module.mjs +25 -4
- package/esm2022/lib/form-field/horizontal-form-field.component.mjs +33 -0
- package/esm2022/lib/form-field/index.mjs +2 -1
- package/esm2022/lib/form-field-frame/form-field-frame.component.mjs +12 -7
- package/esm2022/lib/inputs/digit-input/digit-input.component.mjs +20 -9
- package/esm2022/lib/inputs/digit-input/digit-input.model.mjs +51 -28
- package/esm2022/lib/inputs/digit-input/digit-input.types.mjs +1 -1
- package/esm2022/lib/inputs/digit-input/digit-input.utils.mjs +1 -1
- package/esm2022/lib/inputs/hex-input/hex-input.component.mjs +3 -3
- package/esm2022/lib/inputs/input/input.component.mjs +3 -3
- package/esm2022/lib/inputs/number-input/number-input.component.mjs +3 -3
- package/esm2022/lib/inputs/password-input/password-input.component.mjs +3 -3
- package/esm2022/lib/inputs/simple-input/simple-input.component.mjs +3 -3
- package/esm2022/lib/radio/radio/radio.component.mjs +77 -6
- package/esm2022/lib/radio/radio/radio.defaults.mjs +3 -3
- package/esm2022/lib/radio/radio-group.component.mjs +3 -3
- package/esm2022/lib/segment/segment.component.mjs +26 -4
- package/esm2022/lib/select/select.component.mjs +4 -4
- package/esm2022/lib/slider/range-slider/range-slider.component.mjs +2 -1
- package/esm2022/lib/table/table.component.mjs +1 -1
- package/fesm2022/ardium-ui-ui.mjs +321 -122
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/_internal/focusable-component.d.ts +1 -1
- package/lib/_internal/form-field-component.d.ts +4 -13
- package/lib/_internal/item-storages/simple-item-storage.d.ts +1 -0
- package/lib/_internal/ngmodel-component.d.ts +16 -3
- package/lib/_internal/selectable-list-component.d.ts +3 -4
- package/lib/checkbox/checkbox.component.d.ts +1 -2
- package/lib/checkbox-list/checkbox-list.component.d.ts +1 -2
- package/lib/file-inputs/file-input-base.d.ts +1 -2
- package/lib/form-field/form-field.component.d.ts +3 -3
- package/lib/form-field/form-field.defaults.d.ts +1 -0
- package/lib/form-field/form-field.module.d.ts +8 -7
- package/lib/form-field/horizontal-form-field.component.d.ts +19 -0
- package/lib/form-field/index.d.ts +1 -0
- package/lib/form-field-frame/form-field-frame.component.d.ts +3 -2
- package/lib/inputs/digit-input/digit-input.component.d.ts +5 -2
- package/lib/inputs/digit-input/digit-input.model.d.ts +0 -1
- package/lib/inputs/digit-input/digit-input.types.d.ts +1 -1
- package/lib/inputs/digit-input/digit-input.utils.d.ts +1 -0
- package/lib/radio/radio/radio.component.d.ts +41 -3
- package/lib/radio/radio/radio.defaults.d.ts +2 -2
- package/lib/radio/radio-group.component.d.ts +1 -2
- package/package.json +1 -1
- package/prebuilt-themes/default/chips.css.map +1 -1
- package/prebuilt-themes/default/core.css +2 -0
- package/prebuilt-themes/default/core.css.map +1 -1
- package/prebuilt-themes/default/form-field-frame.css +10 -4
- package/prebuilt-themes/default/form-field-frame.css.map +1 -1
- package/prebuilt-themes/default/form-field.css +74 -9
- package/prebuilt-themes/default/form-field.css.map +1 -1
- package/prebuilt-themes/default/inputs/digit-input.css +14 -3
- package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/file-input.css +0 -5
- package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/input.css +0 -5
- package/prebuilt-themes/default/inputs/input.css.map +1 -1
- package/prebuilt-themes/default/inputs/number-input.css +6 -3
- package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/simple-input.css +0 -5
- package/prebuilt-themes/default/inputs/simple-input.css.map +1 -1
- package/prebuilt-themes/default/segment.css +6 -3
- package/prebuilt-themes/default/segment.css.map +1 -1
- package/themes/default/_mixins.scss +6 -4
- package/themes/default/core.scss +3 -0
- package/themes/default/form-field-frame.scss +5 -1
- package/themes/default/form-field.scss +63 -2
- package/themes/default/inputs/digit-input.scss +11 -0
- package/themes/default/inputs/file-input.scss +0 -6
- package/themes/default/inputs/input.scss +1 -7
- package/themes/default/inputs/simple-input.scss +1 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIF;AAAA;EACE;;AAGJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;AAAA;EACE,OCjCI;;ADmCN;AAAA;EACE,OCkCQ;EDjCR;EACA;;AAIA;AAAA;EACE,OC2BM;;ADvBR;AAAA;EACE,OCgDO;;AD5CT;AAAA;EACE;;AAEF;AAAA;EACE;;;AAIN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIA;EACE;;;AAKN;EACE;IACE;;EAEF;IACE","file":"form-field.css"}
|
|
@@ -24,6 +24,9 @@ ard-digit-input {
|
|
|
24
24
|
.ard-digit-input.ard-appearance-outlined.ard-focused {
|
|
25
25
|
--ard-appearance-border-color: var(--ard-border-dark);
|
|
26
26
|
}
|
|
27
|
+
.ard-digit-input.ard-appearance-outlined.ard-is-success {
|
|
28
|
+
--ard-appearance-border-color: rgb(var(--ard-success-500));
|
|
29
|
+
}
|
|
27
30
|
.ard-digit-input.ard-appearance-outlined.ard-has-error {
|
|
28
31
|
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
29
32
|
--ard-appearance-border-color: rgb(var(--ard-danger-500));
|
|
@@ -32,6 +35,9 @@ ard-digit-input {
|
|
|
32
35
|
--ard-appearance-background: var(--ard-bg-filled);
|
|
33
36
|
--ard-appearance-border: none;
|
|
34
37
|
}
|
|
38
|
+
.ard-digit-input.ard-appearance-filled.ard-is-success {
|
|
39
|
+
--ard-appearance-background: rgb(var(--ard-success-50));
|
|
40
|
+
}
|
|
35
41
|
.ard-digit-input.ard-appearance-filled.ard-has-error {
|
|
36
42
|
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
37
43
|
}
|
|
@@ -39,9 +45,6 @@ ard-digit-input {
|
|
|
39
45
|
--ard-appearance-background: transparent;
|
|
40
46
|
--ard-appearance-border: none;
|
|
41
47
|
}
|
|
42
|
-
.ard-digit-input.ard-appearance-transparent.ard-has-error {
|
|
43
|
-
--ard-appearance-border: 1px solid rgba(var(--ard-danger-500), 0.1);
|
|
44
|
-
}
|
|
45
48
|
.ard-digit-input .ard-digit-input__item {
|
|
46
49
|
height: max-content;
|
|
47
50
|
display: flex;
|
|
@@ -84,6 +87,9 @@ ard-digit-input {
|
|
|
84
87
|
.ard-digit-input.ard-shape-rectangle .ard-digit-input__item .ard-digit-input__input {
|
|
85
88
|
font-size: 1.2em;
|
|
86
89
|
}
|
|
90
|
+
.ard-digit-input.ard-is-success .ard-digit-input__item .ard-digit-input__input {
|
|
91
|
+
border-color: rgb(var(--ard-success-500));
|
|
92
|
+
}
|
|
87
93
|
.ard-digit-input.ard-has-error .ard-digit-input__item .ard-digit-input__input {
|
|
88
94
|
background-color: rgb(var(--ard-danger-50));
|
|
89
95
|
border-color: rgb(var(--ard-danger-500));
|
|
@@ -98,4 +104,9 @@ ard-digit-input {
|
|
|
98
104
|
--ard-variant-border-radius: 0;
|
|
99
105
|
}
|
|
100
106
|
|
|
107
|
+
.ard-disabled > .ard-digit-input {
|
|
108
|
+
opacity: 50%;
|
|
109
|
+
pointer-events: none;
|
|
110
|
+
}
|
|
111
|
+
|
|
101
112
|
/*# sourceMappingURL=digit-input.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/digit-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EAEE;EACA;;ACgBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/digit-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EAEE;EACA;;ACgBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AD3CF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,aE3BE;EF4BF;EACA;EACA;EACA;;AAEA;EACE,OElCA;EFmCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,cE2BO;;AFvBT;EACE,kBEVK;EFWL,cELM;;AFSV;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA","file":"digit-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/file-input.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKE;EACE;;;AAGJ;EDLE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECDA;EACA;EACA;EACA;EACA;EACA;;AChBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFrHF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AC1BF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EEzCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFkCI,YGlDI;EHmDJ;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AIpEN;EACE,QDkCgB;ECjChB,ODiCgB;EChChB;;AAGF;EACE;EACA;EACA,ODGK;ECFL,ODyBgB;ECxBhB,QDwBgB;ECvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EF3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA;EE6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/file-input.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKE;EACE;;;AAGJ;EDLE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECDA;EACA;EACA;EACA;EACA;EACA;;AChBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFrHF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AC1BF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EEzCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFkCI,YGlDI;EHmDJ;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AIpEN;EACE,QDkCgB;ECjChB,ODiCgB;EChChB;;AAGF;EACE;EACA;EACA,ODGK;ECFL,ODyBgB;ECxBhB,QDwBgB;ECvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EF3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA;EE6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE","file":"file-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECRA;EACA;EACA;;ADQA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADvDN;EACE;;;AAKF;EACE;EACA;EACA,OEdI;EFeJ;;AAEA;EACE,YEEiB;;AFCnB;EACE;EACA,YEJkB;;AFOpB;EACE;EACA;;AAIF;EACE;EACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECRA;EACA;EACA;;ADQA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADvDN;EACE;;;AAKF;EACE;EACA;EACA,OEdI;EFeJ;;AAEA;EACE,YEEiB;;AFCnB;EACE;EACA,YEJkB;;AFOpB;EACE;EACA;;AAIF;EACE;EACA","file":"input.css"}
|
|
@@ -61,6 +61,9 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
|
|
|
61
61
|
.ard-number-input.ard-appearance-outlined.ard-focused {
|
|
62
62
|
--ard-appearance-border-color: var(--ard-border-dark);
|
|
63
63
|
}
|
|
64
|
+
.ard-number-input.ard-appearance-outlined.ard-is-success {
|
|
65
|
+
--ard-appearance-border-color: rgb(var(--ard-success-500));
|
|
66
|
+
}
|
|
64
67
|
.ard-number-input.ard-appearance-outlined.ard-has-error {
|
|
65
68
|
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
66
69
|
--ard-appearance-border-color: rgb(var(--ard-danger-500));
|
|
@@ -69,6 +72,9 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
|
|
|
69
72
|
--ard-appearance-background: var(--ard-bg-filled);
|
|
70
73
|
--ard-appearance-border: none;
|
|
71
74
|
}
|
|
75
|
+
.ard-number-input.ard-appearance-filled.ard-is-success {
|
|
76
|
+
--ard-appearance-background: rgb(var(--ard-success-50));
|
|
77
|
+
}
|
|
72
78
|
.ard-number-input.ard-appearance-filled.ard-has-error {
|
|
73
79
|
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
74
80
|
}
|
|
@@ -76,9 +82,6 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
|
|
|
76
82
|
--ard-appearance-background: transparent;
|
|
77
83
|
--ard-appearance-border: none;
|
|
78
84
|
}
|
|
79
|
-
.ard-number-input.ard-appearance-transparent.ard-has-error {
|
|
80
|
-
--ard-appearance-border: 1px solid rgba(var(--ard-danger-500), 0.1);
|
|
81
|
-
}
|
|
82
85
|
.ard-number-input .ard-input-container {
|
|
83
86
|
height: 100%;
|
|
84
87
|
max-width: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/number-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EACE;;AAEA;EACE;;;AAIJ;EDNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECAA;EACA;EACA;EACA;;ADDA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AEXF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/number-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EACE;;AAEA;EACE;;;AAIJ;EDNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECAA;EACA;EACA;EACA;;ADDA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AEXF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AD7CF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;;AAMN;EACE;;AAGE;EACE;;AAIN;EACE;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAQJ;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAIF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EAMA,YE3HG;;AFuHH;EACE","file":"number-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/simple-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/simple-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE","file":"simple-input.css"}
|
|
@@ -152,6 +152,9 @@
|
|
|
152
152
|
.ard-segment-container.ard-appearance-outlined.ard-focused {
|
|
153
153
|
--ard-appearance-border-color: var(--ard-border-dark);
|
|
154
154
|
}
|
|
155
|
+
.ard-segment-container.ard-appearance-outlined.ard-is-success {
|
|
156
|
+
--ard-appearance-border-color: rgb(var(--ard-success-500));
|
|
157
|
+
}
|
|
155
158
|
.ard-segment-container.ard-appearance-outlined.ard-has-error {
|
|
156
159
|
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
157
160
|
--ard-appearance-border-color: rgb(var(--ard-danger-500));
|
|
@@ -160,6 +163,9 @@
|
|
|
160
163
|
--ard-appearance-background: var(--ard-bg-filled);
|
|
161
164
|
--ard-appearance-border: none;
|
|
162
165
|
}
|
|
166
|
+
.ard-segment-container.ard-appearance-filled.ard-is-success {
|
|
167
|
+
--ard-appearance-background: rgb(var(--ard-success-50));
|
|
168
|
+
}
|
|
163
169
|
.ard-segment-container.ard-appearance-filled.ard-has-error {
|
|
164
170
|
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
165
171
|
}
|
|
@@ -167,9 +173,6 @@
|
|
|
167
173
|
--ard-appearance-background: transparent;
|
|
168
174
|
--ard-appearance-border: none;
|
|
169
175
|
}
|
|
170
|
-
.ard-segment-container.ard-appearance-transparent.ard-has-error {
|
|
171
|
-
--ard-appearance-border: 1px solid rgba(var(--ard-danger-500), 0.1);
|
|
172
|
-
}
|
|
173
176
|
.ard-segment-container.ard-variant-rounded, .ard-segment-container.ard-variant-semirounded {
|
|
174
177
|
--ard-variant-border-radius: 8px;
|
|
175
178
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/segment.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/segment.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECuDA;;ACnEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADlGF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AAOF;EAEE;;AAEF;EACE;;AAEF;EACE;;AD3DF;ECZA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDKE;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAQJ;EACE;;AAIF;EACE;;AAIF;EACE;;AAOA;EACE;;AAIF;EACE;;AAOR;EACE;;AAII;EACE;;AAGF;EACE;;AAKR;EAEE,YG7HC;EH8HD;;AAEA;EACE;;AAEA;EACE;EACA;;AAGJ;EAGE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAOF;EACE;;AAIE;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAQN;EACE;;AAEF;EACE;;AAMN;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKE;EACE;;AAIF;EACE;;AAKR;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAGA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQV;EACE;;AAGE;EACE;;AAIN;EAEE;EACA;;AAGE;EACE;;AAIN;EAEE;;AAGE;EACE;;AAIN;EACE;;AAKA;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAKA;AAAA;EAEE;;AAEF;EACE","file":"segment.css"}
|
|
@@ -42,6 +42,9 @@
|
|
|
42
42
|
&.ard-focused {
|
|
43
43
|
--ard-appearance-border-color: #{ARD.$border-dark};
|
|
44
44
|
}
|
|
45
|
+
&.ard-is-success {
|
|
46
|
+
--ard-appearance-border-color: #{ARD.$success500};
|
|
47
|
+
}
|
|
45
48
|
&.ard-has-error {
|
|
46
49
|
--ard-appearance-background: #{ARD.$danger50};
|
|
47
50
|
--ard-appearance-border-color: #{ARD.$danger500};
|
|
@@ -51,6 +54,9 @@
|
|
|
51
54
|
--ard-appearance-background: #{ARD.$bg-f};
|
|
52
55
|
--ard-appearance-border: none;
|
|
53
56
|
|
|
57
|
+
&.ard-is-success {
|
|
58
|
+
--ard-appearance-background: #{ARD.$success50};
|
|
59
|
+
}
|
|
54
60
|
&.ard-has-error {
|
|
55
61
|
--ard-appearance-background: #{ARD.$danger50};
|
|
56
62
|
}
|
|
@@ -58,10 +64,6 @@
|
|
|
58
64
|
&.ard-appearance-transparent {
|
|
59
65
|
--ard-appearance-background: transparent;
|
|
60
66
|
--ard-appearance-border: none;
|
|
61
|
-
|
|
62
|
-
&.ard-has-error {
|
|
63
|
-
--ard-appearance-border: 1px solid rgba(#{ARD.$danger500-rgb}, 0.1);
|
|
64
|
-
}
|
|
65
67
|
}
|
|
66
68
|
}
|
|
67
69
|
|
package/themes/default/core.scss
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
@use '../variables' as ARD;
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
ard-form-field,
|
|
4
|
+
ard-horizontal-form-field {
|
|
5
|
+
display: block;
|
|
6
|
+
width: 100%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ard-form-field,
|
|
10
|
+
.ard-horizontal-form-field {
|
|
4
11
|
display: flex;
|
|
5
12
|
flex-direction: column;
|
|
6
13
|
|
|
@@ -11,6 +18,13 @@
|
|
|
11
18
|
}
|
|
12
19
|
.ard-form-field__hints {
|
|
13
20
|
padding: 0.125rem 0 0.25rem 0.125rem;
|
|
21
|
+
font-size: 0.8125rem;
|
|
22
|
+
line-height: 1.1;
|
|
23
|
+
|
|
24
|
+
&.ard-form-field__reserve-hint-line {
|
|
25
|
+
box-sizing: content-box;
|
|
26
|
+
min-height: 1.1em;
|
|
27
|
+
}
|
|
14
28
|
}
|
|
15
29
|
.ard-form-field__hints-right {
|
|
16
30
|
> * {
|
|
@@ -19,7 +33,7 @@
|
|
|
19
33
|
}
|
|
20
34
|
.ard-hint,
|
|
21
35
|
.ard-error {
|
|
22
|
-
font-size:
|
|
36
|
+
font-size: 1em;
|
|
23
37
|
line-height: 1.1;
|
|
24
38
|
display: block;
|
|
25
39
|
height: 1.1em;
|
|
@@ -29,6 +43,8 @@
|
|
|
29
43
|
}
|
|
30
44
|
.ard-error {
|
|
31
45
|
color: ARD.$danger700;
|
|
46
|
+
overflow: hidden;
|
|
47
|
+
animation: errorAppear 0.25s ARD.$timing-fn forwards;
|
|
32
48
|
}
|
|
33
49
|
|
|
34
50
|
&.ard-form-field__with-error {
|
|
@@ -36,4 +52,49 @@
|
|
|
36
52
|
color: ARD.$danger700;
|
|
37
53
|
}
|
|
38
54
|
}
|
|
55
|
+
&.ard-form-field__is-success {
|
|
56
|
+
.ard-label {
|
|
57
|
+
color: ARD.$success700;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
&.ard-form-field__control-disabled {
|
|
61
|
+
.ard-label {
|
|
62
|
+
opacity: 40%;
|
|
63
|
+
}
|
|
64
|
+
.ard-form-field__hints {
|
|
65
|
+
opacity: 50%;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
.ard-horizontal-form-field {
|
|
70
|
+
align-items: flex-start;
|
|
71
|
+
justify-content: stretch;
|
|
72
|
+
flex-direction: row;
|
|
73
|
+
gap: 0.5rem;
|
|
74
|
+
|
|
75
|
+
.ard-form-field__label-container {
|
|
76
|
+
width: var(--ard-horizontal-form-field-label-width, 12rem);
|
|
77
|
+
height: 2.3125rem;
|
|
78
|
+
display: flex;
|
|
79
|
+
align-items: center;
|
|
80
|
+
justify-content: var(--ard-horizontal-form-field-label-align, flex-start);
|
|
81
|
+
}
|
|
82
|
+
.ard-form-field__non-label {
|
|
83
|
+
flex-grow: 1;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
&:has(.ard-form-field__input .ard-compact) {
|
|
87
|
+
.ard-form-field__label-container {
|
|
88
|
+
height: 1.5625rem;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
39
91
|
}
|
|
92
|
+
|
|
93
|
+
@keyframes errorAppear {
|
|
94
|
+
from {
|
|
95
|
+
height: 0;
|
|
96
|
+
}
|
|
97
|
+
to {
|
|
98
|
+
height: 1.1em;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
@@ -71,6 +71,11 @@ ard-digit-input {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
+
&.ard-is-success {
|
|
75
|
+
.ard-digit-input__item .ard-digit-input__input {
|
|
76
|
+
border-color: ARD.$success500;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
74
79
|
&.ard-has-error {
|
|
75
80
|
.ard-digit-input__item .ard-digit-input__input {
|
|
76
81
|
background-color: ARD.$danger50;
|
|
@@ -88,3 +93,9 @@ ard-digit-input {
|
|
|
88
93
|
--ard-variant-border-radius: 0;
|
|
89
94
|
}
|
|
90
95
|
}
|
|
96
|
+
.ard-disabled {
|
|
97
|
+
> .ard-digit-input {
|
|
98
|
+
opacity: 50%;
|
|
99
|
+
pointer-events: none;
|
|
100
|
+
}
|
|
101
|
+
}
|