@ardium-ui/ui 3.3.0-alpha.1 → 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.
Files changed (45) hide show
  1. package/esm2022/lib/_internal/focusable-component.mjs +7 -5
  2. package/esm2022/lib/_internal/form-field-component.mjs +5 -3
  3. package/esm2022/lib/_internal/selectable-list-component.mjs +6 -6
  4. package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +3 -3
  5. package/esm2022/lib/form-field/form-field.component.mjs +3 -3
  6. package/esm2022/lib/form-field/horizontal-form-field.component.mjs +3 -3
  7. package/esm2022/lib/form-field-frame/form-field-frame.component.mjs +12 -7
  8. package/esm2022/lib/inputs/digit-input/digit-input.component.mjs +3 -3
  9. package/esm2022/lib/inputs/hex-input/hex-input.component.mjs +3 -3
  10. package/esm2022/lib/inputs/input/input.component.mjs +3 -3
  11. package/esm2022/lib/inputs/number-input/number-input.component.mjs +3 -3
  12. package/esm2022/lib/inputs/password-input/password-input.component.mjs +3 -3
  13. package/esm2022/lib/inputs/simple-input/simple-input.component.mjs +3 -3
  14. package/esm2022/lib/segment/segment.component.mjs +3 -3
  15. package/esm2022/lib/select/select.component.mjs +3 -3
  16. package/fesm2022/ardium-ui-ui.mjs +47 -38
  17. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  18. package/lib/_internal/focusable-component.d.ts +2 -1
  19. package/lib/_internal/form-field-component.d.ts +2 -1
  20. package/lib/form-field-frame/form-field-frame.component.d.ts +3 -2
  21. package/package.json +1 -1
  22. package/prebuilt-themes/default/chips.css.map +1 -1
  23. package/prebuilt-themes/default/form-field-frame.css +10 -4
  24. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  25. package/prebuilt-themes/default/form-field.css +4 -0
  26. package/prebuilt-themes/default/form-field.css.map +1 -1
  27. package/prebuilt-themes/default/inputs/digit-input.css +9 -3
  28. package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
  29. package/prebuilt-themes/default/inputs/file-input.css +0 -5
  30. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  31. package/prebuilt-themes/default/inputs/input.css +0 -5
  32. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  33. package/prebuilt-themes/default/inputs/number-input.css +6 -3
  34. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  35. package/prebuilt-themes/default/inputs/simple-input.css +0 -5
  36. package/prebuilt-themes/default/inputs/simple-input.css.map +1 -1
  37. package/prebuilt-themes/default/segment.css +6 -3
  38. package/prebuilt-themes/default/segment.css.map +1 -1
  39. package/themes/default/_mixins.scss +6 -4
  40. package/themes/default/form-field-frame.scss +5 -1
  41. package/themes/default/form-field.scss +5 -0
  42. package/themes/default/inputs/digit-input.scss +5 -0
  43. package/themes/default/inputs/file-input.scss +0 -6
  44. package/themes/default/inputs/input.scss +1 -7
  45. package/themes/default/inputs/simple-input.scss +1 -8
@@ -39,7 +39,8 @@ export declare abstract class _FocusableComponentBase extends _DisablableCompone
39
39
  /**
40
40
  * Whether the component is currently focused.
41
41
  */
42
- isFocused: boolean;
42
+ readonly isFocused: import("@angular/core").WritableSignal<boolean>;
43
+ readonly wasTouched: import("@angular/core").WritableSignal<boolean>;
43
44
  /**
44
45
  * Function to handle when an element is focused. Sets `isFocused` and fires the `focus` event.
45
46
  * @param event The focus event to emit.
@@ -23,7 +23,8 @@ export declare abstract class _FormFieldComponentBase extends _NgModelComponentB
23
23
  readonly _hasError: import("@angular/core").InputSignalWithTransform<boolean | undefined, any>;
24
24
  private readonly _hasErrorInControl;
25
25
  readonly hasError: import("@angular/core").Signal<boolean>;
26
+ readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, any>;
26
27
  ngOnDestroy(): void;
27
28
  static ɵfac: i0.ɵɵFactoryDeclaration<_FormFieldComponentBase, never>;
28
- static ɵdir: i0.ɵɵDirectiveDeclaration<_FormFieldComponentBase, never, never, { "_required": { "alias": "required"; "required": false; "isSignal": true; }; "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "_hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
29
+ static ɵdir: i0.ɵɵDirectiveDeclaration<_FormFieldComponentBase, never, never, { "_required": { "alias": "required"; "required": false; "isSignal": true; }; "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "_hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "isSuccess": { "alias": "isSuccess"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
29
30
  }
@@ -9,7 +9,8 @@ export declare class ArdiumFormFieldFrameComponent extends _FocusableComponentBa
9
9
  protected readonly _DEFAULTS: ArdFormFieldFrameDefaults;
10
10
  constructor(defaults: ArdFormFieldFrameDefaults);
11
11
  readonly hasError: import("@angular/core").InputSignalWithTransform<boolean, any>;
12
- isFocused: boolean;
12
+ readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, any>;
13
+ set _setIsFocused(v: boolean);
13
14
  /**
14
15
  * The appearance of the component, aka the styling.
15
16
  */
