@ardium-ui/ui 3.2.7 → 3.3.0-alpha.3
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/boolean-component.mjs +1 -1
- package/esm2022/lib/_internal/focusable-component.mjs +8 -6
- package/esm2022/lib/_internal/form-field-component.mjs +57 -0
- package/esm2022/lib/_internal/item-storages/dropdown-item-storage.mjs +4 -1
- package/esm2022/lib/_internal/ngmodel-component.mjs +5 -2
- package/esm2022/lib/_internal/public-api.mjs +2 -0
- package/esm2022/lib/_internal/selectable-list-component.mjs +6 -6
- package/esm2022/lib/checkbox/checkbox.component.mjs +1 -1
- package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +3 -3
- package/esm2022/lib/form-field/error/error.component.mjs +17 -0
- package/esm2022/lib/form-field/error/error.directive.mjs +17 -0
- package/esm2022/lib/form-field/form-field.component.mjs +34 -0
- package/esm2022/lib/form-field/form-field.defaults.mjs +15 -0
- package/esm2022/lib/form-field/form-field.module.mjs +44 -0
- package/esm2022/lib/form-field/hint/hint.component.mjs +17 -0
- package/esm2022/lib/form-field/hint/hint.directive.mjs +30 -0
- package/esm2022/lib/form-field/horizontal-form-field.component.mjs +34 -0
- package/esm2022/lib/form-field/index.mjs +9 -0
- package/esm2022/lib/form-field/label/label.component.mjs +21 -0
- package/esm2022/lib/form-field-frame/form-field-frame.component.mjs +14 -7
- package/esm2022/lib/inputs/_simple-input-base.mjs +4 -4
- package/esm2022/lib/inputs/digit-input/digit-input.component.mjs +28 -11
- package/esm2022/lib/inputs/digit-input/digit-input.defaults.mjs +3 -3
- package/esm2022/lib/inputs/digit-input/digit-input.model.mjs +5 -3
- 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 +13 -5
- package/esm2022/lib/inputs/hex-input/hex-input.defaults.mjs +3 -3
- package/esm2022/lib/inputs/input/input.component.mjs +12 -3
- package/esm2022/lib/inputs/number-input/number-input.component.mjs +15 -7
- package/esm2022/lib/inputs/number-input/number-input.defaults.mjs +3 -3
- package/esm2022/lib/inputs/password-input/password-input.component.mjs +15 -5
- package/esm2022/lib/inputs/password-input/password-input.defaults.mjs +3 -3
- package/esm2022/lib/inputs/simple-input/simple-input.component.mjs +12 -3
- package/esm2022/lib/inputs/simple-input/simple-input.defaults.mjs +3 -3
- package/esm2022/lib/segment/segment.component.mjs +3 -3
- package/esm2022/lib/select/select.component.mjs +16 -8
- package/esm2022/lib/select/select.defaults.mjs +3 -3
- package/esm2022/lib/slide-toggle/slide-toggle.component.mjs +1 -1
- package/esm2022/lib/table-pagination/table-pagination.component.mjs +1 -1
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/ardium-ui-ui.mjs +383 -65
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/_internal/focusable-component.d.ts +4 -3
- package/lib/_internal/form-field-component.d.ts +30 -0
- package/lib/_internal/ngmodel-component.d.ts +1 -0
- package/lib/_internal/public-api.d.ts +3 -0
- package/lib/form-field/error/error.component.d.ts +6 -0
- package/lib/form-field/error/error.directive.d.ts +5 -0
- package/lib/form-field/form-field.component.d.ts +20 -0
- package/lib/form-field/form-field.defaults.d.ts +8 -0
- package/lib/form-field/form-field.module.d.ts +14 -0
- package/lib/form-field/hint/hint.component.d.ts +6 -0
- package/lib/form-field/hint/hint.directive.d.ts +8 -0
- package/lib/form-field/horizontal-form-field.component.d.ts +20 -0
- package/lib/form-field/index.d.ts +8 -0
- package/lib/form-field/label/label.component.d.ts +8 -0
- package/lib/form-field-frame/form-field-frame.component.d.ts +4 -2
- package/lib/inputs/_simple-input-base.d.ts +3 -3
- package/lib/inputs/digit-input/digit-input.component.d.ts +6 -4
- package/lib/inputs/digit-input/digit-input.defaults.d.ts +2 -2
- package/lib/inputs/digit-input/digit-input.model.d.ts +4 -1
- package/lib/inputs/digit-input/digit-input.types.d.ts +1 -0
- package/lib/inputs/digit-input/digit-input.utils.d.ts +1 -0
- package/lib/inputs/hex-input/hex-input.component.d.ts +2 -2
- package/lib/inputs/hex-input/hex-input.defaults.d.ts +2 -2
- package/lib/inputs/number-input/number-input.component.d.ts +2 -2
- package/lib/inputs/number-input/number-input.defaults.d.ts +2 -2
- package/lib/inputs/password-input/password-input.component.d.ts +2 -2
- package/lib/inputs/password-input/password-input.defaults.d.ts +2 -2
- package/lib/select/select.component.d.ts +3 -4
- package/lib/select/select.defaults.d.ts +2 -2
- package/package.json +1 -1
- package/prebuilt-themes/default/chips.css.map +1 -1
- package/prebuilt-themes/default/core.css +3 -1
- package/prebuilt-themes/default/core.css.map +1 -1
- package/prebuilt-themes/default/form-field-frame.css +23 -6
- package/prebuilt-themes/default/form-field-frame.css.map +1 -1
- package/prebuilt-themes/default/form-field.css +90 -0
- package/prebuilt-themes/default/form-field.css.map +1 -0
- package/prebuilt-themes/default/inputs/color-input.css +0 -1
- package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/digit-input.css +67 -5
- package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/file-input.css +0 -6
- package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/hex-input.css +0 -1
- package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/input.css +0 -6
- package/prebuilt-themes/default/inputs/input.css.map +1 -1
- package/prebuilt-themes/default/inputs/number-input.css +33 -18
- package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/password-input.css +0 -1
- package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/search-bar.css +0 -1
- package/prebuilt-themes/default/inputs/search-bar.css.map +1 -1
- package/prebuilt-themes/default/inputs/simple-input.css +0 -6
- package/prebuilt-themes/default/inputs/simple-input.css.map +1 -1
- package/prebuilt-themes/default/segment.css +18 -1
- package/prebuilt-themes/default/segment.css.map +1 -1
- package/public-api.d.ts +2 -0
- package/themes/default/_mixins.scss +83 -64
- package/themes/default/core.scss +102 -99
- package/themes/default/form-field-frame.scss +79 -78
- package/themes/default/form-field.scss +92 -0
- package/themes/default/inputs/_shared.scss +50 -51
- package/themes/default/inputs/digit-input.scss +95 -56
- package/themes/default/inputs/file-input.scss +0 -6
- package/themes/default/inputs/input.scss +1 -7
- package/themes/default/inputs/number-input.scss +131 -121
- package/themes/default/inputs/simple-input.scss +1 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field-frame.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field-frame.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECwDA;EDtBA;EACA;EACA;;AAlCA;EACE;EACA;;AAEA;EACE;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;ACNF;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;;AD5BF;EACE,YEnDM;EFoDN;EACA;;AAIA;EACE;;AAIF;EACE;;;AAIN;EACE;EACA;;AAGE;EACE","file":"form-field-frame.css"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
ard-form-field,
|
|
2
|
+
ard-horizontal-form-field {
|
|
3
|
+
display: block;
|
|
4
|
+
width: 100%;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.ard-form-field,
|
|
8
|
+
.ard-horizontal-form-field {
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
}
|
|
12
|
+
.ard-form-field .ard-label,
|
|
13
|
+
.ard-horizontal-form-field .ard-label {
|
|
14
|
+
padding: 0.25rem 0 0.125rem 0.125rem;
|
|
15
|
+
font-size: 0.9375rem;
|
|
16
|
+
font-weight: 500;
|
|
17
|
+
}
|
|
18
|
+
.ard-form-field .ard-form-field__hints,
|
|
19
|
+
.ard-horizontal-form-field .ard-form-field__hints {
|
|
20
|
+
padding: 0.125rem 0 0.25rem 0.125rem;
|
|
21
|
+
font-size: 0.8125rem;
|
|
22
|
+
line-height: 1.1;
|
|
23
|
+
}
|
|
24
|
+
.ard-form-field .ard-form-field__hints.ard-form-field__reserve-hint-line,
|
|
25
|
+
.ard-horizontal-form-field .ard-form-field__hints.ard-form-field__reserve-hint-line {
|
|
26
|
+
box-sizing: content-box;
|
|
27
|
+
min-height: 1.1em;
|
|
28
|
+
}
|
|
29
|
+
.ard-form-field .ard-form-field__hints-right > *,
|
|
30
|
+
.ard-horizontal-form-field .ard-form-field__hints-right > * {
|
|
31
|
+
padding-left: 0.25rem;
|
|
32
|
+
}
|
|
33
|
+
.ard-form-field .ard-hint,
|
|
34
|
+
.ard-form-field .ard-error,
|
|
35
|
+
.ard-horizontal-form-field .ard-hint,
|
|
36
|
+
.ard-horizontal-form-field .ard-error {
|
|
37
|
+
font-size: 1em;
|
|
38
|
+
line-height: 1.1;
|
|
39
|
+
display: block;
|
|
40
|
+
height: 1.1em;
|
|
41
|
+
}
|
|
42
|
+
.ard-form-field .ard-hint,
|
|
43
|
+
.ard-horizontal-form-field .ard-hint {
|
|
44
|
+
color: var(--ard-text2);
|
|
45
|
+
}
|
|
46
|
+
.ard-form-field .ard-error,
|
|
47
|
+
.ard-horizontal-form-field .ard-error {
|
|
48
|
+
color: rgb(var(--ard-danger-700));
|
|
49
|
+
overflow: hidden;
|
|
50
|
+
animation: errorAppear 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
51
|
+
}
|
|
52
|
+
.ard-form-field.ard-form-field__with-error .ard-label,
|
|
53
|
+
.ard-horizontal-form-field.ard-form-field__with-error .ard-label {
|
|
54
|
+
color: rgb(var(--ard-danger-700));
|
|
55
|
+
}
|
|
56
|
+
.ard-form-field.ard-form-field__is-success .ard-label,
|
|
57
|
+
.ard-horizontal-form-field.ard-form-field__is-success .ard-label {
|
|
58
|
+
color: rgb(var(--ard-success-700));
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.ard-horizontal-form-field {
|
|
62
|
+
align-items: flex-start;
|
|
63
|
+
justify-content: stretch;
|
|
64
|
+
flex-direction: row;
|
|
65
|
+
gap: 0.5rem;
|
|
66
|
+
}
|
|
67
|
+
.ard-horizontal-form-field .ard-form-field__label-container {
|
|
68
|
+
width: var(--ard-horizontal-form-field-label-width, 12rem);
|
|
69
|
+
height: 2.3125rem;
|
|
70
|
+
display: flex;
|
|
71
|
+
align-items: center;
|
|
72
|
+
justify-content: var(--ard-horizontal-form-field-label-align, flex-start);
|
|
73
|
+
}
|
|
74
|
+
.ard-horizontal-form-field .ard-form-field__non-label {
|
|
75
|
+
flex-grow: 1;
|
|
76
|
+
}
|
|
77
|
+
.ard-horizontal-form-field:has(.ard-form-field__input .ard-compact) .ard-form-field__label-container {
|
|
78
|
+
height: 1.5625rem;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@keyframes errorAppear {
|
|
82
|
+
from {
|
|
83
|
+
height: 0;
|
|
84
|
+
}
|
|
85
|
+
to {
|
|
86
|
+
height: 1.1em;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/*# sourceMappingURL=form-field.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
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;;;AD5Cb;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIA;EACE;;;AAKN;EACE;IACE;;EAEF;IACE","file":"form-field.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/color-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;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/color-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;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;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIN;EACE","file":"color-input.css"}
|
|
@@ -14,17 +14,60 @@ ard-digit-input {
|
|
|
14
14
|
|
|
15
15
|
.ard-digit-input {
|
|
16
16
|
display: flex;
|
|
17
|
-
gap: 0.
|
|
17
|
+
gap: 0.375em;
|
|
18
|
+
}
|
|
19
|
+
.ard-digit-input.ard-appearance-outlined {
|
|
20
|
+
--ard-appearance-background: var(--ard-bg);
|
|
21
|
+
--ard-appearance-border-color: var(--ard-border);
|
|
22
|
+
--ard-appearance-border: 1px solid var(--ard-appearance-border-color);
|
|
23
|
+
}
|
|
24
|
+
.ard-digit-input.ard-appearance-outlined.ard-focused {
|
|
25
|
+
--ard-appearance-border-color: var(--ard-border-dark);
|
|
26
|
+
}
|
|
27
|
+
.ard-digit-input.ard-appearance-outlined.ard-is-success {
|
|
28
|
+
--ard-appearance-border-color: rgb(var(--ard-success-500));
|
|
29
|
+
}
|
|
30
|
+
.ard-digit-input.ard-appearance-outlined.ard-has-error {
|
|
31
|
+
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
32
|
+
--ard-appearance-border-color: rgb(var(--ard-danger-500));
|
|
33
|
+
}
|
|
34
|
+
.ard-digit-input.ard-appearance-filled {
|
|
35
|
+
--ard-appearance-background: var(--ard-bg-filled);
|
|
36
|
+
--ard-appearance-border: none;
|
|
37
|
+
}
|
|
38
|
+
.ard-digit-input.ard-appearance-filled.ard-is-success {
|
|
39
|
+
--ard-appearance-background: rgb(var(--ard-success-50));
|
|
40
|
+
}
|
|
41
|
+
.ard-digit-input.ard-appearance-filled.ard-has-error {
|
|
42
|
+
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
43
|
+
}
|
|
44
|
+
.ard-digit-input.ard-appearance-transparent {
|
|
45
|
+
--ard-appearance-background: transparent;
|
|
46
|
+
--ard-appearance-border: none;
|
|
18
47
|
}
|
|
19
48
|
.ard-digit-input .ard-digit-input__item {
|
|
20
49
|
height: max-content;
|
|
21
50
|
display: flex;
|
|
51
|
+
height: 2.0625em;
|
|
52
|
+
box-sizing: border-box;
|
|
22
53
|
}
|
|
23
|
-
.ard-digit-input .ard-digit-input__item
|
|
54
|
+
.ard-digit-input .ard-digit-input__item.ard-digit-input__item-with-input {
|
|
24
55
|
width: 2.0625em;
|
|
56
|
+
}
|
|
57
|
+
.ard-digit-input .ard-digit-input__item .ard-digit-input__input {
|
|
58
|
+
width: 100%;
|
|
59
|
+
height: 100%;
|
|
25
60
|
box-sizing: border-box;
|
|
26
61
|
text-align: center;
|
|
27
62
|
caret-color: var(--ard-text3);
|
|
63
|
+
background: var(--ard-appearance-background);
|
|
64
|
+
border: var(--ard-appearance-border);
|
|
65
|
+
border-radius: var(--ard-variant-border-radius);
|
|
66
|
+
transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
67
|
+
}
|
|
68
|
+
.ard-digit-input .ard-digit-input__item .ard-digit-input__input::placeholder {
|
|
69
|
+
color: var(--ard-text3);
|
|
70
|
+
opacity: 60%;
|
|
28
71
|
}
|
|
29
72
|
.ard-digit-input .ard-digit-input__item .ard-digit-input__input:not(.ard-digit-input__input-empty) {
|
|
30
73
|
caret-color: transparent;
|
|
@@ -32,14 +75,33 @@ ard-digit-input {
|
|
|
32
75
|
.ard-digit-input .ard-digit-input__item .ard-digit-input__static {
|
|
33
76
|
width: max-content;
|
|
34
77
|
white-space: nowrap;
|
|
78
|
+
display: flex;
|
|
79
|
+
align-items: center;
|
|
35
80
|
}
|
|
36
|
-
.ard-digit-input.ard-shape-square .ard-digit-input__item
|
|
81
|
+
.ard-digit-input.ard-shape-square .ard-digit-input__item {
|
|
37
82
|
height: 2.0625em;
|
|
38
83
|
}
|
|
84
|
+
.ard-digit-input.ard-shape-rectangle .ard-digit-input__item {
|
|
85
|
+
height: 2.68125em;
|
|
86
|
+
}
|
|
39
87
|
.ard-digit-input.ard-shape-rectangle .ard-digit-input__item .ard-digit-input__input {
|
|
40
88
|
font-size: 1.2em;
|
|
41
|
-
|
|
42
|
-
|
|
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
|
+
}
|
|
93
|
+
.ard-digit-input.ard-has-error .ard-digit-input__item .ard-digit-input__input {
|
|
94
|
+
background-color: rgb(var(--ard-danger-50));
|
|
95
|
+
border-color: rgb(var(--ard-danger-500));
|
|
96
|
+
}
|
|
97
|
+
.ard-digit-input.ard-variant-rounded {
|
|
98
|
+
--ard-variant-border-radius: 0.25em;
|
|
99
|
+
}
|
|
100
|
+
.ard-digit-input.ard-variant-pill {
|
|
101
|
+
--ard-variant-border-radius: 9999px;
|
|
102
|
+
}
|
|
103
|
+
.ard-digit-input.ard-variant-sharp {
|
|
104
|
+
--ard-variant-border-radius: 0;
|
|
43
105
|
}
|
|
44
106
|
|
|
45
107
|
/*# 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/_variables.scss"],"names":[],"mappings":"
|
|
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","file":"digit-input.css"}
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
gap: 0.625em;
|
|
15
15
|
cursor: text;
|
|
16
16
|
box-sizing: border-box;
|
|
17
|
-
height: 2.0625em;
|
|
18
17
|
font-size: 1rem;
|
|
19
18
|
line-height: 1.25em;
|
|
20
19
|
padding: 0 0 0 0.375rem;
|
|
@@ -303,9 +302,4 @@
|
|
|
303
302
|
opacity: 15%;
|
|
304
303
|
}
|
|
305
304
|
|
|
306
|
-
.ard-disabled .ard-input {
|
|
307
|
-
pointer-events: none;
|
|
308
|
-
opacity: 50%;
|
|
309
|
-
}
|
|
310
|
-
|
|
311
305
|
/*# sourceMappingURL=file-input.css.map */
|
|
@@ -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;
|
|
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/hex-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;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/hex-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;;ADtDJ;EACE;;AAIJ;EACE;EACA,OEZI;EFaJ;EACA;EACA","file":"hex-input.css"}
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
gap: 0.625em;
|
|
11
11
|
cursor: text;
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
height: 2.0625em;
|
|
14
13
|
font-size: 1rem;
|
|
15
14
|
line-height: 1.25em;
|
|
16
15
|
padding: 0 0.375rem;
|
|
@@ -136,9 +135,4 @@
|
|
|
136
135
|
font-size: 0.9rem;
|
|
137
136
|
}
|
|
138
137
|
|
|
139
|
-
.ard-disabled .ard-input {
|
|
140
|
-
pointer-events: none;
|
|
141
|
-
opacity: 50%;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
138
|
/*# sourceMappingURL=input.css.map */
|
|
@@ -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;
|
|
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"}
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Should be applied to the first element in the component's template.
|
|
3
3
|
*/
|
|
4
|
+
ard-number-input {
|
|
5
|
+
width: 9.5rem;
|
|
6
|
+
}
|
|
7
|
+
ard-number-input:not(:has(.ard-quick-change-button)) {
|
|
8
|
+
width: 6rem;
|
|
9
|
+
}
|
|
10
|
+
|
|
4
11
|
.ard-number-input {
|
|
5
12
|
position: relative;
|
|
6
13
|
font-family: "Roboto", sans-serif;
|
|
@@ -10,9 +17,10 @@
|
|
|
10
17
|
gap: 0.625em;
|
|
11
18
|
cursor: text;
|
|
12
19
|
box-sizing: border-box;
|
|
13
|
-
height: 2.0625em;
|
|
14
20
|
font-size: 1rem;
|
|
15
21
|
line-height: 1.25em;
|
|
22
|
+
min-height: 2.1875rem;
|
|
23
|
+
height: 2.1875rem;
|
|
16
24
|
gap: 0;
|
|
17
25
|
width: 100%;
|
|
18
26
|
}
|
|
@@ -47,12 +55,29 @@
|
|
|
47
55
|
}
|
|
48
56
|
.ard-number-input.ard-appearance-outlined {
|
|
49
57
|
--ard-appearance-background: var(--ard-bg);
|
|
50
|
-
--ard-appearance-border:
|
|
58
|
+
--ard-appearance-border-color: var(--ard-border);
|
|
59
|
+
--ard-appearance-border: 1px solid var(--ard-appearance-border-color);
|
|
60
|
+
}
|
|
61
|
+
.ard-number-input.ard-appearance-outlined.ard-focused {
|
|
62
|
+
--ard-appearance-border-color: var(--ard-border-dark);
|
|
63
|
+
}
|
|
64
|
+
.ard-number-input.ard-appearance-outlined.ard-is-success {
|
|
65
|
+
--ard-appearance-border-color: rgb(var(--ard-success-500));
|
|
66
|
+
}
|
|
67
|
+
.ard-number-input.ard-appearance-outlined.ard-has-error {
|
|
68
|
+
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
69
|
+
--ard-appearance-border-color: rgb(var(--ard-danger-500));
|
|
51
70
|
}
|
|
52
71
|
.ard-number-input.ard-appearance-filled {
|
|
53
72
|
--ard-appearance-background: var(--ard-bg-filled);
|
|
54
73
|
--ard-appearance-border: none;
|
|
55
74
|
}
|
|
75
|
+
.ard-number-input.ard-appearance-filled.ard-is-success {
|
|
76
|
+
--ard-appearance-background: rgb(var(--ard-success-50));
|
|
77
|
+
}
|
|
78
|
+
.ard-number-input.ard-appearance-filled.ard-has-error {
|
|
79
|
+
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
80
|
+
}
|
|
56
81
|
.ard-number-input.ard-appearance-transparent {
|
|
57
82
|
--ard-appearance-background: transparent;
|
|
58
83
|
--ard-appearance-border: none;
|
|
@@ -71,7 +96,7 @@
|
|
|
71
96
|
height: 100%;
|
|
72
97
|
aspect-ratio: 1;
|
|
73
98
|
padding: 0;
|
|
74
|
-
border-color: var(--ard-border);
|
|
99
|
+
border-color: var(--ard-appearance-border-color);
|
|
75
100
|
display: flex;
|
|
76
101
|
justify-content: center;
|
|
77
102
|
margin: 0;
|
|
@@ -103,28 +128,16 @@
|
|
|
103
128
|
border-radius: 0;
|
|
104
129
|
}
|
|
105
130
|
.ard-number-input.ard-variant-pill {
|
|
106
|
-
border-radius:
|
|
107
|
-
}
|
|
108
|
-
.ard-number-input.ard-variant-pill.ard-appearance-outlined {
|
|
109
|
-
--ard-appearance-background: var(--ard-bg);
|
|
110
|
-
--ard-appearance-border: 1px solid var(--ard-border);
|
|
111
|
-
}
|
|
112
|
-
.ard-number-input.ard-variant-pill.ard-appearance-filled {
|
|
113
|
-
--ard-appearance-background: var(--ard-bg-filled);
|
|
114
|
-
--ard-appearance-border: none;
|
|
115
|
-
}
|
|
116
|
-
.ard-number-input.ard-variant-pill.ard-appearance-transparent {
|
|
117
|
-
--ard-appearance-background: transparent;
|
|
118
|
-
--ard-appearance-border: none;
|
|
131
|
+
border-radius: 9999px;
|
|
119
132
|
}
|
|
120
133
|
.ard-number-input.ard-variant-pill .ard-button {
|
|
121
|
-
border-radius:
|
|
134
|
+
border-radius: 9999px !important;
|
|
122
135
|
height: 30px;
|
|
123
136
|
width: 30px;
|
|
124
137
|
margin: 0 2px;
|
|
125
138
|
}
|
|
126
139
|
.ard-number-input.ard-variant-pill.ard-quick-change-false .ard-input-container {
|
|
127
|
-
border-radius:
|
|
140
|
+
border-radius: 9999px;
|
|
128
141
|
}
|
|
129
142
|
.ard-number-input.ard-variant-rounded:not(.ard-appearance-filled) .ard-input-container, .ard-number-input.ard-variant-sharp:not(.ard-appearance-filled) .ard-input-container {
|
|
130
143
|
box-sizing: border-box;
|
|
@@ -140,6 +153,8 @@
|
|
|
140
153
|
border: var(--ard-appearance-border);
|
|
141
154
|
}
|
|
142
155
|
.ard-number-input.ard-compact {
|
|
156
|
+
min-height: 1.6875rem;
|
|
157
|
+
height: 1.6875rem;
|
|
143
158
|
font-size: 0.925rem;
|
|
144
159
|
}
|
|
145
160
|
|
|
@@ -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;
|
|
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/password-input.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/password-input.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;;ACpCF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE","file":"password-input.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/search-bar.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;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/search-bar.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;;;ADtDN;EACE;EACA","file":"search-bar.css"}
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
gap: 0.625em;
|
|
11
11
|
cursor: text;
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
height: 2.0625em;
|
|
14
13
|
font-size: 1rem;
|
|
15
14
|
line-height: 1.25em;
|
|
16
15
|
padding: 0 0.375rem;
|
|
@@ -111,9 +110,4 @@
|
|
|
111
110
|
opacity: 15%;
|
|
112
111
|
}
|
|
113
112
|
|
|
114
|
-
.ard-disabled .ard-simple-input {
|
|
115
|
-
pointer-events: none;
|
|
116
|
-
opacity: 50%;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
113
|
/*# sourceMappingURL=simple-input.css.map */
|
|
@@ -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;
|
|
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"}
|
|
@@ -146,12 +146,29 @@
|
|
|
146
146
|
}
|
|
147
147
|
.ard-segment-container.ard-appearance-outlined {
|
|
148
148
|
--ard-appearance-background: var(--ard-bg);
|
|
149
|
-
--ard-appearance-border:
|
|
149
|
+
--ard-appearance-border-color: var(--ard-border);
|
|
150
|
+
--ard-appearance-border: 1px solid var(--ard-appearance-border-color);
|
|
151
|
+
}
|
|
152
|
+
.ard-segment-container.ard-appearance-outlined.ard-focused {
|
|
153
|
+
--ard-appearance-border-color: var(--ard-border-dark);
|
|
154
|
+
}
|
|
155
|
+
.ard-segment-container.ard-appearance-outlined.ard-is-success {
|
|
156
|
+
--ard-appearance-border-color: rgb(var(--ard-success-500));
|
|
157
|
+
}
|
|
158
|
+
.ard-segment-container.ard-appearance-outlined.ard-has-error {
|
|
159
|
+
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
160
|
+
--ard-appearance-border-color: rgb(var(--ard-danger-500));
|
|
150
161
|
}
|
|
151
162
|
.ard-segment-container.ard-appearance-filled {
|
|
152
163
|
--ard-appearance-background: var(--ard-bg-filled);
|
|
153
164
|
--ard-appearance-border: none;
|
|
154
165
|
}
|
|
166
|
+
.ard-segment-container.ard-appearance-filled.ard-is-success {
|
|
167
|
+
--ard-appearance-background: rgb(var(--ard-success-50));
|
|
168
|
+
}
|
|
169
|
+
.ard-segment-container.ard-appearance-filled.ard-has-error {
|
|
170
|
+
--ard-appearance-background: rgb(var(--ard-danger-50));
|
|
171
|
+
}
|
|
155
172
|
.ard-segment-container.ard-appearance-transparent {
|
|
156
173
|
--ard-appearance-background: transparent;
|
|
157
174
|
--ard-appearance-border: none;
|
|
@@ -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"}
|
package/public-api.d.ts
CHANGED
|
@@ -29,6 +29,7 @@ export * from './lib/progress-circle';
|
|
|
29
29
|
export * from './lib/spinner';
|
|
30
30
|
export * from './lib/color/color-display';
|
|
31
31
|
export * from './lib/dropdown-panel';
|
|
32
|
+
export * from './lib/form-field';
|
|
32
33
|
export * from './lib/form-field-frame';
|
|
33
34
|
export * from './lib/kbd';
|
|
34
35
|
export * from './lib/kbd-shortcut';
|
|
@@ -45,6 +46,7 @@ export * from './lib/dialog';
|
|
|
45
46
|
export * from './lib/modal';
|
|
46
47
|
export * from './lib/snackbar';
|
|
47
48
|
export * from './lib/icon';
|
|
49
|
+
export * from './lib/_internal/public-api';
|
|
48
50
|
export * from './lib/types/alignment.types';
|
|
49
51
|
export * from './lib/types/colors.types';
|
|
50
52
|
export * from './lib/types/item-storage.types';
|