@ardium-ui/ui 5.0.0-alpha.3 → 5.0.0-alpha.5

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 (24) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +83 -18
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/form-field/error/error.directive.d.ts +4 -1
  4. package/lib/form-field/form-field-base.d.ts +7 -2
  5. package/lib/form-field/form-field.component.d.ts +1 -1
  6. package/lib/form-field/form-field.module.d.ts +5 -4
  7. package/lib/form-field/hint-error/hint-error.component.d.ts +6 -0
  8. package/lib/form-field/hint-error/hint-error.directive.d.ts +8 -0
  9. package/lib/form-field/horizontal-form-field.component.d.ts +1 -1
  10. package/lib/form-field/index.d.ts +2 -0
  11. package/package.json +1 -1
  12. package/prebuilt-themes/default/core.css +2 -0
  13. package/prebuilt-themes/default/core.css.map +1 -1
  14. package/prebuilt-themes/default/form-field-frame.css +2 -2
  15. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  16. package/prebuilt-themes/default/form-field.css +12 -5
  17. package/prebuilt-themes/default/form-field.css.map +1 -1
  18. package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
  19. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  20. package/prebuilt-themes/default/stars.css.map +1 -1
  21. package/themes/_variables.scss +2 -0
  22. package/themes/default/core.scss +2 -0
  23. package/themes/default/form-field-frame.scss +2 -2
  24. package/themes/default/form-field.scss +8 -4
