@ardium-ui/ui 5.0.0-alpha.93 → 5.0.0-alpha.95

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 (13) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +7 -4
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/inputs/date-input/date-input.component.d.ts +1 -1
  4. package/package.json +1 -1
  5. package/prebuilt-themes/default/buttons/button.css +2 -0
  6. package/prebuilt-themes/default/buttons/button.css.map +1 -1
  7. package/prebuilt-themes/default/buttons/fab.css +6 -11
  8. package/prebuilt-themes/default/buttons/fab.css.map +1 -1
  9. package/prebuilt-themes/default/buttons/icon-button.css +10 -9
  10. package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
  11. package/themes/default/buttons/button.scss +2 -0
  12. package/themes/default/buttons/fab.scss +12 -10
  13. package/themes/default/buttons/icon-button.scss +10 -8
package/lib/inputs/date-input/date-input.component.d.ts CHANGED
@@ -14,7 +14,7 @@ export declare class ArdiumDateInputComponent extends _AbstractDateInput<Date> i
14
14
  readonly dateInputValue: import("@angular/core").ModelSignal<string>;
15
15
  writeValue(v: Date | null): void;
16
16
  protected _isFullValue(): boolean;
17
- readonly dateInput: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
17
+ readonly dateInput: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
18
18
  readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
19
19
  readonly inputReadOnly: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
20
20
  readonly minMaxStrategy: import("@angular/core").InputSignal<ArdDateInputMinMaxStrategy>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ardium-ui/ui",
3
- "version": "5.0.0-alpha.93",
3
+ "version": "5.0.0-alpha.95",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
package/prebuilt-themes/default/buttons/button.css CHANGED
@@ -17,6 +17,7 @@
17
17
  --ard-button-overlay-focus-visible-opacity: 0.24;
18
18
  --ard-button-overlay-disabled-opacity: 0.2;
19
19
  --ard-button-disabled-opacity: 0.6;
20
+ --ard-button-disabled-cursor: not-allowed;
20
21
  }
21
22
  ard-button {
22
23
  display: flex;
@@ -321,6 +322,7 @@
321
322
  }
322
323
  .ard-button.ard-disabled.ard-button-with-pointer-events-when-disabled {
323
324
  pointer-events: all;
325
+ cursor: var(--ard-button-disabled-cursor, not-allowed);
324
326
  }
325
327
  }
326
328
 
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;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IClBA;IACA,QDmBI;IClBJ,SDmBI;IClBJ;IACA,aDmBI;IClBJ,WDiBI;IChBJ;IACA;IACA;IACA;IACA;IDmBE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EErDF;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,SDIA;;ECAF;IACE;;EAKF;IACE,SDLA;;ECSF;IACE,SDTA;;ECaJ;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;;ED/DF;IACE;;EAEF;IACE;;EAIF;IACE;IACA;IACA;IACA;;EAEF;IAEE;;EAEF;IACE;;EAEF;IACE;;EAIF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAIJ;ICgCF;IACA,SDhCoC;ICiCpC;;EAEA;IACE,SDpC2E;ICqC3E;;EAKA;AAAA;IAEE,SD5CgC;;EC8ClC;IACE;;ED7CA;IACE","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;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"}
package/prebuilt-themes/default/buttons/fab.css CHANGED
@@ -7,12 +7,6 @@
7
7
  --ard-fab-size-small-font-size: 1.375rem;
8
8
  --ard-fab-font-weight: 900;
9
9
  --ard-fab-extended-gap: 0.75em;
10
- --ard-fab-overlay-hover-opacity: 0.04;
11
- --ard-fab-overlay-focus-opacity: 0.12;
12
- --ard-fab-overlay-active-opacity: 0.18;
13
- --ard-fab-overlay-focus-visible-opacity: 0.24;
14
- --ard-fab-overlay-disabled-opacity: 0.2;
15
- --ard-fab-disabled-opacity: 0.6;
16
10
  }
17
11
  ard-fab {
18
12
  margin: var(--ard-fab-margin, 0.5rem);
@@ -298,25 +292,26 @@
298
292
  }
