@ardium-ui/ui 5.0.0-alpha.67 → 5.0.0-alpha.69

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 (27) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +84 -58
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/inputs/input-utils.d.ts +8 -3
  4. package/lib/inputs/number-input/number-input.component.d.ts +3 -1
  5. package/lib/inputs/number-input/number-input.defaults.d.ts +2 -0
  6. package/lib/inputs/number-input/number-input.types.d.ts +6 -0
  7. package/lib/inputs/password-input/password-input.component.d.ts +1 -0
  8. package/package.json +1 -1
  9. package/prebuilt-themes/default/inputs/autocomplete-input.css +2 -4
  10. package/prebuilt-themes/default/inputs/autocomplete-input.css.map +1 -1
  11. package/prebuilt-themes/default/inputs/date-input.css +12 -5
  12. package/prebuilt-themes/default/inputs/date-input.css.map +1 -1
  13. package/prebuilt-themes/default/inputs/file-input.css +4 -4
  14. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  15. package/prebuilt-themes/default/inputs/hex-input.css +5 -6
  16. package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
  17. package/prebuilt-themes/default/inputs/input.css +2 -4
  18. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  19. package/prebuilt-themes/default/inputs/number-input.css +41 -20
  20. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  21. package/prebuilt-themes/default/inputs/password-input.css +2 -4
  22. package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
  23. package/themes/default/inputs/_shared.scss +2 -4
  24. package/themes/default/inputs/date-input.scss +8 -1
  25. package/themes/default/inputs/file-input.scss +2 -0
  26. package/themes/default/inputs/hex-input.scss +3 -2
  27. package/themes/default/inputs/number-input.scss +43 -18
package/lib/inputs/input-utils.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { ElementRef, Signal } from '@angular/core';
2
2
  import { Nullable } from '../types/utility.types';