@@ -28,5 +29,5 @@ export declare class ArdiumFormFieldFrameComponent extends _FocusableComponentBa
28
29
  readonly prefixTemplate: import("@angular/core").Signal<ArdFormFieldPrefixTemplateDirective | undefined>;
29
30
  readonly suffixTemplate: import("@angular/core").Signal<ArdFormFieldSuffixTemplateDirective | undefined>;
30
31
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldFrameComponent, never>;
31
- static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldFrameComponent, "ard-form-field-frame", never, { "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "isFocused": { "alias": "isFocused"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "prefixTemplateInput": { "alias": "prefixTemplate"; "required": false; "isSignal": true; }; "suffixTemplateInput": { "alias": "suffixTemplate"; "required": false; "isSignal": true; }; }, {}, ["prefixTemplate", "suffixTemplate"], ["*"], false, never>;
32
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldFrameComponent, "ard-form-field-frame", never, { "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "isSuccess": { "alias": "isSuccess"; "required": false; "isSignal": true; }; "_setIsFocused": { "alias": "isFocused"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "prefixTemplateInput": { "alias": "prefixTemplate"; "required": false; "isSignal": true; }; "suffixTemplateInput": { "alias": "suffixTemplate"; "required": false; "isSignal": true; }; }, {}, ["prefixTemplate", "suffixTemplate"], ["*"], false, never>;
32
33
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "3.3.0-alpha.1",
3
+ "version": "3.3.0-alpha.3",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/chips.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAMA;EC8DE;EDzDA;EACA,OEJM;EFKN,YEbG;EFcH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AGtBA;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;;AClIF;EACE,QFkCgB;EEjChB,OFiCgB;EEhChB;;AAGF;EACE;EACA;EACA,OFGK;EEFL,OFyBgB;EExBhB,QFwBgB;EEvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EH3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EGoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EH7CN;EACA;EACA;EG6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AHEN;EAEE;;AAEF;EACE;;AAEF;EACE;;ADnDF;EACE;;AAEF;ECrBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDcE,YE9BM;EF+BN;;AAGF;EACE;EACA;EACA;;AAIE;EACE;;AAIF;EACE;;AAIJ;EClDF;EACA;EACA;;ADmDI;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE,kBE/DC;EFgED,OE7DE;EF8DF,YACE;;AAIF;EACE;EACA;;AAIN;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE,YACE;;AAGF;EACE;EACA;;AAIA;EACE;;AAIF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIA;EACE;;AAIF;EACE;;AAOR;EACE;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAEA;EACE;;AAIN;EACE;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEF;EACE;EACA;;;AAMJ;EACE;EACA;;AAEA;EACE","file":"chips.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/chips.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAMA;ECgEE;ED3DA;EACA,OEJM;EFKN,YEbG;EFcH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AGtBA;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;;AClIF;EACE,QFkCgB;EEjChB,OFiCgB;EEhChB;;AAGF;EACE;EACA;EACA,OFGK;EEFL,OFyBgB;EExBhB,QFwBgB;EEvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EH3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EGoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EH7CN;EACA;EACA;EG6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AHIN;EAEE;;AAEF;EACE;;AAEF;EACE;;ADrDF;EACE;;AAEF;ECrBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDcE,YE9BM;EF+BN;;AAGF;EACE;EACA;EACA;;AAIE;EACE;;AAIF;EACE;;AAIJ;EClDF;EACA;EACA;;ADmDI;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE,kBE/DC;EFgED,OE7DE;EF8DF,YACE;;AAIF;EACE;EACA;;AAIN;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE,YACE;;AAGF;EACE;EACA;;AAIA;EACE;;AAIF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIA;EACE;;AAIF;EACE;;AAOR;EACE;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAEA;EACE;;AAIN;EACE;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEF;EACE;EACA;;;AAMJ;EACE;EACA;;AAEA;EACE","file":"chips.css"}
@@ -17,7 +17,10 @@
17
17
  }
18
18
  .ard-form-field-frame .ard-form-field-content-container {
19
19
  flex-grow: 1;
20
- min-height: 100%;
20
+ min-height: inherit;
21
+ }
22
+ .ard-form-field-frame .ard-form-field-content-container > * {
23
+ min-height: inherit;
21
24
  }
22
25
  .ard-form-field-frame .ard-form-field-prefix-container,
23
26
  .ard-form-field-frame .ard-form-field-suffix-container {
@@ -45,6 +48,9 @@
45
48
  .ard-form-field-frame.ard-appearance-outlined.ard-focused {
46
49
  --ard-appearance-border-color: var(--ard-border-dark);
47
50
  }
51
+ .ard-form-field-frame.ard-appearance-outlined.ard-is-success {
52
+ --ard-appearance-border-color: rgb(var(--ard-success-500));
53
+ }
48
54
  .ard-form-field-frame.ard-appearance-outlined.ard-has-error {
49
55
  --ard-appearance-background: rgb(var(--ard-danger-50));
50
56
  --ard-appearance-border-color: rgb(var(--ard-danger-500));
@@ -53,6 +59,9 @@
53
59
  --ard-appearance-background: var(--ard-bg-filled);
54
60
  --ard-appearance-border: none;
55
61
  }
62
+ .ard-form-field-frame.ard-appearance-filled.ard-is-success {
63
+ --ard-appearance-background: rgb(var(--ard-success-50));
64
+ }
56
65
  .ard-form-field-frame.ard-appearance-filled.ard-has-error {
57
66
  --ard-appearance-background: rgb(var(--ard-danger-50));
58
67
  }
@@ -60,9 +69,6 @@
60
69
  --ard-appearance-background: transparent;
61
70
  --ard-appearance-border: none;
62
71
  }
63
- .ard-form-field-frame.ard-appearance-transparent.ard-has-error {
64
- --ard-appearance-border: 1px solid rgba(var(--ard-danger-500), 0.1);
65
- }
66
72
  .ard-form-field-frame.ard-variant-rounded, .ard-form-field-frame.ard-variant-semirounded {
67
73
  --ard-variant-border-radius: 8px;
68
74
  }
@@ -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;ECsDA;EDxBA;EACA;EACA;;AA9BA;EACE;EACA;;AAEF;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;ACFF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQJ;EAEE;;AAEF;EACE;;AAEF;EACE;;AD9BF;EACE,YE/CM;EFgDN;EACA;;AAIA;EACE;;AAIF;EACE;;;AAIN;EACE;EACA;;AAGE;EACE","file":"form-field-frame.css"}
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"}
@@ -53,6 +53,10 @@ ard-horizontal-form-field {
53
53
  .ard-horizontal-form-field.ard-form-field__with-error .ard-label {
54
54
  color: rgb(var(--ard-danger-700));
55
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
+ }
56
60
 
57
61
  .ard-horizontal-form-field {
58
62
  align-items: flex-start;
@@ -1 +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;;;ADvBZ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIA;EACE;;;AAKN;EACE;IACE;;EAEF;IACE","file":"form-field.css"}
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"}
@@ -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));
@@ -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;;AAEA;EACE;;ADxCJ;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,kBELK;EFML;;AAIJ;EACE;;AAEF;EACE;;AAEF;EACE","file":"digit-input.css"}
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"}
@@ -302,9 +302,4 @@
302
302
  opacity: 15%;
303
303
  }
