@ardium-ui/ui 5.0.0-alpha.2 → 5.0.0-alpha.4

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 (23) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +48 -21
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/calendar/views/years-view/years-view.component.d.ts +1 -2
  4. package/lib/form-field/error/error.directive.d.ts +4 -1
  5. package/lib/form-field/form-field-base.d.ts +4 -2
  6. package/lib/form-field/form-field.component.d.ts +1 -1
  7. package/lib/form-field/horizontal-form-field.component.d.ts +1 -1
  8. package/lib/inputs/date-input/date-input.component.d.ts +2 -1
  9. package/lib/inputs/date-input/date-input.defaults.d.ts +2 -0
  10. package/package.json +1 -1
  11. package/prebuilt-themes/default/core.css +2 -0
  12. package/prebuilt-themes/default/core.css.map +1 -1
  13. package/prebuilt-themes/default/form-field-frame.css +2 -2
  14. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  15. package/prebuilt-themes/default/form-field.css +5 -3
  16. package/prebuilt-themes/default/form-field.css.map +1 -1
  17. package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
  18. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  19. package/prebuilt-themes/default/stars.css.map +1 -1
  20. package/themes/_variables.scss +2 -0
  21. package/themes/default/core.scss +2 -0
  22. package/themes/default/form-field-frame.scss +2 -2
  23. package/themes/default/form-field.scss +4 -3
package/lib/calendar/views/years-view/years-view.component.d.ts CHANGED
@@ -9,7 +9,6 @@ export declare class YearsViewComponent implements AfterViewInit {
9
9
  readonly _isUsingKeyboard: import("@angular/core").InputSignal<boolean>;
10
10
  onMouseMove(): void;
11
11
  ngAfterViewInit(): void;
12
- readonly activeYear: import("@angular/core").InputSignal<number>;
13
12
  readonly selectedDate: import("@angular/core").InputSignal<Date | null>;
14
13
  readonly min: import("@angular/core").InputSignal<Date | null>;
15
14
  readonly max: import("@angular/core").InputSignal<Date | null>;
@@ -55,5 +54,5 @@ export declare class YearsViewComponent implements AfterViewInit {
55
54
  readonly yearsViewHeaderContext: import("@angular/core").Signal<CalendarYearsViewHeaderContext>;
56
55
  readonly yearContext: import("@angular/core").Signal<(year: number) => CalendarYearContext>;
57
56
  static ɵfac: i0.ɵɵFactoryDeclaration<YearsViewComponent, never>;
58
- static ɵcmp: i0.ɵɵComponentDeclaration<YearsViewComponent, "ard-years-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "currentYearRangeStart": { "alias": "currentYearRangeStart"; "required": true; "isSignal": true; }; "highlightedYear": { "alias": "highlightedYear"; "required": true; "isSignal": true; }; "yearsViewHeaderTemplate": { "alias": "yearsViewHeaderTemplate"; "required": true; "isSignal": true; }; "yearTemplate": { "alias": "yearTemplate"; "required": true; "isSignal": true; }; }, { "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectYear": "triggerSelectYear"; "triggerChangeYearsViewPage": "triggerChangeYearsViewPage"; "triggerHighlightYear": "triggerHighlightYear"; "triggerHighlightNextYear": "triggerHighlightNextYear"; "triggerHighlightPreviousYear": "triggerHighlightPreviousYear"; "triggerHighlightFirstYear": "triggerHighlightFirstYear"; "triggerHighlightLastYear": "triggerHighlightLastYear"; "triggerHighlightSameYearPreviousPage": "triggerHighlightSameYearPreviousPage"; "triggerHighlightSameYearNextPage": "triggerHighlightSameYearNextPage"; }, never, never, false, never>;
57
+ static ɵcmp: i0.ɵɵComponentDeclaration<YearsViewComponent, "ard-years-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "currentYearRangeStart": { "alias": "currentYearRangeStart"; "required": true; "isSignal": true; }; "highlightedYear": { "alias": "highlightedYear"; "required": true; "isSignal": true; }; "yearsViewHeaderTemplate": { "alias": "yearsViewHeaderTemplate"; "required": true; "isSignal": true; }; "yearTemplate": { "alias": "yearTemplate"; "required": true; "isSignal": true; }; }, { "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectYear": "triggerSelectYear"; "triggerChangeYearsViewPage": "triggerChangeYearsViewPage"; "triggerHighlightYear": "triggerHighlightYear"; "triggerHighlightNextYear": "triggerHighlightNextYear"; "triggerHighlightPreviousYear": "triggerHighlightPreviousYear"; "triggerHighlightFirstYear": "triggerHighlightFirstYear"; "triggerHighlightLastYear": "triggerHighlightLastYear"; "triggerHighlightSameYearPreviousPage": "triggerHighlightSameYearPreviousPage"; "triggerHighlightSameYearNextPage": "triggerHighlightSameYearNextPage"; }, never, never, false, never>;
59
58
  }
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,3 +1,4 @@
1
+ import { SimpleOneAxisAlignment } from '../types/alignment.types';
1
2
  import { ArdiumErrorDirective } from './error/error.directive';
2
3
  import { ArdFormFieldControl } from './form-field-child.token';
3
4
  import { ArdiumHintDirective } from './hint/hint.directive';
@@ -5,7 +6,8 @@ import { ArdiumLabelComponent } from './label/label.component';
5
6
  import * as i0 from "@angular/core";
6
7
  export declare abstract class _FormFieldBase {
7
8
  protected readonly _DEFAULTS: import("./form-field.defaults").ArdFormFieldDefaults;
8
- readonly alignHintToLeftByDefault: boolean;
9
+ readonly defaultHintAlign: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
10
+ readonly alignHintToLeftByDefault: import("@angular/core").Signal<boolean>;
9
11
  readonly control: import("@angular/core").Signal<ArdFormFieldControl | undefined>;
10
12
  get controlHasError(): boolean | undefined;
11
13
  get controlIsSuccess(): boolean | undefined;
@@ -18,5 +20,5 @@ export declare abstract class _FormFieldBase {
18
20
  readonly reserveHintLine: import("@angular/core").InputSignalWithTransform<boolean, any>;
19
21
  ngOnInit(): void;
20
22
  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>;
23
+ 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"], never, true, never>;
22
24
  }
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])"], false, never>;
7
7
  }
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])"], false, never>;
7
7
  }