299
293
  ard-fab.ard-disabled > .ard-fab {
300
294
  pointer-events: none;
301
- opacity: var(--ard-fab-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2));
295
+ opacity: var(--ard-fab-disabled-opacity, var(--ard-button-disabled-opacity, 0.6));
302
296
  cursor: not-allowed;
303
297
  }
304
298
  ard-fab.ard-disabled > .ard-fab::before {
305
- opacity: var(--ard-fab-disabled-opacity, var(--ard-button-disabled-opacity, 0.6));
299
+ opacity: var(--ard-fab-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2));
306
300
  transform: scale(1);
307
301
  }
308
302
  ard-fab.ard-disabled > .ard-fab.ard-color-none .ard-button-icon,
309
303
  ard-fab.ard-disabled > .ard-fab.ard-color-none .ard-button-content {
310
- opacity: var(--ard-fab-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2));
304
+ opacity: var(--ard-fab-disabled-opacity, var(--ard-button-disabled-opacity, 0.6));
311
305
  }
312
306
  ard-fab.ard-disabled > .ard-fab.ard-color-none::before {
313
307
  background: var(--ard-cmpcl--overlay);
314
308
  }
315
- ard-fab.ard-disabled.ard-button-with-pointer-events-when-disabled {
309
+ ard-fab.ard-disabled.ard-fab-with-pointer-events-when-disabled {
316
310
  pointer-events: all;
317
311
  }
318
- ard-fab.ard-disabled.ard-button-with-pointer-events-when-disabled > .ard-button {
312
+ ard-fab.ard-disabled.ard-fab-with-pointer-events-when-disabled > .ard-fab {
319
313
  pointer-events: all;
314
+ cursor: var(--ard-fab-disabled-cursor, var(--ard-button-disabled-cursor, not-allowed));
320
315
  }
321
316
  }
322
317
  @keyframes maxWidth {
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;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;ICdA;IACA,QDeI;ICdJ,SDeI;ICdJ;IACA,aDeI;ICdJ,WDaI;ICZJ;IACA;IACA;IACA;IACA;IDeE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EEjDF;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;;EAIF;IACE,SDJA;;ECSF;IACE,SDTA;;ECaF;IACE,SDbA;;ECiBJ;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;;EDpEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEF;IGhDF;;EACA;IACE;IAEA,YACE;;EAOF;IACE;;EHyCF;ICkDF;IACA,SDjDM;ICkDN;;EAEA;IACE,SDpDI;ICqDJ;;EAKA;AAAA;IAEE,SD7DE;;EC+DJ;IACE;;ED5DF;IACE;;EAEA;IACE;;;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;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"}
package/prebuilt-themes/default/buttons/icon-button.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @layer ard-ui {
2
2
  :root {
3
- --ard-icon-button-height: 2.1875em;
4
- --ard-icon-button-height-compact: 2.25em;
3
+ --ard-icon-button-size: 2.1875em;
4
+ --ard-icon-button-size-compact: 2.25em;
5
5
  --ard-icon-button-margin: 0;
6
6
  --ard-icon-button-font-size: 1rem;
7
7
  --ard-icon-button-icon-font-size: 1.5em;
@@ -30,7 +30,7 @@
30
30
  cursor: pointer;
31
31
  outline: none;
32
32
  background: transparent;
33
- height: var(--ard-icon-button-height, 2.1875em);
33
+ height: var(--ard-icon-button-size, 2.1875em);
34
34
  aspect-ratio: 1;
35
35
  border-radius: 9999px;
36
36
  align-items: center;
@@ -266,7 +266,7 @@
266
266
  font-size: var(--ard-icon-button-icon-font-size);
267
267
  }
268
268
  .ard-icon-button.ard-compact {
269
- height: var(--ard-icon-button-height-compact, 2.25em);
269
+ height: var(--ard-icon-button-size-compact, 2.25em);
270
270
  font-size: var(--ard-icon-button-font-size-compact, 0.75rem);
271
271
  }
272
272
  .ard-icon-button.ard-light-coloring {
@@ -274,16 +274,16 @@
274
274
  }
275
275
  ard-icon-button.ard-disabled > .ard-icon-button {
276
276
  pointer-events: none;
277
- opacity: var(--ard-icon-button-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2));
277
+ opacity: var(--ard-icon-button-disabled-opacity, var(--ard-button-disabled-opacity, 0.6));
278
278
  cursor: not-allowed;
279
279
  }
280
280
  ard-icon-button.ard-disabled > .ard-icon-button::before {
281
- opacity: var(--ard-icon-button-disabled-opacity, var(--ard-button-disabled-opacity, 0.6));
281
+ opacity: var(--ard-icon-button-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2));
282
282
  transform: scale(1);
283
283
  }
284
284
  ard-icon-button.ard-disabled > .ard-icon-button.ard-color-none .ard-button-icon,
285
285
  ard-icon-button.ard-disabled > .ard-icon-button.ard-color-none .ard-button-content {
286
- opacity: var(--ard-icon-button-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2));
286
+ opacity: var(--ard-icon-button-disabled-opacity, var(--ard-button-disabled-opacity, 0.6));
287
287
  }