304
304
 
305
- .ard-disabled .ard-input {
306
- pointer-events: none;
307
- opacity: 50%;
308
- }
309
-
310
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;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;;;AJYN;EACE;EACA","file":"file-input.css"}
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"}
@@ -135,9 +135,4 @@
135
135
  font-size: 0.9rem;
136
136
  }
137
137
 
138
- .ard-disabled .ard-input {
139
- pointer-events: none;
140
- opacity: 50%;
141
- }
142
-
143
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;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;;;AAKJ;EACE;EACA","file":"input.css"}
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;;AAEA;EACE;;AD1CJ;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
+ {"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"}
@@ -110,9 +110,4 @@
110
110
  opacity: 15%;
111
111
  }
112
112
 
113
- .ard-disabled .ard-simple-input {
114
- pointer-events: none;
115
- opacity: 50%;
116
- }
117
-
118
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;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":"simple-input.css"}
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;ECqDA;;ACjEA;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;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQJ;EAEE;;AAEF;EACE;;AAEF;EACE;;ADzDF;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"}
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
 
@@ -16,7 +16,11 @@
16
16
 
17
17
  .ard-form-field-content-container {
18
18
  flex-grow: 1;
19
- min-height: 100%;
19
+ min-height: inherit;
20
+
21
+ > * {
22
+ min-height: inherit;
23
+ }
20
24
  }
21
25
  .ard-form-field-prefix-container,
22
26
  .ard-form-field-suffix-container {
@@ -52,6 +52,11 @@ ard-horizontal-form-field {
52
52
  color: ARD.$danger700;
53
53
  }
54
54
  }
55
+ &.ard-form-field__is-success {
56
+ .ard-label {
57
+ color: ARD.$success700;
58
+ }
59
+ }
55
60
  }
56
61
  .ard-horizontal-form-field {
57
62
  align-items: flex-start;
@@ -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;
@@ -77,9 +77,3 @@
77
77
 
78
78
  @include CB.clearButton();
79
79
  }
80
- .ard-disabled {
81
- .ard-input {
82
- pointer-events: none;
83
- opacity: 50%;
84
- }
85
- }
@@ -43,10 +43,4 @@
43
43
  font-size: 0.9rem;
44
44
  }
45
45
  }
46
- }
47
- .ard-disabled {
48
- .ard-input {
49
- pointer-events: none;
50
- opacity: 50%;
51
- }
52
- }
46
+ }
@@ -9,11 +9,4 @@
9
9
  max-width: 100%;
10
10
 
11
11
  @include CB.clearButton();
12
- }
13
- //! disabled state
14
- .ard-disabled {
15
- .ard-simple-input {
16
- pointer-events: none;
17
- opacity: 50%;
18
- }
19
- }
12
+ }