package/lib/inputs/date-input/date-input.component.d.ts CHANGED
@@ -55,6 +55,7 @@ export declare class ArdiumDateInputComponent extends _FormFieldComponentBase im
55
55
  readonly dropdownVariant: import("@angular/core").InputSignal<Nullable<DropdownPanelVariant>>;
56
56
  readonly dropdownVariantOrDefault: import("@angular/core").Signal<DropdownPanelVariant>;
57
57
  readonly activeView: import("@angular/core").ModelSignal<ArdCalendarView>;
58
+ readonly startView: import("@angular/core").InputSignal<Nullable<ArdCalendarView>>;
58
59
  readonly activeYear: import("@angular/core").ModelSignal<number>;
59
60
  readonly activeMonth: import("@angular/core").ModelSignal<number>;
60
61
  readonly firstWeekday: import("@angular/core").InputSignalWithTransform<number, any>;
@@ -104,5 +105,5 @@ export declare class ArdiumDateInputComponent extends _FormFieldComponentBase im
104
105
  readonly valueContext: import("@angular/core").Signal<ArdDateInputValueContext>;
105
106
  readonly acceptButtonsContext: import("@angular/core").Signal<ArdDateInputAcceptButtonsContext>;
106
107
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDateInputComponent, never>;
107
- static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDateInputComponent, "ard-date-input", never, { "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; "isSignal": true; }; "calendarDisabled": { "alias": "calendarDisabled"; "required": false; "isSignal": true; }; "calendarHidden": { "alias": "calendarHidden"; "required": false; "isSignal": true; }; "serializeFn": { "alias": "serializeFn"; "required": false; "isSignal": true; }; "deserializeFn": { "alias": "deserializeFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "dateInputValue": { "alias": "dateInputValue"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "minMaxStrategy": { "alias": "minMaxStrategy"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "useAcceptButtonToSelect": { "alias": "useAcceptButtonToSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dateInputValue": "dateInputValueChange"; "isOpen": "isOpenChange"; "openEvent": "open"; "closeEvent": "close"; "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["valueTemplate", "calendarIconTemplate", "acceptButtonsTemplate", "prefixTemplate", "suffixTemplate", "calendarDaysViewHeaderTemplate", "calendarYearsViewHeaderTemplate", "calendarMonthsViewHeaderTemplate", "calendarWeekdayTemplate", "calendarFloatingMonthTemplate", "calendarYearTemplate", "calendarMonthTemplate", "calendarDayTemplate"], never, false, never>;
108
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDateInputComponent, "ard-date-input", never, { "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; "isSignal": true; }; "calendarDisabled": { "alias": "calendarDisabled"; "required": false; "isSignal": true; }; "calendarHidden": { "alias": "calendarHidden"; "required": false; "isSignal": true; }; "serializeFn": { "alias": "serializeFn"; "required": false; "isSignal": true; }; "deserializeFn": { "alias": "deserializeFn"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "dateInputValue": { "alias": "dateInputValue"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "minMaxStrategy": { "alias": "minMaxStrategy"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "useAcceptButtonToSelect": { "alias": "useAcceptButtonToSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dateInputValue": "dateInputValueChange"; "isOpen": "isOpenChange"; "openEvent": "open"; "closeEvent": "close"; "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; }, ["valueTemplate", "calendarIconTemplate", "acceptButtonsTemplate", "prefixTemplate", "suffixTemplate", "calendarDaysViewHeaderTemplate", "calendarYearsViewHeaderTemplate", "calendarMonthsViewHeaderTemplate", "calendarWeekdayTemplate", "calendarFloatingMonthTemplate", "calendarYearTemplate", "calendarMonthTemplate", "calendarDayTemplate"], never, false, never>;
108
109
  }
package/lib/inputs/date-input/date-input.defaults.d.ts CHANGED
@@ -4,6 +4,7 @@ import { ArdCalendarFilterFn, ArdCalendarView } from '../../calendar/calendar.ty
4
4
  import { DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel';
5
5
  import { ComponentColor } from '../../types/colors.types';
6
6
  import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
7
+ import { Nullable } from '../../types/utility.types';
7
8
  import { ArdDateInputDeserializeFn, ArdDateInputMinMaxStrategy, ArdDateInputSerializeFn } from './date-input.types';
8
9
  export interface ArdDateInputDefaults extends _FormFieldComponentDefaults {
9
10
  inputAttrs: Record<string, any>;
@@ -17,6 +18,7 @@ export interface ArdDateInputDefaults extends _FormFieldComponentDefaults {
17
18
  dropdownAppearance: DropdownPanelAppearance;
18
19
  dropdownVariant: DropdownPanelVariant;
19
20
  minMaxStrategy: ArdDateInputMinMaxStrategy;
21
+ startView: Nullable<ArdCalendarView>;
20
22
  activeView: ArdCalendarView;
21
23
  activeYear: number;
22
24
  activeMonth: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "5.0.0-alpha.2",
3
+ "version": "5.0.0-alpha.4",
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,
@@ -87,7 +89,7 @@ ard-horizontal-form-field {
87
89
  }
88
90
  .ard-horizontal-form-field .ard-form-field__label-container {
89
91
  width: var(--ard-horizontal-form-field-label-width, 12rem);
90
- height: 2.3125rem;
92
+ height: var(--ard-form-field-height);
91
93
  display: flex;
92
94
  align-items: center;
93
95
  justify-content: var(--ard-horizontal-form-field-label-align, flex-start);
@@ -96,7 +98,7 @@ ard-horizontal-form-field {
96
98
  flex-grow: 1;
97
99
  }
98
100
  .ard-horizontal-form-field:has(.ard-form-field__input .ard-compact) .ard-form-field__label-container {
99
- height: 1.5625rem;
101
+ height: var(--ard-form-field-compact-height);
100
102
  }
101
103
 
102
104
  @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;EACE,OCmBQ;EDlBR;EACA;;AAIA;AAAA;EACE,OCYM;;ADRR;AAAA;EACE,OCiCO;;AD7BT;AAAA;EACE;;AAEF;AAAA;EACE;;;AAIN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA,QCpDgB;EDqDhB;EACA;EACA;;AAEF;EACE;;AAIA;EACE,QC9DsB;;;ADmE5B;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
  }
@@ -90,7 +91,7 @@ ard-horizontal-form-field {
90
91
 
91
92
  .ard-form-field__label-container {
92
93
  width: var(--ard-horizontal-form-field-label-width, 12rem);
93
- height: 2.3125rem;
94
+ height: ARD.$form-field-height;
94
95
  display: flex;
95
96
  align-items: center;
96
97
  justify-content: var(--ard-horizontal-form-field-label-align, flex-start);
@@ -101,7 +102,7 @@ ard-horizontal-form-field {
101
102
 
102
103
  &:has(.ard-form-field__input .ard-compact) {
103
104
  .ard-form-field__label-container {
104
- height: 1.5625rem;
105
+ height: ARD.$form-field-compact-height;
105
106
  }
106
107
  }
107
108
  }