288
288
  ard-icon-button.ard-disabled > .ard-icon-button.ard-color-none::before {
289
289
  background: var(--ard-cmpcl--overlay);
@@ -291,11 +291,12 @@
291
291
  ard-icon-button.ard-disabled > .ard-icon-button .ard-focus-overlay {
292
292
  opacity: 0;
293
293
  }
294
- ard-icon-button.ard-disabled.ard-button-with-pointer-events-when-disabled {
294
+ ard-icon-button.ard-disabled.ard-icon-button-with-pointer-events-when-disabled {
295
295
  pointer-events: all;
296
296
  }
297
- ard-icon-button.ard-disabled.ard-button-with-pointer-events-when-disabled > .ard-button {
297
+ ard-icon-button.ard-disabled.ard-icon-button-with-pointer-events-when-disabled > .ard-icon-button {
298
298
  pointer-events: all;
299
+ cursor: var(--ard-icon-button-disabled-cursor, var(--ard-button-disabled-cursor, not-allowed));
299
300
  }
300
301
  }
301
302
 
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;;EASF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IChBA;IACA,QDiBI;IChBJ,SDiBI;IChBJ;IACA,aDiBI;IChBJ,WDeI;ICdJ;IACA;IACA;IACA;IACA;IDiBE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EE/CF;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,SDEA;;ECEF;IACE,SDFA;;ECOF;IACE,SDPA;;ECWF;IACE,SDXA;;ECeJ;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;;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","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;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"}
package/themes/default/buttons/button.scss CHANGED
@@ -22,6 +22,7 @@
22
22
  --ard-button-overlay-disabled-opacity: 0.2;
23
23
  // --ard-button-rounded-corner-radius: ;
24
24
  --ard-button-disabled-opacity: 0.6;
25
+ --ard-button-disabled-cursor: not-allowed;
25
26
  }
26
27
 
27
28
  ard-button {
@@ -100,6 +101,7 @@
100
101
 
101
102
  &.ard-button-with-pointer-events-when-disabled {
102
103
  pointer-events: all;
104
+ cursor: var(--ard-button-disabled-cursor, not-allowed);
103
105
  }
104
106
  }
105
107
  }
package/themes/default/buttons/fab.scss CHANGED
@@ -12,12 +12,13 @@
12
12
  --ard-fab-size-small-font-size: 1.375rem;
13
13
  --ard-fab-font-weight: 900;
14
14
  --ard-fab-extended-gap: 0.75em;
15
- --ard-fab-overlay-hover-opacity: 0.04;
16
- --ard-fab-overlay-focus-opacity: 0.12;
17
- --ard-fab-overlay-active-opacity: 0.18;
18
- --ard-fab-overlay-focus-visible-opacity: 0.24;
19
- --ard-fab-overlay-disabled-opacity: 0.2;
20
- --ard-fab-disabled-opacity: 0.6;
15
+ // --ard-fab-overlay-hover-opacity: ;
16
+ // --ard-fab-overlay-focus-opacity: ;
17
+ // --ard-fab-overlay-active-opacity: ;
18
+ // --ard-fab-overlay-focus-visible-opacity: ;
19
+ // --ard-fab-overlay-disabled-opacity: ;
20
+ // --ard-fab-disabled-opacity: ;
21
+ // --ard-fab-disabled-cursor: ;
21
22
  }
