@ardium-ui/ui 5.0.0-alpha.97 → 5.0.0-alpha.99

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 (26) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +185 -41
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/buttons/button/button.component.d.ts +8 -2
  4. package/lib/buttons/button/button.defaults.d.ts +1 -0
  5. package/lib/buttons/button/button.directive.d.ts +7 -1
  6. package/lib/buttons/button-group/button-group.component.d.ts +25 -0
  7. package/lib/buttons/button-group/button-group.defaults.d.ts +7 -0
  8. package/lib/buttons/button-group/button-group.module.d.ts +8 -0
  9. package/lib/buttons/button-group/index.d.ts +3 -0
  10. package/lib/grid/grid.component.d.ts +10 -2
  11. package/package.json +2 -2
  12. package/prebuilt-themes/default/buttons/button-group.css +19 -0
  13. package/prebuilt-themes/default/buttons/button-group.css.map +1 -0
  14. package/prebuilt-themes/default/buttons/button.css +7 -1
  15. package/prebuilt-themes/default/buttons/button.css.map +1 -1
  16. package/prebuilt-themes/default/buttons/fab.css +1 -0
  17. package/prebuilt-themes/default/buttons/fab.css.map +1 -1
  18. package/prebuilt-themes/default/buttons/icon-button.css +1 -0
  19. package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
  20. package/prebuilt-themes/default/inputs/number-input.css +10 -10
  21. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  22. package/public-api.d.ts +1 -0
  23. package/themes/default/buttons/_button-mixins.scss +1 -0
  24. package/themes/default/buttons/button-group.scss +19 -0
  25. package/themes/default/buttons/button.scss +6 -1
  26. package/themes/default/inputs/number-input.scss +13 -15
package/lib/buttons/button/button.component.d.ts CHANGED
@@ -1,16 +1,22 @@
1
+ import { OnChanges, SimpleChanges } from '@angular/core';
1
2
  import { BooleanLike } from '@ardium-ui/devkit';
2
3
  import { _ButtonBase } from '../_button-base';
3
4
  import { ButtonVariant } from '../general-button.types';
4
5
  import { ArdButtonDefaults } from './button.defaults';
5
6
  import * as i0 from "@angular/core";
