@ardium-ui/ui 5.0.0-alpha.98 → 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 (23) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +175 -31
  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 +1 -1
  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/public-api.d.ts +1 -0
  21. package/themes/default/buttons/_button-mixins.scss +1 -0
  22. package/themes/default/buttons/button-group.scss +19 -0
  23. package/themes/default/buttons/button.scss +6 -1
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.98",
3
+ "version": "5.0.0-alpha.99",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
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/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 {