3
+ import { ArdNumberInputMinMaxBehavior } from './number-input/number-input.types';
3
4
  export interface InputModelHost {
4
5
  readonly maxLength: Signal<Nullable<number>>;
5
6
  readonly textInputEl: Signal<ElementRef<HTMLInputElement> | undefined>;
@@ -32,6 +33,7 @@ export declare class AutocompleteInputModel extends InputModel {
32
33
  export interface NumberInputModelHost {
33
34
  readonly max: Signal<number>;
34
35
  readonly min: Signal<number>;
36
+ readonly minMaxBehavior: Signal<ArdNumberInputMinMaxBehavior>;
35
37
  readonly maxDecimalPlaces: Signal<number>;
36
38
  readonly fixedDecimalPlaces: Signal<boolean>;
37
39
  readonly decimalSeparator: Signal<string>;
@@ -46,13 +48,16 @@ export declare class NumberInputModel {
46
48
  readonly stringValue: Signal<string>;
47
49
  readonly numberValue: Signal<number | null>;
48
50
  setValue(v: string | number | null): void;
49
- updateFixedDecimalPlaces(): void;
51
+ updateOnBlur(adjustMinMax?: boolean): void;
52
+ private _fixDecimalPlaces;
50
53
  private _updateInputEl;
51
- writeValue(v: any): boolean;
52
- protected _writeValue(v: string | number | null): boolean;
54
+ writeValue(v: any, applyConstraints: boolean): boolean;
55
+ protected _writeValue(v: string | null, applyConstraints: boolean): boolean;
53
56
  rewriteValueAfterHostUpdate(): void;
54
57
  get caretPos(): number;
55
58
  set caretPos(pos: number);
59
+ private _applyStandardConstraints;
60
+ private _standardizeSeparator;
56
61
  private _removeDecimalPlaces;
57
62
  private _applyNumberConstraint;
58
63
  private _applyMinMaxConstraints;
package/lib/inputs/number-input/number-input.component.d.ts CHANGED
@@ -9,6 +9,7 @@ import { Nullable } from '../../types/utility.types';
9
9
  import { NumberInputModel, NumberInputModelHost } from '../input-utils';
10
10
  import { ArdNumberInputDefaults } from './number-input.defaults';
11
11
  import { ArdNumberInputPlaceholderTemplateDirective, ArdNumberInputPrefixTemplateDirective, ArdNumberInputSuffixTemplateDirective } from './number-input.directives';
12
+ import { ArdNumberInputMinMaxBehavior } from './number-input.types';
12
13
  import * as i0 from "@angular/core";
13
14
  export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase implements ControlValueAccessor, NumberInputModelHost, AfterViewInit {
14
15
  protected readonly _DEFAULTS: ArdNumberInputDefaults;
@@ -44,6 +45,7 @@ export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase
44
45
  }>;
45
46
  readonly min: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
46
47
  readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
48
+ readonly minMaxBehavior: import("@angular/core").InputSignal<ArdNumberInputMinMaxBehavior>;
47
49
  readonly maxDecimalPlaces: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
48
50
  readonly fixedDecimalPlaces: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
49
51
  readonly decimalSeparator: import("@angular/core").InputSignalWithTransform<string, string>;
@@ -67,5 +69,5 @@ export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase
67
69
  onCopy(event: ClipboardEvent): void;
68
70
  protected _setInputAttributes(): void;
69
71
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumNumberInputComponent, never>;
70
- static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumNumberInputComponent, "ard-number-input", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "alignText": { "alias": "alignText"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "maxDecimalPlaces": { "alias": "maxDecimalPlaces"; "required": false; "isSignal": true; }; "fixedDecimalPlaces": { "alias": "fixedDecimalPlaces"; "required": false; "isSignal": true; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; "isSignal": true; }; "allowFloat": { "alias": "allowFloat"; "required": false; "isSignal": true; }; "noButtons": { "alias": "noButtons"; "required": false; "isSignal": true; }; "keepFocusOnQuickChangeButton": { "alias": "keepFocusOnQuickChangeButton"; "required": false; "isSignal": true; }; "stepSize": { "alias": "stepSize"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "clearEvent": "clear"; "quickChangeEvent": "quickChange"; }, ["placeholderTemplate", "prefixTemplate", "suffixTemplate"], never, false, never>;
72
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumNumberInputComponent, "ard-number-input", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "alignText": { "alias": "alignText"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minMaxBehavior": { "alias": "minMaxBehavior"; "required": false; "isSignal": true; }; "maxDecimalPlaces": { "alias": "maxDecimalPlaces"; "required": false; "isSignal": true; }; "fixedDecimalPlaces": { "alias": "fixedDecimalPlaces"; "required": false; "isSignal": true; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; "isSignal": true; }; "allowFloat": { "alias": "allowFloat"; "required": false; "isSignal": true; }; "noButtons": { "alias": "noButtons"; "required": false; "isSignal": true; }; "keepFocusOnQuickChangeButton": { "alias": "keepFocusOnQuickChangeButton"; "required": false; "isSignal": true; }; "stepSize": { "alias": "stepSize"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "clearEvent": "clear"; "quickChangeEvent": "quickChange"; }, ["placeholderTemplate", "prefixTemplate", "suffixTemplate"], never, false, never>;
71
73
  }
package/lib/inputs/number-input/number-input.defaults.d.ts CHANGED
@@ -2,6 +2,7 @@ import { InjectionToken, Provider } from '@angular/core';
2
2
  import { _FormFieldComponentDefaults } from '../../_internal/form-field-component';
3
3
  import { OneAxisAlignment } from './../../types/alignment.types';
4
4
  import { FormElementAppearance, FormElementVariant } from './../../types/theming.types';
5
+ import { ArdNumberInputMinMaxBehavior } from './number-input.types';
5
6
  export interface ArdNumberInputDefaults extends _FormFieldComponentDefaults {
6
7
  appearance: FormElementAppearance;
7
8
  variant: FormElementVariant;
@@ -11,6 +12,7 @@ export interface ArdNumberInputDefaults extends _FormFieldComponentDefaults {
11
12
  inputAttrs: Record<string, any>;
12
13
  min: number;
13
14
  max: number;
15
+ minMaxBehavior: ArdNumberInputMinMaxBehavior;
14
16
  maxDecimalPlaces: number;
15
17
  fixedDecimalPlaces: boolean;
16
18
  decimalSeparator: string;
package/lib/inputs/number-input/number-input.types.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export declare const ArdNumberInputMinMaxBehavior: {
2
+ readonly AdjustOnInput: "adjust-on-input";
3
+ readonly AdjustOnBlur: "adjust-on-blur";
4
+ readonly Noop: "noop";
5
+ };
6
+ export type ArdNumberInputMinMaxBehavior = typeof ArdNumberInputMinMaxBehavior[keyof typeof ArdNumberInputMinMaxBehavior];
package/lib/inputs/password-input/password-input.component.d.ts CHANGED
@@ -25,6 +25,7 @@ export declare class ArdiumPasswordInputComponent extends _FormFieldComponentBas
25
25
  readonly revealed: import("@angular/core").ModelSignal<boolean>;
26
26
  private _hideTimeout;
27
27
  toggleReveal(newState?: boolean): void;
28
+ onMouseUp(): void;
28
29
  ngOnDestroy(): void;
29
30
  readonly revealTemplate: import("@angular/core").Signal<ArdPasswordInputRevealButtonTemplateDirective | undefined>;
30
31
  readonly revealButtonContext: import("@angular/core").Signal<PasswordInputRevealButtonContext>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "5.0.0-alpha.67",
3
+ "version": "5.0.0-alpha.69",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
package/prebuilt-themes/default/inputs/autocomplete-input.css CHANGED
@@ -49,15 +49,13 @@
49
49
  display: flex;
50
50
  align-items: center;
51
51
  height: 100%;
52
+ position: relative;
52
53
  }
53
54
  .ard-autocomplete-input .ard-input-container > * {
54
55
  position: absolute;
55
56
  inset: 0;
56
- padding-left: var(--ard-autocomplete-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
57
- padding-right: var(--ard-autocomplete-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
58
- padding-top: var(--ard-autocomplete-input-padding-top, var(--ard-form-field-padding-top, 0));
59
- padding-bottom: var(--ard-autocomplete-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
60
57
  max-width: 100%;
58
+ padding: 0;
61
59
  }
62
60
  .ard-autocomplete-input .ard-input-container .ard-placeholder {
63
61
  font: inherit;
package/prebuilt-themes/default/inputs/autocomplete-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/autocomplete-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;ACKA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;;;AAGF;EDnBE,QCqBE;EDpBF;EACA;EACA;EACA;EACA;EACA,KCiBE;EDhBF;EACA;EACA,WCeE;EDdF,aCgBE;EDfF,aCiBE;EDhBF,cCoBE;EDnBF,eCiBE;EDhBF,aCeE;EDdF,gBCgBE;EDfF,OCqBE;EAIF;EACA;;ADxBA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,cCIF;EDHE,eCCF;EDAE,aCDF;EDEE;EACA;;AAEF;EACE;EACA,SCGF;EDFE,OCCF;EDAE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QCnCA;EDoCA,WCjCA;EDkCA,aChCA;EDiCA,cCxBA;EDyBA,eC3BA;ED4BA,aC7BA;ED8BA,gBC5BA;;ACzDF;EACE,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EEvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA,yBACE;EF4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADIN;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA","file":"autocomplete-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/autocomplete-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;ACKA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;;;AAGF;EDnBE,QCqBE;EDpBF;EACA;EACA;EACA;EACA;EACA,KCiBE;EDhBF;EACA;EACA,WCeE;EDdF,aCgBE;EDfF,aCiBE;EDhBF,cCoBE;EDnBF,eCiBE;EDhBF,aCeE;EDdF,gBCgBE;EDfF,OCqBE;EAIF;EACA;;ADxBA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA,SCKF;EDJE,OCGF;EDFE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QCjCA;EDkCA,WC/BA;EDgCA,aC9BA;ED+BA,cCtBA;EDuBA,eCzBA;ED0BA,aC3BA;ED4BA,gBC1BA;;ACzDF;EACE,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EEvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA,yBACE;EF4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADIN;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA","file":"autocomplete-input.css"}
package/prebuilt-themes/default/inputs/date-input.css CHANGED
@@ -42,17 +42,15 @@ ard-multipage-date-range-input .ard-multipage-date-range-input .ard-input-contai
42
42
  display: flex;
43
43
  align-items: center;
44
44
  height: 100%;
45
+ position: relative;
45
46
  }
46
47
  ard-date-input .ard-date-input .ard-input-container > *,
47
48
  ard-date-range-input .ard-date-range-input .ard-input-container > *,
48
49
  ard-multipage-date-range-input .ard-multipage-date-range-input .ard-input-container > * {
49
50
  position: absolute;
50
51
  inset: 0;
51
- padding-left: var(--ard-date-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
52
- padding-right: var(--ard-date-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
53
- padding-top: var(--ard-date-input-padding-top, var(--ard-form-field-padding-top, 0));
54
- padding-bottom: var(--ard-date-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
55
52
  max-width: 100%;
53
+ padding: 0;
56
54
  }
57
55
  ard-date-input .ard-date-input .ard-input-container .ard-placeholder,
58
56
  ard-date-range-input .ard-date-range-input .ard-input-container .ard-placeholder,
@@ -91,18 +89,20 @@ ard-multipage-date-range-input .ard-multipage-date-range-input.ard-compact {
91
89
  ard-date-input .ard-date-input .ard-date-input__value-container,
92
90
  ard-date-range-input .ard-date-range-input .ard-date-input__value-container,
93
91
  ard-multipage-date-range-input .ard-multipage-date-range-input .ard-date-input__value-container {
94
- position: unset;
92
+ position: relative;
95
93
  }
96
94
  ard-date-input .ard-date-input .ard-date-input__placeholder,
97
95
  ard-date-range-input .ard-date-range-input .ard-date-input__placeholder,
98
96
  ard-multipage-date-range-input .ard-multipage-date-range-input .ard-date-input__placeholder {
99
97
  position: absolute;
98
+ padding: 0;
100
99
  }
101
100
  ard-date-input .ard-date-input .ard-date-input__input-container,
102
101
  ard-date-range-input .ard-date-range-input .ard-date-input__input-container,
103
102
  ard-multipage-date-range-input .ard-multipage-date-range-input .ard-date-input__input-container {
104
103
  position: absolute;
105
104
  inset: 0;
105
+ padding: 0;
106
106
  }
107
107
  ard-date-input .ard-date-input .ard-date-input__input-container.ard-date-input__input-container-hidden,
108
108
  ard-date-range-input .ard-date-range-input .ard-date-input__input-container.ard-date-input__input-container-hidden,
@@ -119,6 +119,13 @@ ard-multipage-date-range-input .ard-multipage-date-range-input .ard-date-input__
119
119
  height: 100%;
120
120
  padding: var(--ard-date-input-input-padding, 0 2.625rem 0 0.375rem);
121
121
  }
122
+ ard-date-input .ard-date-input .ard-date-input__value,
123
+ ard-date-range-input .ard-date-range-input .ard-date-input__value,
124
+ ard-multipage-date-range-input .ard-multipage-date-range-input .ard-date-input__value {
125
+ display: flex;
126
+ align-items: center;
127
+ padding: 0;
128
+ }
122
129
 
123
130
  ard-days-view .ard-calendar__header-button {
124
131
  font-size: var(--ard-button-font-size, 0.875rem);
package/prebuilt-themes/default/inputs/date-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/date-input.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;;;AAGF;AAAA;AAAA;EDJE,QCQE;EDPF;EACA;EACA;EACA;EACA;EACA,KCIE;EDHF;EACA;EACA,WCEE;EDDF,aCGE;EDFF,aCIE;EDHF,cCOE;EDNF,eCIE;EDHF,aCEE;EDDF,gBCGE;EDFF,OCQE;EAIF;EACA;;ADXA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA,cCTF;EDUE,eCZF;EDaE,aCdF;EDeE,gBCbF;EDcE;;AAEF;AAAA;AAAA;EACE;EACA,SCVF;EDWE,OCZF;EDaE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;AAAA;EACE,QChDA;EDiDA,WC9CA;ED+CA,aC7CA;ED8CA,cCrCA;EDsCA,eCxCA;EDyCA,aC1CA;ED2CA,gBCzCA;;AASF;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAMJ;EACE;EACA;;;AAGJ;EACE;EACA;EACA","file":"date-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/date-input.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;;;AAGF;AAAA;AAAA;EDJE,QCQE;EDPF;EACA;EACA;EACA;EACA;EACA,KCIE;EDHF;EACA;EACA,WCEE;EDDF,aCGE;EDFF,aCIE;EDHF,cCOE;EDNF,eCIE;EDHF,aCEE;EDDF,gBCGE;EDFF,OCQE;EAIF;EACA;;ADXA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;AAAA;EACE;EACA,SCRF;EDSE,OCVF;EDWE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;AAAA;EACE,QC9CA;ED+CA,WC5CA;ED6CA,aC3CA;ED4CA,cCnCA;EDoCA,eCtCA;EDuCA,aCxCA;EDyCA,gBCvCA;;AASF;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;EACA;;AAEF;AAAA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAGJ;AAAA;AAAA;EACE;EACA;EACA;;;AAKF;EACE;EACA;;;AAGJ;EACE;EACA;EACA","file":"date-input.css"}
package/prebuilt-themes/default/inputs/file-input.css CHANGED
@@ -63,15 +63,13 @@
63
63
  display: flex;
64
64
  align-items: center;
65
65
  height: 100%;
66
+ position: relative;
66
67
  }
67
68
  .ard-file-input .ard-input-container > * {
68
69
  position: absolute;
69
70
  inset: 0;
70
- padding-left: var(--ard-file-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
71
- padding-right: var(--ard-file-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
72
- padding-top: var(--ard-file-input-padding-top, var(--ard-form-field-padding-top, 0));
73
- padding-bottom: var(--ard-file-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
74
71
  max-width: 100%;
72
+ padding: 0;
75
73
  }
76
74
  .ard-file-input .ard-input-container .ard-placeholder {
77
75
  font: inherit;
@@ -244,6 +242,8 @@
244
242
  .ard-file-input .ard-file-input__value {
245
243
  overflow: hidden;
246
244
  text-overflow: ellipsis;
245
+ display: flex;
246
+ align-items: center;
247
247
  }
248
248
  .ard-file-input .ard-browse-button {
249
249
  cursor: pointer;
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/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACMA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;;;AAGJ;EDjCE,QCmCE;EDlCF;EACA;EACA;EACA;EACA;EACA,KC+BE;ED9BF;EACA;EACA,WC6BE;ED5BF,aC8BE;ED7BF,aC+BE;ED9BF,cCkCE;EDjCF,eC+BE;ED9BF,aC6BE;ED5BF,gBC8BE;ED7BF,OCmCE;EAKF;EACA;EACA;EACA;EACA;;AD1CA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,cCkBF;EDjBE,eCeF;EDdE,aCaF;EDZE,gBCcF;EDbE;;AAEF;EACE;EACA,SCiBF;EDhBE,OCeF;EDdE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QCrBA;EDsBA,WCnBA;EDoBA,aClBA;EDmBA,cCVA;EDWA,eCbA;EDcA,aCfA;EDgBA,gBCdA;;ACxEF;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;;AD9CF;EACE;EACA;;AAGF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EE1GF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFmGI;EACA;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AGzIN;EACE,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EDvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ECgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;ED7CN;EACA;EACA,yBACE;EC4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AHgFN;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;;AAEF;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;;AAIN;EACE;;;AAIE;AAAA;EAEE","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/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACMA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;;;AAGJ;EDjCE,QCmCE;EDlCF;EACA;EACA;EACA;EACA;EACA,KC+BE;ED9BF;EACA;EACA,WC6BE;ED5BF,aC8BE;ED7BF,aC+BE;ED9BF,cCkCE;EDjCF,eC+BE;ED9BF,aC6BE;ED5BF,gBC8BE;ED7BF,OCmCE;EAKF;EACA;EACA;EACA;EACA;;AD1CA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA,SCmBF;EDlBE,OCiBF;EDhBE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QCnBA;EDoBA,WCjBA;EDkBA,aChBA;EDiBA,cCRA;EDSA,eCXA;EDYA,aCbA;EDcA,gBCZA;;ACxEF;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;;AD9CF;EACE;EACA;;AAGF;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EE5GF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFqGI;EACA;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AG3IN;EACE,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EDvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ECgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;ED7CN;EACA;EACA,yBACE;EC4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AHkFN;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;;AAEF;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;;AAIN;EACE;;;AAIE;AAAA;EAEE","file":"file-input.css"}
package/prebuilt-themes/default/inputs/hex-input.css CHANGED
@@ -9,7 +9,6 @@
9
9
  --ard-hex-input-placeholder-opacity: 60%;
10
10
  --ard-hex-input-min-width: 10rem;
11
11
  --ard-hex-input-max-width: 100%;
12
- --ard-hex-input-hash-margin: 0 0 -0.5rem 0;
13
12
  --ard-hex-input-hash-opacity: 70%;
14
13
  }
15
14
 
@@ -40,15 +39,13 @@
40
39
  display: flex;
41
40
  align-items: center;
42
41
  height: 100%;
42
+ position: relative;
43
43
  }
44
44
  .ard-hex-input .ard-input-container > * {
45
45
  position: absolute;
46
46
  inset: 0;
47
- padding-left: var(--ard-hex-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
48
- padding-right: var(--ard-hex-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
49
- padding-top: var(--ard-hex-input-padding-top, var(--ard-form-field-padding-top, 0));
50
- padding-bottom: var(--ard-hex-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
51
47
  max-width: 100%;
48
+ padding: 0;
52
49
  }
53
50
  .ard-hex-input .ard-input-container .ard-placeholder {
54
51
  font: inherit;
@@ -146,11 +143,13 @@
146
143
  font-family: var(--ard-font-family-mono);
147
144
  }
148
145
  .ard-hex-input .ard-hash-container {
149
- margin: var(--ard-hex-input-hash-margin, 0 0 -0.5rem 0);
150
146
  color: var(--ard-hex-input-hash-color, var(--ard-text));
151
147
  opacity: var(--ard-hex-input-hash-opacity, 70%);
152
148
  user-select: none;
153
149
  font-family: var(--ard-font-family-mono);
150
+ display: flex;
151
+ align-items: center;
152
+ height: 100%;
154
153
  }
155
154
 
156
155
  /*# sourceMappingURL=hex-input.css.map */
package/prebuilt-themes/default/inputs/hex-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/hex-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;EACA;EAEA;;;AAGF;EDTE,QCWE;EDVF;EACA;EACA;EACA;EACA;EACA,KCOE;EDNF;EACA;EACA,WCKE;EDJF,aCME;EDLF,aCOE;EDNF,cCUE;EDTF,eCOE;EDNF,aCKE;EDJF,gBCME;EDLF,OCWE;EAIF;EACA;;ADdA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,cCNF;EDOE,eCTF;EDUE,aCXF;EDYE,gBCVF;EDWE;;AAEF;EACE;EACA,SCPF;EDQE,OCTF;EDUE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QC7CA;ED8CA,WC3CA;ED4CA,aC1CA;ED2CA,cClCA;EDmCA,eCrCA;EDsCA,aCvCA;EDwCA,gBCtCA;;AC/CF;EACE,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EEvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA,yBACE;EF4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADLJ;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA","file":"hex-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/hex-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;EAEA;;;AAGF;EDRE,QCUE;EDTF;EACA;EACA;EACA;EACA;EACA,KCME;EDLF;EACA;EACA,WCIE;EDHF,aCKE;EDJF,aCME;EDLF,cCSE;EDRF,eCME;EDLF,aCIE;EDHF,gBCKE;EDJF,OCUE;EAIF;EACA;;ADbA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA,SCNF;EDOE,OCRF;EDSE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QC5CA;ED6CA,WC1CA;ED2CA,aCzCA;ED0CA,cCjCA;EDkCA,eCpCA;EDqCA,aCtCA;EDuCA,gBCrCA;;AC9CF;EACE,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EEvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA,yBACE;EF4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADNJ;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"hex-input.css"}
package/prebuilt-themes/default/inputs/input.css CHANGED
@@ -38,15 +38,13 @@
38
38
  display: flex;
39
39
  align-items: center;
40
40
  height: 100%;
41
+ position: relative;
41
42
  }
42
43
  .ard-input .ard-input-container > * {
43
44
  position: absolute;
44
45
  inset: 0;
45
- padding-left: var(--ard-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
46
- padding-right: var(--ard-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
47
- padding-top: var(--ard-input-padding-top, var(--ard-form-field-padding-top, 0));
48
- padding-bottom: var(--ard-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
49
46
  max-width: 100%;
47
+ padding: 0;
50
48
  }
51
49
  .ard-input .ard-input-container .ard-placeholder {
52
50
  font: inherit;
package/prebuilt-themes/default/inputs/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/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;ACKA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;;;AAGF;EDNE,QCQE;EDPF;EACA;EACA;EACA;EACA;EACA,KCIE;EDHF;EACA;EACA,WCEE;EDDF,aCGE;EDFF,aCIE;EDHF,cCOE;EDNF,eCIE;EDHF,aCEE;EDDF,gBCGE;EDFF,OCQE;EAIF;EACA;;ADXA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,cCTF;EDUE,eCZF;EDaE,aCdF;EDeE,gBCbF;EDcE;;AAEF;EACE;EACA,SCVF;EDWE,OCZF;EDaE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QChDA;EDiDA,WC9CA;ED+CA,aC7CA;ED8CA,cCrCA;EDsCA,eCxCA;EDyCA,aC1CA;ED2CA,gBCzCA;;AC5CF;EACE,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EEvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA,yBACE;EF4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE","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;ACKA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;;;AAGF;EDNE,QCQE;EDPF;EACA;EACA;EACA;EACA;EACA,KCIE;EDHF;EACA;EACA,WCEE;EDDF,aCGE;EDFF,aCIE;EDHF,cCOE;EDNF,eCIE;EDHF,aCEE;EDDF,gBCGE;EDFF,OCQE;EAIF;EACA;;ADXA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA,SCRF;EDSE,OCVF;EDWE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QC9CA;ED+CA,WC5CA;ED6CA,aC3CA;ED4CA,cCnCA;EDoCA,eCtCA;EDuCA,aCxCA;EDyCA,gBCvCA;;AC5CF;EACE,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EEvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA,yBACE;EF4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE","file":"input.css"}
package/prebuilt-themes/default/inputs/number-input.css CHANGED
@@ -7,6 +7,7 @@
7
7
  --ard-number-input-line-height-compact: 1;
8
8
  --ard-number-input-font-weight: 400;
9
9
  --ard-number-input-placeholder-opacity: 60%;
10
+ --ard-number-input-disabled-opacity: 50%;
10
11
  --ard-number-input-rounded-border-radius: 8px;
11
12
  }
12
13
 
@@ -41,15 +42,13 @@ ard-number-input {
41
42
  display: flex;
42
43
  align-items: center;
43
44
  height: 100%;
45
+ position: relative;
44
46
  }
45
47
  .ard-number-input .ard-input-container > * {
46
48
  position: absolute;
47
49
  inset: 0;
48
- padding-left: var(--ard-number-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
49
- padding-right: var(--ard-number-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
50
- padding-top: var(--ard-number-input-padding-top, var(--ard-form-field-padding-top, 0));
51
- padding-bottom: var(--ard-number-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
52
50
  max-width: 100%;
51
+ padding: 0;
53
52
  }
54
53
  .ard-number-input .ard-input-container .ard-placeholder {
55
54
  font: inherit;
@@ -108,16 +107,38 @@ ard-number-input {
108
107
  --ard-appearance-background: transparent;
109
108
  --ard-appearance-border: none;
110
109
  }
111
- .ard-number-input .ard-input-container {
110
+ .ard-number-input .ard-number-input-wrapper {
111
+ flex-grow: 1;
112
+ text-size-adjust: 100%;
113
+ display: flex;
114
+ align-items: center;
112
115
  height: 100%;
113
- max-width: 100%;
114
- padding: var(--ard-number-input-padding, var(--ard-form-field-padding, 0 0.375rem));
115
116
  }
116
- .ard-number-input .ard-input-container > input {
117
- width: 100%;
117
+ .ard-number-input .ard-input-container {
118
+ position: relative;
119
+ padding-left: var(--ard-number-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
120
+ padding-right: var(--ard-number-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
121
+ padding-top: var(--ard-number-input-padding-top, var(--ard-form-field-padding-top, 0));
122
+ padding-bottom: var(--ard-number-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
118
123
  }
119
- .ard-number-input .ard-placeholder {
120
- padding: var(--ard-number-input-padding, var(--ard-form-field-padding, 0 0.375rem));
124
+ .ard-number-input .ard-input-container input {
125
+ padding-left: var(--ard-number-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
126
+ padding-right: var(--ard-number-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
127
+ padding-top: var(--ard-number-input-padding-top, var(--ard-form-field-padding-top, 0));
128
+ padding-bottom: var(--ard-number-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
129
+ }
130
+ .ard-number-input .ard-number-input-prefix-container,
131
+ .ard-number-input .ard-number-input-suffix-container {
132
+ height: max-content;
133
+ max-height: 100%;
134
+ display: flex;
135
+ align-items: center;
136
+ }
137
+ .ard-number-input .ard-number-input-prefix-container {
138
+ padding-left: var(--ard-number-input-padding-left, 0.375rem);
139
+ }
140
+ .ard-number-input .ard-number-input-suffix-container {
141
+ padding-right: var(--ard-number-input-padding-right, 0.375rem);
121
142
  }
122
143
  .ard-number-input .ard-quick-change-button {
123
144
  position: relative;
@@ -152,7 +173,7 @@ ard-number-input {
152
173
  .ard-number-input.ard-variant-rounded {
153
174
  border-radius: var(--ard-number-input-rounded-border-radius, 8px);
154
175
  }
155
- .ard-number-input.ard-variant-rounded.ard-quick-change-false .ard-input-container {
176
+ .ard-number-input.ard-variant-rounded.ard-quick-change-false .ard-number-input-wrapper {
156
177
  border-radius: var(--ard-number-input-rounded-border-radius, 8px);
157
178
  }
158
179
  .ard-number-input.ard-variant-sharp {
@@ -167,10 +188,10 @@ ard-number-input {
167
188
  height: var(--ard-number-input-height, var(--ard-form-field-height, 2.3125rem));
168
189
  margin: 0 2px;
169
190
  }
170
- .ard-number-input.ard-variant-pill.ard-quick-change-false .ard-input-container {
191
+ .ard-number-input.ard-variant-pill.ard-quick-change-false .ard-number-input-wrapper {
171
192
  border-radius: 9999px;
172
193
  }
173
- .ard-number-input.ard-variant-rounded:not(.ard-appearance-filled) .ard-input-container, .ard-number-input.ard-variant-sharp:not(.ard-appearance-filled) .ard-input-container {
194
+ .ard-number-input.ard-variant-rounded:not(.ard-appearance-filled) .ard-number-input-wrapper, .ard-number-input.ard-variant-sharp:not(.ard-appearance-filled) .ard-number-input-wrapper {
174
195
  box-sizing: border-box;
175
196
  background: var(--ard-appearance-background);
176
197
  border: var(--ard-appearance-border);
@@ -183,11 +204,11 @@ ard-number-input {
183
204
  background: var(--ard-appearance-background);
184
205
  border: var(--ard-appearance-border);
185
206
  }
186
- .ard-number-input.ard-compact .ard-input-container {
187
- padding: var(--ard-number-input-padding-compact, var(--ard-form-field-padding-compact, 0 0.375rem));
188
- }
189
- .ard-number-input.ard-compact .ard-placeholder {
190
- padding: var(--ard-number-input-padding-compact, var(--ard-form-field-padding-compact, 0 0.375rem));
207
+ .ard-number-input.ard-compact .ard-number-input-wrapper {
208
+ padding-left: var(--ard-number-input-padding-left-compact, var(--ard-form-field-padding-left-compact, 0.375rem));
209
+ padding-right: var(--ard-number-input-padding-right-compact, var(--ard-form-field-padding-right-compact, 0.375rem));
210
+ padding-top: var(--ard-number-input-padding-top-compact, var(--ard-form-field-padding-top-compact, 0));
211
+ padding-bottom: var(--ard-number-input-padding-bottom-compact, var(--ard-form-field-padding-bottom-compact, 0));
191
212
  }
192
213
  .ard-number-input.ard-compact .ard-quick-change-button {
193
214
  min-width: var(--ard-number-input-height-compact, var(--ard-form-field-height-compact, 1.6875rem));
@@ -195,7 +216,7 @@ ard-number-input {
195
216
 
196
217
  .ard-disabled > .ard-number-input {
197
218
  pointer-events: none;
198
- opacity: 50%;
219
+ opacity: var(--ard-number-input-disabled-opacity, 50%);
199
220
  background: var(--ard-bg-filled);
200
221
  }
201
222
  .ard-disabled > .ard-number-input .ard-button .ard-focus-overlay {
package/prebuilt-themes/default/inputs/number-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/number-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACIA;EAGE;EAGA;EACA;EACA;EAWA;EAGA;;;AAGF;EACE;;;AAGF;EDTE,QCWE;EDVF;EACA;EACA;EACA;EACA;EACA,KCOE;EDNF;EACA;EACA,WCKE;EDJF,aCME;EDLF,aCOE;EDNF,cCUE;EDTF,eCOE;EDNF,aCKE;EDJF,gBCME;EDLF,OCWE;EAKF;EACA;;ADfA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,cCNF;EDOE,eCTF;EDUE,aCXF;EDYE,gBCVF;EDWE;;AAEF;EACE;EACA,SCPF;EDQE,OCTF;EDUE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QC7CA;ED8CA,WC3CA;ED4CA,aC1CA;ED2CA,cClCA;EDmCA,eCrCA;EDsCA,aCvCA;EDwCA,gBCtCA;;ACTF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;ADVF;EACE;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;;AAGF;EACE;EACA;;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;;AAKA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAMJ;EACE;EACA;EAMA,YE/KG;;AF2KH;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;ACIA;EAGE;EAGA;EACA;EACA;EAWA;EACA;EAEA;;;AAGF;EACE;;;AAGF;EDTE,QCWE;EDVF;EACA;EACA;EACA;EACA;EACA,KCOE;EDNF;EACA;EACA,WCKE;EDJF,aCME;EDLF,aCOE;EDNF,cCUE;EDTF,eCOE;EDNF,aCKE;EDJF,gBCME;EDLF,OCWE;EAKF;EACA;;ADfA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA,SCLF;EDME,OCPF;EDQE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QC3CA;ED4CA,WCzCA;ED0CA,aCxCA;EDyCA,cChCA;EDiCA,eCnCA;EDoCA,aCrCA;EDsCA,gBCpCA;;ACTF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;ADVF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAKJ;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;;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;;AAKA;EACE;EACA;EACA;EACA;;AAEF;EACE;;;AAMJ;EACE;EACA;EAMA,YExMG;;AFoMH;EACE","file":"number-input.css"}
package/prebuilt-themes/default/inputs/password-input.css CHANGED
@@ -51,15 +51,13 @@
51
51
  display: flex;
52
52
  align-items: center;
53
53
  height: 100%;
54
+ position: relative;
54
55
  }
55
56
  .ard-password-input .ard-input-container > * {
56
57
  position: absolute;
57
58
  inset: 0;
58
- padding-left: var(--ard-password-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
59
- padding-right: var(--ard-password-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
60
- padding-top: var(--ard-password-input-padding-top, var(--ard-form-field-padding-top, 0));
61
- padding-bottom: var(--ard-password-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
62
59
  max-width: 100%;
60
+ padding: 0;
63
61
  }
64
62
  .ard-password-input .ard-input-container .ard-placeholder {
65
63
  font: inherit;
package/prebuilt-themes/default/inputs/password-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/password-input.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EDpBE,QCsBE;EDrBF;EACA;EACA;EACA;EACA;EACA,KCkBE;EDjBF;EACA;EACA,WCgBE;EDfF,aCiBE;EDhBF,aCkBE;EDjBF,cCqBE;EDpBF,eCkBE;EDjBF,aCgBE;EDfF,gBCiBE;EDhBF,OCsBE;EAIF;EACA;;ADzBA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,cCKF;EDJE,eCEF;EDDE;EACA,gBCCF;EDAE;;AAEF;EACE;EACA,SCIF;EDHE,OCEF;EDDE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QClCA;EDmCA,WChCA;EDiCA,aC/BA;EDgCA,cCvBA;EDwBA,eC1BA;ED2BA,aC5BA;ED6BA,gBC3BA;;AASF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAMJ;EACE;EACA","file":"password-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/password-input.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKA;EAGE;EAGA;EACA;EACA;EAWA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EDpBE,QCsBE;EDrBF;EACA;EACA;EACA;EACA;EACA,KCkBE;EDjBF;EACA;EACA,WCgBE;EDfF,aCiBE;EDhBF,aCkBE;EDjBF,cCqBE;EDpBF,eCkBE;EDjBF,aCgBE;EDfF,gBCiBE;EDhBF,OCsBE;EAIF;EACA;;ADzBA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA,SCMF;EDLE,OCIF;EDHE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE,QChCA;EDiCA,WC9BA;ED+BA,aC7BA;ED8BA,cCrBA;EDsBA,eCxBA;EDyBA,aC1BA;ED2BA,gBCzBA;;AASF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAMJ;EACE;EACA","file":"password-input.css"}
package/themes/default/inputs/_shared.scss CHANGED
@@ -48,15 +48,13 @@
48
48
  display: flex;
49
49
  align-items: center;
50
50
  height: 100%;
51
+ position: relative;
51
52
 
52
53
  > * {
53
54
  position: absolute;
54
55
  inset: 0;
55
- padding-left: $padding-left;
56
- padding-right: $padding-right;
57
- padding-top: $padding-top;
58
- padding-bottom: $padding-bottom;
59
56
  max-width: 100%;
57
+ padding: 0;
60
58
  }
61
59
  .ard-placeholder {
62
60
  font: inherit;
package/themes/default/inputs/date-input.scss CHANGED
@@ -56,14 +56,16 @@ ard-multipage-date-range-input .ard-multipage-date-range-input {
56
56
  grid-template-columns: 1fr max-content;
57
57
 
58
58
  .ard-date-input__value-container {
59
- position: unset;
59
+ position: relative;
60
60
  }
61
61
  .ard-date-input__placeholder {
62
62
  position: absolute;
63
+ padding: 0;
63
64
  }
64
65
  .ard-date-input__input-container {
65
66
  position: absolute;
66
67
  inset: 0;
68
+ padding: 0;
67
69
 
68
70
  &.ard-date-input__input-container-hidden {
69
71
  position: absolute;
@@ -78,6 +80,11 @@ ard-multipage-date-range-input .ard-multipage-date-range-input {
78
80
  padding: var(--ard-date-input-input-padding, 0 2.625rem 0 0.375rem);
79
81
  }
80
82
  }
83
+ .ard-date-input__value {
84
+ display: flex;
85
+ align-items: center;
86
+ padding: 0;
87
+ }
81
88
  }
82
89
 
83
90
  ard-days-view {
package/themes/default/inputs/file-input.scss CHANGED
@@ -99,6 +99,8 @@
99
99
  .ard-file-input__value {
100
100
  overflow: hidden;
101
101
  text-overflow: ellipsis;
102
+ display: flex;
103
+ align-items: center;
102
104
  }
103
105
  .ard-browse-button {
104
106
  cursor: pointer;
package/themes/default/inputs/hex-input.scss CHANGED
@@ -28,7 +28,6 @@
28
28
 
29
29
  --ard-hex-input-min-width: 10rem;
30
30
  --ard-hex-input-max-width: 100%;
31
- --ard-hex-input-hash-margin: 0 0 -0.5rem 0;
32
31
  // --ard-hex-input-hash-color: ;
33
32
  --ard-hex-input-hash-opacity: 70%;
34
33
  }
@@ -67,10 +66,12 @@
67
66
  }
68
67
 
69
68
  .ard-hash-container {
70
- margin: var(--ard-hex-input-hash-margin, 0 0 -0.5rem 0);
71
69
  color: var(--ard-hex-input-hash-color, #{ARD.$text});
72
70
  opacity: var(--ard-hex-input-hash-opacity, 70%);
73
71
  user-select: none;
74
72
  font-family: var(--ard-font-family-mono);
73
+ display: flex;
74
+ align-items: center;
75
+ height: 100%;
75
76
  }
76
77
  }