6
- export declare class ArdiumButtonComponent extends _ButtonBase {
7
+ export declare class ArdiumButtonComponent extends _ButtonBase implements OnChanges {
7
8
  protected readonly _DEFAULTS: ArdButtonDefaults;
8
9
  constructor(defaults: ArdButtonDefaults);
9
10
  readonly focusEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
10
11
  readonly blurEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
11
12
  readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
12
13
  readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
14
+ readonly square: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
15
+ readonly inheritedCompact: import("@angular/core").WritableSignal<boolean | null>;
16
+ readonly wasCompactChanged: import("@angular/core").WritableSignal<boolean>;
17
+ readonly compactOrInherited: import("@angular/core").Signal<boolean>;
18
+ ngOnChanges(changes: SimpleChanges): void;
13
19
  readonly ngClasses: import("@angular/core").Signal<string>;
14
20
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonComponent, never>;
15
- static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumButtonComponent, "ard-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; }, never, ["*"], false, never>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumButtonComponent, "ard-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "square": { "alias": "square"; "required": false; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; }, never, ["*"], false, never>;
16
22
  }
package/lib/buttons/button/button.defaults.d.ts CHANGED
@@ -4,6 +4,7 @@ import { ButtonVariant } from '../general-button.types';
4
4
  export interface ArdButtonDefaults extends _ButtonBaseDefaults {
5
5
  variant: ButtonVariant;
6
6
  vertical: boolean;
7
+ square: boolean;
7
8
  }
8
9
  export declare const ARD_BUTTON_DEFAULTS: InjectionToken<ArdButtonDefaults>;
9
10
  export declare function provideButtonDefaults(config: Partial<ArdButtonDefaults>): Provider;
package/lib/buttons/button/button.directive.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { SimpleChanges } from '@angular/core';
1
2
  import { BooleanLike } from '@ardium-ui/devkit';
2
3
  import { _ButtonBase } from '../_button-base';
3
4
  import { ButtonVariant } from '../general-button.types';
@@ -11,7 +12,12 @@ export declare class ArdiumButtonDirective extends _ButtonBase {
11
12
  handleClick(event: Event): void;
12
13
  readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
13
14
  readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
15
+ readonly square: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
14
16
  readonly ngClasses: import("@angular/core").Signal<string>;
17
+ readonly inheritedCompact: import("@angular/core").WritableSignal<boolean | null>;
18
+ readonly wasCompactChanged: import("@angular/core").WritableSignal<boolean>;
19
+ readonly compactOrInherited: import("@angular/core").Signal<boolean>;
20
+ ngOnChanges(changes: SimpleChanges): void;
15
21
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonDirective, never>;
16
- static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumButtonDirective, "button[ard-button], a[ard-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
22
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumButtonDirective, "button[ard-button], a[ard-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "square": { "alias": "square"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
17
23
  }
package/lib/buttons/button-group/button-group.component.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import { AfterContentInit, SimpleChanges } from '@angular/core';
2
+ import { BooleanLike } from '@ardium-ui/devkit';
3
+ import { ArdiumButtonComponent, ArdiumButtonDirective } from '../button';
4
+ import * as i0 from "@angular/core";
5
+ export declare class ArdiumButtonGroupComponent implements AfterContentInit {
6
+ private readonly _DEFAULTS;
7
+ readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
8
+ readonly inheritedVertical: import("@angular/core").WritableSignal<boolean | null>;
9
+ readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
10
+ readonly inheritedCompact: import("@angular/core").WritableSignal<boolean | null>;
11
+ readonly wasVerticalChanged: import("@angular/core").WritableSignal<boolean>;
12
+ readonly wasCompactChanged: import("@angular/core").WritableSignal<boolean>;
13
+ readonly verticalOrInherited: import("@angular/core").Signal<boolean>;
14
+ readonly compactOrInherited: import("@angular/core").Signal<boolean>;
15
+ ngOnChanges(changes: SimpleChanges): void;
16
+ readonly groupChildren: import("@angular/core").Signal<readonly ArdiumButtonGroupComponent[]>;
17
+ readonly buttonChildren: import("@angular/core").Signal<readonly ArdiumButtonComponent[]>;
18
+ readonly buttonDirChildren: import("@angular/core").Signal<readonly ArdiumButtonDirective[]>;
19
+ constructor();
20
+ private _wasContentInitialized;
21
+ ngAfterContentInit(): void;
22
+ private _updateChildrenStyles;
23
+ static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonGroupComponent, never>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumButtonGroupComponent, "ard-button-group", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, ["groupChildren", "buttonChildren", "buttonDirChildren"], ["*"], false, never>;
25
+ }
package/lib/buttons/button-group/button-group.defaults.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { InjectionToken, Provider } from '@angular/core';
2
+ export interface ArdButtonGroupDefaults {
3
+ vertical: boolean;
4
+ compact: boolean;
5
+ }
6
+ export declare const ARD_BUTTON_GROUP_DEFAULTS: InjectionToken<ArdButtonGroupDefaults>;
7
+ export declare function provideButtonGroupDefaults(config: Partial<ArdButtonGroupDefaults>): Provider;
package/lib/buttons/button-group/button-group.module.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./button-group.component";
3
+ import * as i2 from "@angular/common";
4
+ export declare class ArdiumButtonGroupModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonGroupModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumButtonGroupModule, [typeof i1.ArdiumButtonGroupComponent], [typeof i2.CommonModule], [typeof i1.ArdiumButtonGroupComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumButtonGroupModule>;
8
+ }
package/lib/buttons/button-group/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from './button-group.component';
2
+ export * from './button-group.defaults';
3
+ export * from './button-group.module';
package/lib/grid/grid.component.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- import { AfterContentInit } from '@angular/core';
1
+ import { AfterContentInit, OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { BooleanLike } from '@ardium-ui/devkit';
3
3
  import { ArdBreakpointsConfig } from '../breakpoints/breakpoints';
4
4
  import { ArdGridAlign, ArdGridJustify, ArdGridSize, ArdGridWrap } from './grid.types';
5
5
  import * as i0 from "@angular/core";
6
- export declare class ArdiumGridComponent implements AfterContentInit {
6
+ export declare class ArdiumGridComponent implements AfterContentInit, OnChanges {
7
7
  protected readonly _DEFAULTS: import("./grid.defaults").ArdGridDefaults;
8
8
  private readonly _breakpointService;
9
9
  constructor();
@@ -26,6 +26,13 @@ export declare class ArdiumGridComponent implements AfterContentInit {
26
26
  readonly inheritedColumnSpacing: import("@angular/core").WritableSignal<ArdBreakpointsConfig<string | number> | null>;
27
27
  readonly inheritedRowSpacing: import("@angular/core").WritableSignal<ArdBreakpointsConfig<string | number> | null>;
28
28
  readonly inheritedWrap: import("@angular/core").WritableSignal<ArdBreakpointsConfig<ArdGridWrap> | null>;
29
+ readonly wasColumnsChanged: import("@angular/core").WritableSignal<boolean>;
30
+ readonly wasReverseChanged: import("@angular/core").WritableSignal<boolean>;
31
+ readonly wasJustifyContentChanged: import("@angular/core").WritableSignal<boolean>;
32
+ readonly wasAlignItemsChanged: import("@angular/core").WritableSignal<boolean>;
33
+ readonly wasColumnSpacingChanged: import("@angular/core").WritableSignal<boolean>;
34
+ readonly wasRowSpacingChanged: import("@angular/core").WritableSignal<boolean>;
35
+ readonly wasWrapChanged: import("@angular/core").WritableSignal<boolean>;
29
36
  readonly columnsOrInherited: import("@angular/core").Signal<ArdBreakpointsConfig<number>>;
30
37
  readonly reverseOrInherited: import("@angular/core").Signal<ArdBreakpointsConfig<boolean>>;
31
38
  readonly justifyContentOrInherited: import("@angular/core").Signal<ArdBreakpointsConfig<ArdGridJustify>>;
@@ -45,6 +52,7 @@ export declare class ArdiumGridComponent implements AfterContentInit {
45
52
  readonly currentWrap: import("@angular/core").Signal<ArdGridWrap | undefined>;
46
53
  readonly currentStyle: import("@angular/core").Signal<string>;
47
54
  readonly children: import("@angular/core").Signal<readonly ArdiumGridComponent[]>;
55
+ ngOnChanges(changes: SimpleChanges): void;
48
56
  private _updateChildrenStyles;
49
57
  static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumGridComponent, never>;
50
58
  static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumGridComponent, "ard-grid", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "columnSpacing": { "alias": "columnSpacing"; "required": false; "isSignal": true; }; "rowSpacing": { "alias": "rowSpacing"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, ["children"], ["*"], false, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "5.0.0-alpha.97",
3
+ "version": "5.0.0-alpha.99",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
@@ -13,7 +13,7 @@
13
13
  "more-rounding": "^4.2.2",
14
14
  "resolve-object-path": "^2.0.0",
15
15
  "lodash": "^4.17.23",
16
- "@ardium-ui/devkit": "8.0.2-alpha.2",
16
+ "@ardium-ui/devkit": "8.1.0",
17
17
  "simple-bool": "^3.0.1",
18
18
  "take-chance": "^4.3.2",
19
19
  "color": "^4.2.3"
package/prebuilt-themes/default/buttons/button-group.css ADDED
@@ -0,0 +1,19 @@
1
+ @layer ard-ui {
2
+ :root {
3
+ --ard-button-group-gap: 0.5rem;
4
+ }
5
+ ard-button-group {
6
+ display: flex;
7
+ align-items: center;
8
+ }
9
+ ard-button-group:has(> ard-button-group) {
10
+ gap: var(--ard-button-group-gap, 0.5rem);
11
+ flex-wrap: wrap;
12
+ width: 100%;
13
+ }
14
+ ard-button-group > .ard-divider.ard-divider {
15
+ margin: 0;
16
+ }
17
+ }
18
+
19
+ /*# sourceMappingURL=button-group.css.map */
package/prebuilt-themes/default/buttons/button-group.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/button-group.scss"],"names":[],"mappings":"AAAA;EACE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE","file":"button-group.css"}
package/prebuilt-themes/default/buttons/button.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --ard-button-font-size-compact: 0.75rem;
13
13
  --ard-button-font-weight: 500;
14
14
  --ard-button-overlay-hover-opacity: 0.04;
15
- --ard-button-overlay-focus-opacity: 0.12;
15
+ --ard-button-overlay-focus-opacity: 0;
16
16
  --ard-button-overlay-active-opacity: 0.18;
17
17
  --ard-button-overlay-focus-visible-opacity: 0.24;
18
18
  --ard-button-overlay-disabled-opacity: 0.2;
@@ -37,6 +37,7 @@
37
37
  position: relative;
38
38
  cursor: pointer;
39
39
  outline: none;
40
+ box-sizing: border-box;
40
41
  background: transparent;
41
42
  gap: var(--ard-button-gap, 0.375rem);
42
43
  font-size: var(--ard-button-font-size, 0.875rem);
@@ -294,6 +295,11 @@
294
295
  .ard-button.ard-variant-sharp {
295
296
  border-radius: 0;
296
297
  }
298
+ .ard-button.ard-button-square {
299
+ width: var(--ard-button-height, 2.5em);
300
+ padding: 0;
301
+ aspect-ratio: 1/1;
302
+ }
297
303
  .ard-button.ard-compact {
298
304
  font-size: var(--ard-button-font-size-compact, 0.75rem);
299
305
  height: var(--ard-button-height-compact, 2.25em);
package/prebuilt-themes/default/buttons/button.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/button.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EAGE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;ICnBA;IACA,QDoBI;ICnBJ,SDoBI;ICnBJ;IACA,aDoBI;ICnBJ,WDkBI;ICjBJ;IACA;IACA;IACA;IACA;IDoBE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EEtDF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDjHF;IACE;IEhBF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IFSE;;EAGA;IACE,SDKA;;ECDF;IACE,SDCA;;ECIF;IACE,SDJA;;ECQF;IACE,SDRA;;ECYJ;IAEE;IACA;IACA;;EAEA;IACE;;EAGJ;IAEE,YGnEC;IHoED;IACA,YGnCY;;EHqCZ;IAEE,YGtCW;;EHwCb;IACE,YGxCW;;EH2Cf;IACE,YGhFC;IHiFD;IACA;;EAEA;IACE;;EAGJ;IACE,YGzFC;IH0FD;IACA;IAMA;;EAJA;IACE;;EAIF;IAEE;IACA;;EAGJ;IAEE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAIJ;IACE;;EAEA;IACE;;ED9DF;IACE;;EAEF;IACE;;EAIF;IACE;IACA;IACA;IACA;;EAEF;IAEE;;EAEF;IACE;;EAEF;IACE;;EAIF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAIJ;IC+BF;IACA,SD/BoC;ICgCpC;;EAEA;IACE,SDnC2E;ICoC3E;;EAKA;AAAA;IAEE,SD3CgC;;EC6ClC;IACE;;ED5CA;IACE;IACA","file":"button.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/button.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EAGE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;ICnBA;IACA,QDoBI;ICnBJ,SDoBI;ICnBJ;IACA,aDoBI;ICnBJ,WDkBI;ICjBJ;IACA;IACA;IACA;IACA;IACA;IDmBE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EEtDF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDhHF;IACE;IEjBF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IFUE;;EAGA;IACE,SDIA;;ECAF;IACE;;EAKF;IACE,SDLA;;ECSF;IACE,SDTA;;ECaJ;IAEE;IACA;IACA;;EAEA;IACE;;EAGJ;IAEE,YGpEC;IHqED;IACA,YGpCY;;EHsCZ;IAEE,YGvCW;;EHyCb;IACE,YGzCW;;EH4Cf;IACE,YGjFC;IHkFD;IACA;;EAEA;IACE;;EAGJ;IACE,YG1FC;IH2FD;IACA;IAMA;;EAJA;IACE;;EAIF;IAEE;IACA;;EAGJ;IAEE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAIJ;IACE;;EAEA;IACE;;ED/DF;IACE;;EAEF;IACE;;EAIF;IACE;IACA;IACA;IACA;;EAEF;IAEE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAIF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAIJ;IC2BF;IACA,SD3BoC;IC4BpC;;EAEA;IACE,SD/B2E;ICgC3E;;EAKA;AAAA;IAEE,SDvCgC;;ECyClC;IACE;;EDxCA;IACE;IACA","file":"button.css"}
package/prebuilt-themes/default/buttons/fab.css CHANGED
@@ -26,6 +26,7 @@
26
26
  position: relative;
27
27
  cursor: pointer;
28
28
  outline: none;
29
+ box-sizing: border-box;
29
30
  height: var(--ard-_fab-size);
30
31
  width: var(--ard-_fab-size);
31
32
  max-height: var(--ard-_fab-size);
package/prebuilt-themes/default/buttons/fab.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/fab.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EAGE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAUF;IACE;IACA;IACA;IACA;;EAGF;ICfA;IACA,QDgBI;ICfJ,SDgBI;ICfJ;IACA,aDgBI;ICfJ,WDcI;ICbJ;IACA;IACA;IACA;IACA;IDgBE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EElDF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDjHF;IACE;IEhBF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IFSE;;EAGA;IACE,SDCA;;ECGF;IACE,SDHA;;ECQF;IACE,SDRA;;ECYF;IACE,SDZA;;ECgBJ;IAEE;IACA;IACA;;EAEA;IACE;;EAGJ;IAEE,YGnEC;IHoED;IACA,YGnCY;;EHqCZ;IAEE,YGtCW;;EHwCb;IACE,YGxCW;;EH2Cf;IACE,YGhFC;IHiFD;IACA;;EAEA;IACE;;EAGJ;IACE,YGzFC;IH0FD;IACA;IAMA;;EAJA;IACE;;EAIF;IAEE;IACA;;EAGJ;IAEE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAIJ;IACE;;EAEA;IACE;;EDnEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEF;IGjDF;;EACA;IACE;IAEA,YACE;;EAOF;IACE;;EH0CF;ICiDF;IACA,SDhDM;ICiDN;;EAEA;IACE,SDnDI;ICoDJ;;EAKA;AAAA;IAEE,SD5DE;;EC8DJ;IACE;;ED3DF;IACE;;EAEA;IACE;IACA;;;AAMR;EACE;IACE;;EAEF;IACE;;EAEF;IACE","file":"fab.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/fab.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EAGE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAUF;IACE;IACA;IACA;IACA;;EAGF;ICfA;IACA,QDgBI;ICfJ,SDgBI;ICfJ;IACA,aDgBI;ICfJ,WDcI;ICbJ;IACA;IACA;IACA;IACA;IACA;IDeE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EElDF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDhHF;IACE;IEjBF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IFUE;;EAGA;IACE;;EAIF;IACE,SDJA;;ECSF;IACE,SDTA;;ECaF;IACE,SDbA;;ECiBJ;IAEE;IACA;IACA;;EAEA;IACE;;EAGJ;IAEE,YGpEC;IHqED;IACA,YGpCY;;EHsCZ;IAEE,YGvCW;;EHyCb;IACE,YGzCW;;EH4Cf;IACE,YGjFC;IHkFD;IACA;;EAEA;IACE;;EAGJ;IACE,YG1FC;IH2FD;IACA;IAMA;;EAJA;IACE;;EAIF;IAEE;IACA;;EAGJ;IAEE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAIJ;IACE;;EAEA;IACE;;EDpEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEF;IGjDF;;EACA;IACE;IAEA,YACE;;EAOF;IACE;;EH0CF;ICkDF;IACA,SDjDM;ICkDN;;EAEA;IACE,SDpDI;ICqDJ;;EAKA;AAAA;IAEE,SD7DE;;EC+DJ;IACE;;ED5DF;IACE;;EAEA;IACE;IACA;;;AAMR;EACE;IACE;;EAEF;IACE;;EAEF;IACE","file":"fab.css"}
package/prebuilt-themes/default/buttons/icon-button.css CHANGED
@@ -29,6 +29,7 @@
29
29
  position: relative;
30
30
  cursor: pointer;
31
31
  outline: none;
32
+ box-sizing: border-box;
32
33
  background: transparent;
33
34
  height: var(--ard-icon-button-size, 2.1875em);
34
35
  aspect-ratio: 1;
package/prebuilt-themes/default/buttons/icon-button.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/icon-button.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EAGE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAUF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;ICjBA;IACA,QDkBI;ICjBJ,SDkBI;ICjBJ;IACA,aDkBI;ICjBJ,WDgBI;ICfJ;IACA;IACA;IACA;IACA;IDkBE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EEhDF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDjHF;IACE;IEhBF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IFSE;;EAGA;IACE,SDGA;;ECCF;IACE,SDDA;;ECMF;IACE,SDNA;;ECUF;IACE,SDVA;;ECcJ;IAEE;IACA;IACA;;EAEA;IACE;;EAGJ;IAEE,YGnEC;IHoED;IACA,YGnCY;;EHqCZ;IAEE,YGtCW;;EHwCb;IACE,YGxCW;;EH2Cf;IACE,YGhFC;IHiFD;IACA;;EAEA;IACE;;EAGJ;IACE,YGzFC;IH0FD;IACA;IAMA;;EAJA;IACE;;EAIF;IAEE;IACA;;EAGJ;IAEE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAIJ;IACE;;EAEA;IACE;;EDrEF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;EAKF;IC4DF;IACA,SD3DM;IC4DN;;EAEA;IACE,SD9DI;IC+DJ;;EAKA;AAAA;IAEE,SDvEE;;ECyEJ;IACE;;EDtEA;IACE;;EAGJ;IACE;;EAEA;IACE;IACA","file":"icon-button.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/icon-button.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EAGE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAUF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;ICjBA;IACA,QDkBI;ICjBJ,SDkBI;ICjBJ;IACA,aDkBI;ICjBJ,WDgBI;ICfJ;IACA;IACA;IACA;IACA;IACA;IDiBE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EEhDF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDhHF;IACE;IEjBF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IFUE;;EAGA;IACE,SDEA;;ECEF;IACE,SDFA;;ECOF;IACE,SDPA;;ECWF;IACE,SDXA;;ECeJ;IAEE;IACA;IACA;;EAEA;IACE;;EAGJ;IAEE,YGpEC;IHqED;IACA,YGpCY;;EHsCZ;IAEE,YGvCW;;EHyCb;IACE,YGzCW;;EH4Cf;IACE,YGjFC;IHkFD;IACA;;EAEA;IACE;;EAGJ;IACE,YG1FC;IH2FD;IACA;IAMA;;EAJA;IACE;;EAIF;IAEE;IACA;;EAGJ;IAEE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAIJ;IACE;;EAEA;IACE;;EDtEF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;;EAKF;IC6DF;IACA,SD5DM;IC6DN;;EAEA;IACE,SD/DI;ICgEJ;;EAKA;AAAA;IAEE,SDxEE;;EC0EJ;IACE;;EDvEA;IACE;;EAGJ;IACE;;EAEA;IACE;IACA","file":"icon-button.css"}
package/prebuilt-themes/default/inputs/number-input.css CHANGED
@@ -27,10 +27,10 @@
27
27
  font-size: var(--ard-number-input-font-size, var(--ard-form-field-font-size, 1rem));
28
28
  line-height: var(--ard-number-input-line-height, 1.25);
29
29
  font-weight: var(--ard-number-input-font-weight, 400);
30
- padding-left: var(--ard-number-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
31
- padding-right: var(--ard-number-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
32
- padding-top: var(--ard-number-input-padding-top, var(--ard-form-field-padding-top, 0));
33
- padding-bottom: var(--ard-number-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
30
+ padding-left: 0;
31
+ padding-right: 0;
32
+ padding-top: 0;
33
+ padding-bottom: 0;
34
34
  color: var(--ard-number-input-color, var(--ard-text));
35
35
  gap: 0;
36
36
  width: 100%;
@@ -72,10 +72,10 @@
72
72
  height: var(--ard-number-input-height-compact, var(--ard-form-field-height-compact, 1.6875rem));
73
73
  font-size: var(--ard-number-input-font-size-compact, var(--ard-form-field-font-size-compact, 0.875rem));
74
74
  line-height: var(--ard-number-input-line-height-compact, 1);
75
- padding-left: var(--ard-number-input-padding-left-compact, var(--ard-form-field-padding-left-compact, 0.375rem));
76
- padding-right: var(--ard-number-input-padding-right-compact, var(--ard-form-field-padding-right-compact, 0.375rem));
77
- padding-top: var(--ard-number-input-padding-top-compact, var(--ard-form-field-padding-top-compact, 0));
78
- padding-bottom: var(--ard-number-input-padding-bottom-compact, var(--ard-form-field-padding-bottom-compact, 0));
75
+ padding-left: 0;
76
+ padding-right: 0;
77
+ padding-top: 0;
78
+ padding-bottom: 0;
79
79
  }
80
80
  .ard-readonly .ard-number-input {
81
81
  cursor: var(--ard-number-input-readonly-cursor, var(--ard-readonly-cursor, default));
@@ -134,10 +134,10 @@
134
134
  display: flex;
135
135
  align-items: center;
136
136
  }
137
- .ard-number-input.ard-quick-change-true .ard-number-input-prefix-container {
137
+ .ard-number-input .ard-number-input-prefix-container {
138
138
  padding-left: var(--ard-number-input-gap, 0.375rem);
139
139
  }
140
- .ard-number-input.ard-quick-change-true .ard-number-input-suffix-container {
140
+ .ard-number-input .ard-number-input-suffix-container {
141
141
  padding-right: var(--ard-number-input-gap, 0.375rem);
142
142
  }
143
143
  .ard-number-input .ard-quick-change-button {
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;ACEA;EAGE;IAGE;IAGA;IACA;IACA;IAWA;IACA;IAEA;;EAIF;IACE;;EAGF;IDVA,QCYI;IDXJ;IACA;IACA;IACA;IACA;IACA,KCQI;IDPJ;IACA;IACA,WCMI;IDLJ,aCOI;IDNJ,aCQI;IDPJ,cCWI;IDVJ,eCQI;IDPJ,aCMI;IDLJ,gBCOI;IDNJ,OCYI;IAMF;IACA;;EDjBF;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA,SCJA;IDKA,OCNA;IDOA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAIJ;IACE,QC1CE;ID2CF,WCxCE;IDyCF,aCvCE;IDwCF,cC/BE;IDgCF,eClCE;IDmCF,aCpCE;IDqCF,gBCnCE;;EDsCJ;IACE,QClCE;;EDoCF;IACE,QCrCA;;ECdJ;IACE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;;EAEA;IACE;;EAEF;IACE;;EAGJ;IACE;IACA;;EDTA;IACE;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;;EAIF;AAAA;IAEE;IACA;IACA;IACA;;EAGA;IACE;;EAEF;IACE;;EAKJ;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;;EAGF;IACE;;EAEA;IACE;IACA;;EAGJ;IACE;;EAEA;IACE;IACA;;EAMN;IACE;;EAGE;IACE;;EAIN;IACE;;EAEF;IACE;;EAEA;IACE;IACA;IACA;IACA;;EAIA;IACE;;EAQJ;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;;EAKA;IACE;IACA;IACA;IACA;;EAEF;IACE;;EAQF;AAAA;IACE;;EAKJ;IACE;IACA;IACA,YE1MC;;EF8MH;IACE","file":"number-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/number-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EAGE;IAGE;IAGA;IACA;IACA;IAWA;IACA;IAEA;;EAIF;IACE;;EAGF;IDVA,QCYI;IDXJ;IACA;IACA;IACA;IACA;IACA,KCQI;IDPJ;IACA;IACA,WCMI;IDLJ,aCOI;IDNJ,aCQI;IDPJ,cCWI;IDVJ,eCQI;IDPJ,aCMI;IDLJ,gBCOI;IDNJ,OCYI;IAMF;IACA;;EDjBF;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA,SCJA;IDKA,OCNA;IDOA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAIJ;IACE,QC1CE;ID2CF,WCxCE;IDyCF,aCvCE;IDwCF,cC/BE;IDgCF,eClCE;IDmCF,aCpCE;IDqCF,gBCnCE;;EDsCJ;IACE,QClCE;;EDoCF;IACE,QCrCA;;ECdJ;IACE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;;EAEA;IACE;;EAEF;IACE;;EAGJ;IACE;IACA;;EDTA;IACE;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;;EAIF;AAAA;IAEE;IACA;IACA;IACA;;EAEF;IACE;;EAEF;IACE;;EAIF;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;;EAGF;IACE;;EAEA;IACE;IACA;;EAGJ;IACE;;EAEA;IACE;IACA;;EAMN;IACE;;EAGE;IACE;;EAIN;IACE;;EAEF;IACE;;EAEA;IACE;IACA;IACA;IACA;;EAIA;IACE;;EAQJ;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;;EAKA;IACE;IACA;IACA;IACA;;EAEF;IACE;;EAQF;AAAA;IACE;;EAKJ;IACE;IACA;IACA,YExMC;;EF4MH;IACE","file":"number-input.css"}
package/public-api.d.ts CHANGED
@@ -11,6 +11,7 @@ export * from './lib/inputs/date-input';
11
11
  export * from './lib/inputs/hex-input';
12
12
  export * from './lib/inputs/number-input';
13
13
  export * from './lib/buttons/button';
14
+ export * from './lib/buttons/button-group';
14
15
  export * from './lib/buttons/fab';
15
16
  export * from './lib/buttons/general-button.types';
16
17
  export * from './lib/buttons/icon-button';
package/themes/default/buttons/_button-mixins.scss CHANGED
@@ -24,6 +24,7 @@
24
24
  position: relative;
25
25
  cursor: pointer;
26
26
  outline: none;
27
+ box-sizing: border-box;
27
28
 
28
29
  //! button focus inficator
29
30
  &::before {
package/themes/default/buttons/button-group.scss ADDED
@@ -0,0 +1,19 @@
1
+ @layer ard-ui {
2
+ :root {
3
+ --ard-button-group-gap: 0.5rem;
4
+ }
5
+
6
+ ard-button-group {
7
+ display: flex;
8
+ align-items: center;
9
+
10
+ &:has(> ard-button-group) {
11
+ gap: var(--ard-button-group-gap, 0.5rem);
12
+ flex-wrap: wrap;
13
+ width: 100%;
14
+ }
15
+ > .ard-divider.ard-divider {
16
+ margin: 0;
17
+ }
18
+ }
19
+ }
package/themes/default/buttons/button.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  --ard-button-font-size-compact: 0.75rem;
17
17
  --ard-button-font-weight: 500;
18
18
  --ard-button-overlay-hover-opacity: 0.04;
19
- --ard-button-overlay-focus-opacity: 0.12;
19
+ --ard-button-overlay-focus-opacity: 0;
20
20
  --ard-button-overlay-active-opacity: 0.18;
21
21
  --ard-button-overlay-focus-visible-opacity: 0.24;
22
22
  --ard-button-overlay-disabled-opacity: 0.2;
@@ -82,6 +82,11 @@
82
82
  &.ard-variant-sharp {
83
83
  border-radius: 0;
84
84
  }
85
+ &.ard-button-square {
86
+ width: var(--ard-button-height, 2.5em);
87
+ padding: 0;
88
+ aspect-ratio: 1 / 1;
89
+ }
85
90
 
86
91
  //! compact
87
92
  &.ard-compact {
package/themes/default/inputs/number-input.scss CHANGED
@@ -45,14 +45,14 @@
45
45
  var(--ard-number-input-line-height, 1.25),
46
46
  var(--ard-number-input-line-height-compact, 1),
47
47
  var(--ard-number-input-font-weight, 400),
48
- var(--ard-number-input-padding-top, var(--ard-form-field-padding-top, 0)),
49
- var(--ard-number-input-padding-right, var(--ard-form-field-padding-right, 0.375rem)),
50
- var(--ard-number-input-padding-bottom, var(--ard-form-field-padding-bottom, 0)),
51
- var(--ard-number-input-padding-left, var(--ard-form-field-padding-left, 0.375rem)),
52
- var(--ard-number-input-padding-top-compact, var(--ard-form-field-padding-top-compact, 0)),
53
- var(--ard-number-input-padding-right-compact, var(--ard-form-field-padding-right-compact, 0.375rem)),
54
- var(--ard-number-input-padding-bottom-compact, var(--ard-form-field-padding-bottom-compact, 0)),
55
- var(--ard-number-input-padding-left-compact, var(--ard-form-field-padding-left-compact, 0.375rem)),
48
+ 0,
49
+ 0,
50
+ 0,
51
+ 0,
52
+ 0,
53
+ 0,
54
+ 0,
55
+ 0,
56
56
  var(--ard-number-input-color, #{ARD.$text}),
57
57
  var(--ard-number-input-placeholder-color, #{ARD.$text}),
58
58
  var(--ard-number-input-placeholder-opacity, 60%),
@@ -86,13 +86,11 @@
86
86
  display: flex;
87
87
  align-items: center;
88
88
  }
89
- &.ard-quick-change-true {
90
- .ard-number-input-prefix-container {
91
- padding-left: var(--ard-number-input-gap, 0.375rem);
92
- }
93
- .ard-number-input-suffix-container {
94
- padding-right: var(--ard-number-input-gap, 0.375rem);
95
- }
89
+ .ard-number-input-prefix-container {
90
+ padding-left: var(--ard-number-input-gap, 0.375rem);
91
+ }
92
+ .ard-number-input-suffix-container {
93
+ padding-right: var(--ard-number-input-gap, 0.375rem);
96
94
  }
97
95
 
98
96
  //! buttons