package/lib/form-field/error/error.directive.d.ts CHANGED
@@ -1,5 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
2
  export declare class ArdiumErrorDirective {
3
+ readonly left: import("@angular/core").InputSignalWithTransform<boolean, any>;
4
+ readonly right: import("@angular/core").InputSignalWithTransform<boolean, any>;
5
+ constructor();
3
6
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumErrorDirective, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumErrorDirective, "[ard-error]", never, {}, {}, never, never, true, never>;
7
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumErrorDirective, "[ard-error]", never, { "left": { "alias": "left"; "required": false; "isSignal": true; }; "right": { "alias": "right"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
5
8
  }
package/lib/form-field/form-field-base.d.ts CHANGED
@@ -1,11 +1,14 @@
1
+ import { SimpleOneAxisAlignment } from '../types/alignment.types';
1
2
  import { ArdiumErrorDirective } from './error/error.directive';
2
3
  import { ArdFormFieldControl } from './form-field-child.token';
4
+ import { ArdiumHintErrorDirective } from './hint-error/hint-error.directive';
3
5
  import { ArdiumHintDirective } from './hint/hint.directive';
4
6
  import { ArdiumLabelComponent } from './label/label.component';
5
7
  import * as i0 from "@angular/core";
6
8
  export declare abstract class _FormFieldBase {
7
9
  protected readonly _DEFAULTS: import("./form-field.defaults").ArdFormFieldDefaults;
8
- readonly alignHintToLeftByDefault: boolean;
10
+ readonly defaultHintAlign: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
11
+ readonly alignHintToLeftByDefault: import("@angular/core").Signal<boolean>;
9
12
  readonly control: import("@angular/core").Signal<ArdFormFieldControl | undefined>;
10
13
  get controlHasError(): boolean | undefined;
11
14
  get controlIsSuccess(): boolean | undefined;
@@ -14,9 +17,11 @@ export declare abstract class _FormFieldBase {
14
17
  readonly label: import("@angular/core").Signal<ArdiumLabelComponent | undefined>;
15
18
  readonly hints: import("@angular/core").Signal<readonly ArdiumHintDirective[]>;
16
19
  readonly errors: import("@angular/core").Signal<readonly ArdiumErrorDirective[]>;
20
+ readonly hintErrors: import("@angular/core").Signal<readonly ArdiumHintErrorDirective[]>;
21
+ readonly hasAnyHint: import("@angular/core").Signal<boolean>;
17
22
  readonly hasAnyError: import("@angular/core").Signal<boolean>;
18
23
  readonly reserveHintLine: import("@angular/core").InputSignalWithTransform<boolean, any>;
19
24
  ngOnInit(): void;
20
25
  static ɵfac: i0.ɵɵFactoryDeclaration<_FormFieldBase, never>;
21
- static ɵdir: i0.ɵɵDirectiveDeclaration<_FormFieldBase, never, never, { "reserveHintLine": { "alias": "reserveHintLine"; "required": false; "isSignal": true; }; }, {}, ["control", "label", "hints", "errors"], never, true, never>;
26
+ static ɵdir: i0.ɵɵDirectiveDeclaration<_FormFieldBase, never, never, { "defaultHintAlign": { "alias": "defaultHintAlign"; "required": false; "isSignal": true; }; "reserveHintLine": { "alias": "reserveHintLine"; "required": false; "isSignal": true; }; }, {}, ["control", "label", "hints", "errors", "hintErrors"], never, true, never>;
22
27
  }
package/lib/form-field/form-field.component.d.ts CHANGED
@@ -3,5 +3,5 @@ import { _FormFieldBase } from './form-field-base';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class ArdiumFormFieldComponent extends _FormFieldBase implements OnInit {
5
5
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldComponent, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldComponent, "ard-form-field", never, {}, {}, never, ["ard-label, [ard-label]", "*", "ard-error, [ard-error]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[left], [ard-hint][left]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[right], [ard-hint][right]"], false, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldComponent, "ard-form-field", never, {}, {}, never, ["ard-label, [ard-label]", "*", "ard-error[left], [ard-error][left]", "ard-error[right], [ard-error][right]", "ard-hint[left], [ard-hint][left]", "ard-hint[right], [ard-hint][right]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])", "ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])", "ard-hint-error[left], [ard-hint-error][left]", "ard-hint-error[right], [ard-hint-error][right]"], false, never>;
7
7
  }
package/lib/form-field/form-field.module.d.ts CHANGED
@@ -5,11 +5,12 @@ import * as i3 from "./form-field-native-inputs";
5
5
  import * as i4 from "./label/label.component";
6
6
  import * as i5 from "./hint/hint.component";
7
7
  import * as i6 from "./error/error.component";
8
- import * as i7 from "@angular/common";
9
- import * as i8 from "./hint/hint.directive";
10
- import * as i9 from "./error/error.directive";
8
+ import * as i7 from "./hint-error/hint-error.component";
9
+ import * as i8 from "@angular/common";
10
+ import * as i9 from "./hint/hint.directive";
11
+ import * as i10 from "./error/error.directive";
11
12
  export declare class ArdiumFormFieldModule {
12
13
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldModule, never>;
13
- static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFormFieldModule, [typeof i1.ArdiumFormFieldComponent, typeof i2.ArdiumHorizontalFormFieldComponent, typeof i3.ArdiumFormFieldNativeInputAdapterDirective, typeof i4.ArdiumLabelComponent, typeof i5.ArdiumHintComponent, typeof i6.ArdiumErrorComponent], [typeof i7.CommonModule, typeof i8.ArdiumHintDirective, typeof i9.ArdiumErrorDirective], [typeof i1.ArdiumFormFieldComponent, typeof i2.ArdiumHorizontalFormFieldComponent, typeof i3.ArdiumFormFieldNativeInputAdapterDirective, typeof i4.ArdiumLabelComponent, typeof i5.ArdiumHintComponent, typeof i6.ArdiumErrorComponent]>;
14
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFormFieldModule, [typeof i1.ArdiumFormFieldComponent, typeof i2.ArdiumHorizontalFormFieldComponent, typeof i3.ArdiumFormFieldNativeInputAdapterDirective, typeof i4.ArdiumLabelComponent, typeof i5.ArdiumHintComponent, typeof i6.ArdiumErrorComponent, typeof i7.ArdiumHintErrorComponent], [typeof i8.CommonModule, typeof i9.ArdiumHintDirective, typeof i10.ArdiumErrorDirective], [typeof i1.ArdiumFormFieldComponent, typeof i2.ArdiumHorizontalFormFieldComponent, typeof i3.ArdiumFormFieldNativeInputAdapterDirective, typeof i4.ArdiumLabelComponent, typeof i5.ArdiumHintComponent, typeof i6.ArdiumErrorComponent, typeof i7.ArdiumHintErrorComponent]>;
14
15
  static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFormFieldModule>;
15
16
  }
package/lib/form-field/hint-error/hint-error.component.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./hint-error.directive";
3
+ export declare class ArdiumHintErrorComponent {
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHintErrorComponent, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHintErrorComponent, "ard-hint-error", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.ArdiumHintErrorDirective; inputs: { "left": "left"; "right": "right"; }; outputs: {}; }]>;
6
+ }
package/lib/form-field/hint-error/hint-error.directive.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ArdiumHintErrorDirective {
3
+ readonly left: import("@angular/core").InputSignalWithTransform<boolean, any>;
4
+ readonly right: import("@angular/core").InputSignalWithTransform<boolean, any>;
5
+ constructor();
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHintErrorDirective, never>;
7
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumHintErrorDirective, "[ard-hint-error]", never, { "left": { "alias": "left"; "required": false; "isSignal": true; }; "right": { "alias": "right"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
8
+ }
package/lib/form-field/horizontal-form-field.component.d.ts CHANGED
@@ -3,5 +3,5 @@ import { _FormFieldBase } from './form-field-base';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class ArdiumHorizontalFormFieldComponent extends _FormFieldBase implements OnInit {
5
5
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHorizontalFormFieldComponent, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHorizontalFormFieldComponent, "ard-horizontal-form-field", never, {}, {}, never, ["ard-label, [ard-label]", "*", "ard-error, [ard-error]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[left], [ard-hint][left]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[right], [ard-hint][right]"], false, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHorizontalFormFieldComponent, "ard-horizontal-form-field", never, {}, {}, never, ["ard-label, [ard-label]", "*", "ard-error[left], [ard-error][left]", "ard-error[right], [ard-error][right]", "ard-hint[left], [ard-hint][left]", "ard-hint[right], [ard-hint][right]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])", "ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])", "ard-hint-error[left], [ard-hint-error][left]", "ard-hint-error[right], [ard-hint-error][right]"], false, never>;
7
7
  }
package/lib/form-field/index.d.ts CHANGED
@@ -3,6 +3,8 @@ export * from './error/error.directive';
3
3
  export * from './form-field-native-inputs';
4
4
  export * from './form-field.component';
5
5
  export * from './form-field.module';
6
+ export * from './hint-error/hint-error.component';
7
+ export * from './hint-error/hint-error.directive';
6
8
  export * from './hint/hint.component';
7
9
  export * from './hint/hint.directive';
8
10
  export * from './horizontal-form-field.component';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "5.0.0-alpha.3",
3
+ "version": "5.0.0-alpha.5",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
package/prebuilt-themes/default/core.css CHANGED
@@ -33,6 +33,8 @@
33
33
  --ard-gold: #ffc107;
34
34
  --ard-clear-button-size: 0.9rem;
35
35
  --ard-dropdown-button-size: 0.4rem;
36
+ --ard-form-field-height: 2.3125rem;
37
+ --ard-form-field-compact-height: 1.6875rem;
36
38
  --ard-primary-50: 234, 235, 243;
37
39
  --ard-primary-100: 159, 167, 228;
38
40
  --ard-primary-300: 78, 99, 219;
package/prebuilt-themes/default/core.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/core.scss"],"names":[],"mappings":"AAEQ;AACA;AAER;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAGA;EAEA;EACA;;;AAGF;EACE","file":"core.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/core.scss"],"names":[],"mappings":"AAEQ;AACA;AAER;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAGA;EAEA;EACA;;;AAGF;EACE","file":"core.css"}
package/prebuilt-themes/default/form-field-frame.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .ard-form-field-frame {
2
2
  box-sizing: border-box;
3
- min-height: 2.3125rem;
3
+ min-height: var(--ard-form-field-height);
4
4
  height: max-content;
5
5
  max-width: 100%;
6
6
  display: flex;
@@ -36,7 +36,7 @@
36
36
  padding-right: 0.375em;
37
37
  }
38
38
  .ard-form-field-frame.ard-compact {
39
- min-height: 1.6875rem;
39
+ min-height: var(--ard-form-field-compact-height);
40
40
  font-size: 0.85rem;
41
41
  line-height: 1;
42
42
  }
package/prebuilt-themes/default/form-field-frame.css.map CHANGED
@@ -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;EC8DA;ED5BA;EACA;EACA;;AAlCA;EACE;EACA;;AAEA;EACE;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;ACAF;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;;ADlCF;EACE,YEnDM;EFoDN;EACA,YACE;;AAKF;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/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAGA;EACE;EACA,YCoCkB;EDnClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE8DA;EF5BA;EACA;EACA;;AAlCA;EACE;EACA;;AAEA;EACE;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE,YCEwB;EDDxB;EACA;;AEAF;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;;AFlCF;EACE,YCnDM;EDoDN;EACA,YACE;;AAKF;EACE;;AAIF;EACE;;;AAIN;EACE;EACA;;AAGE;EACE","file":"form-field-frame.css"}
package/prebuilt-themes/default/form-field.css CHANGED
@@ -40,7 +40,9 @@ ard-horizontal-form-field {
40
40
  min-height: 1.1em;
41
41
  }
42
42
  .ard-form-field .ard-form-field__hints-right > *,
43
- .ard-horizontal-form-field .ard-form-field__hints-right > * {
43
+ .ard-form-field .ard-form-field__errors-right > *,
44
+ .ard-horizontal-form-field .ard-form-field__hints-right > *,
45
+ .ard-horizontal-form-field .ard-form-field__errors-right > * {
44
46
  padding-left: 0.25rem;
45
47
  }
46
48
  .ard-form-field .ard-hint,
@@ -56,10 +58,15 @@ ard-horizontal-form-field {
56
58
  .ard-horizontal-form-field .ard-hint {
57
59
  color: var(--ard-text2);
58
60
  }
59
- .ard-form-field .ard-error,
60
- .ard-horizontal-form-field .ard-error {
61
+ .ard-form-field .ard-error:not(.ard-hint-error),
62
+ .ard-form-field .ard-form-field__errors .ard-hint-error,
63
+ .ard-horizontal-form-field .ard-error:not(.ard-hint-error),
64
+ .ard-horizontal-form-field .ard-form-field__errors .ard-hint-error {
61
65
  color: rgb(var(--ard-danger-700));
62
66
  overflow: hidden;
67
+ }
68
+ .ard-form-field .ard-error:not(.ard-hint-error),
69
+ .ard-horizontal-form-field .ard-error:not(.ard-hint-error) {
63
70
  animation: errorAppear 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
64
71
  }
65
72
  .ard-form-field.ard-form-field__with-error .ard-label,
@@ -87,7 +94,7 @@ ard-horizontal-form-field {
87
94
  }
88
95
  .ard-horizontal-form-field .ard-form-field__label-container {
89
96
  width: var(--ard-horizontal-form-field-label-width, 12rem);
90
- height: 2.3125rem;
97
+ height: var(--ard-form-field-height);
91
98
  display: flex;
92
99
  align-items: center;
93
100
  justify-content: var(--ard-horizontal-form-field-label-align, flex-start);
@@ -96,7 +103,7 @@ ard-horizontal-form-field {
96
103
  flex-grow: 1;
97
104
  }
98
105
  .ard-horizontal-form-field:has(.ard-form-field__input .ard-compact) .ard-form-field__label-container {
99
- height: 1.5625rem;
106
+ height: var(--ard-form-field-compact-height);
100
107
  }
101
108
 
102
109
  @keyframes errorAppear {
package/prebuilt-themes/default/form-field.css.map CHANGED
@@ -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;;AAGE;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;EACE;EACA;EACA;;AAIN;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIF;AAAA;EACE;;AAGJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;AAAA;EACE,OCjDI;;ADmDN;AAAA;EACE,OCkBQ;EDjBR;EACA;;AAIA;AAAA;EACE,OCWM;;ADPR;AAAA;EACE,OCgCO;;AD5BT;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"}
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;;AAGE;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;EACE;EACA;EACA;;AAIN;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAKF;AAAA;AAAA;AAAA;EACE;;AAGJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;AAAA;EACE,OClDI;;ADoDN;AAAA;AAAA;AAAA;EAEE,OCkBQ;EDjBR;;AAEF;AAAA;EACE;;AAIA;AAAA;EACE,OCSM;;ADLR;AAAA;EACE,OC8BO;;AD1BT;AAAA;EACE;;AAEF;AAAA;EACE;;;AAIN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA,QCvDgB;EDwDhB;EACA;EACA;;AAEF;EACE;;AAIA;EACE,QCjEsB;;;ADsE5B;EACE;IACE;;EAEF;IACE","file":"form-field.css"}
package/prebuilt-themes/default/inputs/digit-input.css.map CHANGED
@@ -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;;ACsBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;ADjDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OE7BC;EF8BD,aE5BE;EF6BF;EACA;EACA;EACA,YACE;;AAGF;EACE,OErCA;EFsCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,cEwBO;;AFpBT;EACE,kBEbK;EFcL,cERM;;AFYV;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA","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;;ACsBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;ADjDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OE7BC;EF8BD,aE5BE;EF6BF;EACA;EACA;EACA,YACE;;AAGF;EACE,OErCA;EFsCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,cE0BO;;AFtBT;EACE,kBEXK;EFYL,cENM;;AFUV;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA","file":"digit-input.css"}
package/prebuilt-themes/default/inputs/file-input.css.map CHANGED
@@ -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;EErCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EF8BI,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;EFvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA,yBACE;EE4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AJWN;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAGJ;EACE;;;AAIE;AAAA;EAEE,OG1BM","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;EErCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EF8BI,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;EFvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA,yBACE;EE4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AJWN;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAGJ;EACE;;;AAIE;AAAA;EAEE,OGxBM","file":"file-input.css"}
package/prebuilt-themes/default/stars.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/stars.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAIA;AAAA;AAAA;AAAA;EAKE;;ACNA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD3HF;AAAA;AAAA;AAAA;EACE,OE8BG;;;AF3BP;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EGzCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHkCE;EACA;EACA;EACA;EACA;EACA;EACA;;AGrCF;EACE;EAEA,YACE;;AAMF;EACE;;AH+BF;EACE;;AAIF;EACE;;;AAMJ;AAAA;EAEE;EACA","file":"stars.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/stars.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAIA;AAAA;AAAA;AAAA;EAKE;;ACNA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD3HF;AAAA;AAAA;AAAA;EACE,OEgCG;;;AF7BP;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EGzCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHkCE;EACA;EACA;EACA;EACA;EACA;EACA;;AGrCF;EACE;EAEA,YACE;;AAMF;EACE;;AH+BF;EACE;;AAIF;EACE;;;AAMJ;AAAA;EAEE;EACA","file":"stars.css"}
package/themes/_variables.scss CHANGED
@@ -39,6 +39,8 @@ $timing-fn: cubic-bezier(0.4, 0, 0.2, 1);
39
39
 
40
40
  $clear-button-size: var(--ard-clear-button-size);
41
41
  $dropdown-button-size: var(--ard-dropdown-button-size);
42
+ $form-field-height: var(--ard-form-field-height);
43
+ $form-field-compact-height: var(--ard-form-field-compact-height);
42
44
 
43
45
  $gold: var(--ard-gold);
44
46
 
package/themes/default/core.scss CHANGED
@@ -38,6 +38,8 @@
38
38
 
39
39
  --ard-clear-button-size: 0.9rem;
40
40
  --ard-dropdown-button-size: 0.4rem;
41
+ --ard-form-field-height: 2.3125rem;
42
+ --ard-form-field-compact-height: 1.6875rem;
41
43
 
42
44
  --ard-primary-50: 234, 235, 243;
43
45
  --ard-primary-100: 159, 167, 228;
package/themes/default/form-field-frame.scss CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  .ard-form-field-frame {
5
5
  box-sizing: border-box;
6
- min-height: 2.3125rem;
6
+ min-height: ARD.$form-field-height;
7
7
  height: max-content;
8
8
  max-width: 100%;
9
9
  display: flex;
@@ -38,7 +38,7 @@
38
38
 
39
39
  //! compact
40
40
  &.ard-compact {
41
- min-height: 1.6875rem;
41
+ min-height: ARD.$form-field-compact-height;
42
42
  font-size: 0.85rem;
43
43
  line-height: 1;
44
44
  }
package/themes/default/form-field.scss CHANGED
@@ -42,7 +42,8 @@ ard-horizontal-form-field {
42
42
  min-height: 1.1em;
43
43
  }
44
44
  }
45
- .ard-form-field__hints-right {
45
+ .ard-form-field__hints-right,
46
+ .ard-form-field__errors-right {
46
47
  > * {
47
48
  padding-left: 0.25rem;
48
49
  }
@@ -57,9 +58,12 @@ ard-horizontal-form-field {
57
58
  .ard-hint {
58
59
  color: ARD.$text2;
59
60
  }
60
- .ard-error {
61
+ .ard-error:not(.ard-hint-error),
62
+ .ard-form-field__errors .ard-hint-error {
61
63
  color: ARD.$danger700;
62
64
  overflow: hidden;
65
+ }
66
+ .ard-error:not(.ard-hint-error) {
63
67
  animation: errorAppear 0.25s ARD.$timing-fn forwards;
64
68
  }
65
69
 
@@ -90,7 +94,7 @@ ard-horizontal-form-field {
90
94
 
91
95
  .ard-form-field__label-container {
92
96
  width: var(--ard-horizontal-form-field-label-width, 12rem);
93
- height: 2.3125rem;
97
+ height: ARD.$form-field-height;
94
98
  display: flex;
95
99
  align-items: center;
96
100
  justify-content: var(--ard-horizontal-form-field-label-align, flex-start);
@@ -101,7 +105,7 @@ ard-horizontal-form-field {
101
105
 
102
106
  &:has(.ard-form-field__input .ard-compact) {
103
107
  .ard-form-field__label-container {
104
- height: 1.5625rem;
108
+ height: ARD.$form-field-compact-height;
105
109
  }
106
110
  }
107
111
  }