22
23
 
23
24
  ard-fab {
@@ -79,15 +80,16 @@
79
80
  ard-fab.ard-disabled {
80
81
  > .ard-fab {
81
82
  @include shared.button-disabled(
82
- var(--ard-fab-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2)),
83
- var(--ard-fab-disabled-opacity, var(--ard-button-disabled-opacity, 0.6))
83
+ var(--ard-fab-disabled-opacity, var(--ard-button-disabled-opacity, 0.6)),
84
+ var(--ard-fab-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2))
84
85
  );
85
86
  }
86
- &.ard-button-with-pointer-events-when-disabled {
87
+ &.ard-fab-with-pointer-events-when-disabled {
87
88
  pointer-events: all;
88
89
 
89
- > .ard-button {
90
+ > .ard-fab {
90
91
  pointer-events: all;
92
+ cursor: var(--ard-fab-disabled-cursor, var(--ard-button-disabled-cursor, not-allowed));
91
93
  }
92
94
  }
93
95
  }
package/themes/default/buttons/icon-button.scss CHANGED
@@ -4,8 +4,8 @@
4
4
  // the variables are commented out intentionally
5
5
  // read more in docs/dev/css-variables.md
6
6
  :root {
7
- --ard-icon-button-height: 2.1875em;
8
- --ard-icon-button-height-compact: 2.25em;
7
+ --ard-icon-button-size: 2.1875em;
8
+ --ard-icon-button-size-compact: 2.25em;
9
9
  --ard-icon-button-margin: 0;
10
10
  --ard-icon-button-font-size: 1rem;
11
11
  --ard-icon-button-icon-font-size: 1.5em;
@@ -17,6 +17,7 @@
17
17
  // --ard-icon-button-overlay-focus-visible-opacity: ;
18
18
  // --ard-icon-button-overlay-disabled-opacity: ;
19
19
  // --ard-icon-button-disabled-opacity: ;
20
+ // --ard-icon-button-disabled-cursor: ;
20
21
  }
21
22
 
22
23
  ard-icon-button {
@@ -41,7 +42,7 @@
41
42
  var(--ard-icon-button-overlay-focus-visible-opacity, var(--ard-button-overlay-focus-visible-opacity, 0.24))
42
43
  );
43
44
  background: transparent;
44
- height: var(--ard-icon-button-height, 2.1875em);
45
+ height: var(--ard-icon-button-size, 2.1875em);
45
46
  aspect-ratio: 1;
46
47
  border-radius: 9999px;
47
48
  align-items: center;
@@ -56,7 +57,7 @@
56
57
  }
57
58
  //! compact
58
59
  &.ard-compact {
59
- height: var(--ard-icon-button-height-compact, 2.25em);
60
+ height: var(--ard-icon-button-size-compact, 2.25em);
60
61
  font-size: var(--ard-icon-button-font-size-compact, 0.75rem);
61
62
  }
62
63
  //! light coloring
@@ -68,19 +69,20 @@
68
69
  ard-icon-button.ard-disabled {
69
70
  > .ard-icon-button {
70
71
  @include shared.button-disabled(
71
- var(--ard-icon-button-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2)),
72
- var(--ard-icon-button-disabled-opacity, var(--ard-button-disabled-opacity, 0.6))
72
+ var(--ard-icon-button-disabled-opacity, var(--ard-button-disabled-opacity, 0.6)),
73
+ var(--ard-icon-button-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2))
73
74
  );
74
75
 
75
76
  .ard-focus-overlay {
76
77
  opacity: 0;
77
78
  }
78
79
  }
79
- &.ard-button-with-pointer-events-when-disabled {
80
+ &.ard-icon-button-with-pointer-events-when-disabled {
80
81
  pointer-events: all;
81
82
 
82
- > .ard-button {
83
+ > .ard-icon-button {
83
84
  pointer-events: all;
85
+ cursor: var(--ard-icon-button-disabled-cursor, var(--ard-button-disabled-cursor, not-allowed));
84
86
  }
85
87
  }
86
88
  }