@mozaic-ds/angular 2.0.0-beta.1 → 2.0.0-beta.10

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 (5) hide show
  1. package/README.md +1 -1
  2. package/fesm2022/mozaic-ds-angular.mjs +572 -665
  3. package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
  4. package/package.json +3 -3
  5. package/{index.d.ts → types/mozaic-ds-angular.d.ts} +101 -121
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mozaic-ds/angular",
3
- "version": "2.0.0-beta.1",
3
+ "version": "2.0.0-beta.10",
4
4
  "type": "module",
5
5
  "peerDependencies": {
6
6
  "@angular/common": ">=20.3.15",
@@ -17,13 +17,13 @@
17
17
  "url": "https://github.com/adeo/mozaic-angular.git"
18
18
  },
19
19
  "module": "fesm2022/mozaic-ds-angular.mjs",
20
- "typings": "index.d.ts",
20
+ "typings": "types/mozaic-ds-angular.d.ts",
21
21
  "exports": {
22
22
  "./package.json": {
23
23
  "default": "./package.json"
24
24
  },
25
25
  ".": {
26
- "types": "./index.d.ts",
26
+ "types": "./types/mozaic-ds-angular.d.ts",
27
27
  "default": "./fesm2022/mozaic-ds-angular.mjs"
28
28
  }
29
29
  }
package/{index.d.ts → types/mozaic-ds-angular.d.ts} RENAMED
@@ -1,10 +1,10 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { TemplateRef, ElementRef, Type, OnInit, AfterViewInit, OnDestroy, Renderer2, WritableSignal, EventEmitter, AfterContentInit } from '@angular/core';
2
+ import { TemplateRef, OnInit, ElementRef, OnDestroy, Type, AfterViewInit, Renderer2, WritableSignal, EventEmitter, AfterContentInit } from '@angular/core';
3
3
  import { ControlValueAccessor } from '@angular/forms';
4
+ import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
5
+ import { RouterLink } from '@angular/router';
4
6
  import { DialogRef } from '@angular/cdk/dialog';
5
7
  import { Observable } from 'rxjs';
6
- import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
7
- import { RouterLinkWithHref } from '@angular/router';
8
8
 
9
9
  type MozBreadcrumbAppearance = 'standard' | 'inverse';
10
10
  interface MozBreadcrumbLink {
@@ -16,8 +16,11 @@ declare class MozBreadcrumbComponent {
16
16
  appearance: _angular_core.InputSignal<MozBreadcrumbAppearance>;
17
17
  links: _angular_core.InputSignal<MozBreadcrumbLink[]>;
18
18
  readonly classObject: _angular_core.Signal<{
19
- [x: string]: MozBreadcrumbAppearance;
19
+ [x: string]: boolean | MozBreadcrumbAppearance;
20
+ 'mc-breadcrumb': boolean;
20
21
  }>;
22
+ getLinkClass(): string;
23
+ getCurrentLinkClass(): string;
21
24
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBreadcrumbComponent, never>;
22
25
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozBreadcrumbComponent, "moz-breadcrumb", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
23
26
  }
@@ -38,7 +41,7 @@ declare class MozButtonComponent {
38
41
  iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
39
42
  readonly hostClasses: _angular_core.Signal<string>;
40
43
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozButtonComponent, never>;
41
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozButtonComponent, "button[moz-button]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, {}, ["iconTpl"], ["*", "[icon]"], true, never>;
44
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozButtonComponent, "moz-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, {}, ["iconTpl"], ["*", "[icon]"], true, never>;
42
45
  }
43
46
 
44
47
  declare class MozCheckboxComponent implements ControlValueAccessor {
@@ -56,6 +59,7 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
56
59
  'is-invalid': boolean;
57
60
  }>;
58
61
  readonly indentedClass: _angular_core.Signal<{
62
+ 'mc-checkbox': boolean;
59
63
  'mc-checkbox--indented': boolean;
60
64
  }>;
61
65
  writeValue(value: boolean): void;
@@ -68,6 +72,10 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
68
72
 
69
73
  declare class MozCheckboxGroupComponent implements ControlValueAccessor {
70
74
  name: _angular_core.InputSignal<string>;
75
+ legend: _angular_core.InputSignal<string | undefined>;
76
+ necessityIndicator: _angular_core.InputSignal<string | undefined>;
77
+ helpText: _angular_core.InputSignal<string | undefined>;
78
+ helpId: _angular_core.InputSignal<string | undefined>;
71
79
  options: _angular_core.InputSignal<{
72
80
  id: string;
73
81
  label: string;
@@ -78,6 +86,7 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
78
86
  inline: _angular_core.InputSignal<boolean>;
79
87
  _value: _angular_core.WritableSignal<string[]>;
80
88
  readonly containerClass: _angular_core.Signal<{
89
+ 'mc-field__content': boolean;
81
90
  'mc-field__content--inline': boolean;
82
91
  }>;
83
92
  onChange: (_: string[]) => void;
@@ -87,8 +96,11 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
87
96
  registerOnTouched(fn: () => void): void;
88
97
  toggleSelection(event: Event, val: string): void;
89
98
  isChecked(value: string): boolean;
99
+ getCheckboxInputClass(option: {
100
+ isInvalid?: boolean;
101
+ }): string;
90
102
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCheckboxGroupComponent, never>;
91
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCheckboxGroupComponent, "moz-checkbox-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
103
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCheckboxGroupComponent, "moz-checkbox-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "necessityIndicator": { "alias": "necessityIndicator"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpId": { "alias": "helpId"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
92
104
  }
93
105
 
94
106
  type MozDividerOrientation = 'horizontal' | 'vertical';
@@ -117,96 +129,6 @@ declare class MozDividerComponent {
117
129
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDividerComponent, "moz-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
118
130
  }
119
131
 
120
- type MozDrawerPosition = 'left' | 'right';
121
- declare class MozDrawerComponent {
122
- readonly open: _angular_core.InputSignal<boolean>;
123
- readonly position: _angular_core.InputSignal<MozDrawerPosition>;
124
- readonly extended: _angular_core.InputSignal<boolean>;
125
- readonly back: _angular_core.InputSignal<boolean>;
126
- readonly title: _angular_core.InputSignal<string>;
127
- readonly contentTitle: _angular_core.InputSignal<string | undefined>;
128
- readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
129
- readonly backEvent: _angular_core.OutputEmitterRef<void>;
130
- footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
131
- readonly isOpen: _angular_core.WritableSignal<boolean>;
132
- readonly classMap: _angular_core.Signal<{
133
- [x: string]: boolean;
134
- 'is-open': boolean;
135
- 'mc-drawer--extend': boolean;
136
- }>;
137
- readonly ariaModal: _angular_core.Signal<"true" | "false">;
138
- constructor();
139
- close(): void;
140
- backClick(): void;
141
- noop(): void;
142
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerComponent, never>;
143
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDrawerComponent, "moz-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "back": { "alias": "back"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "contentTitle": { "alias": "contentTitle"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "backEvent": "backEvent"; }, ["footerTpl"], ["*", "[footer]"], true, never>;
144
- }
145
-
146
- declare class MozDrawerContainerComponent<T = unknown, R = unknown> {
147
- readonly dialogRef: DialogRef<R, unknown>;
148
- readonly data: MozDrawerConfig<T>;
149
- readonly isOpen: _angular_core.WritableSignal<boolean>;
150
- readonly drawerElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
151
- private pendingClose;
152
- private isClosing;
153
- constructor();
154
- private onTransitionEnd;
155
- isTemplate(content: unknown): content is TemplateRef<{
156
- $implicit: T | undefined;
157
- }>;
158
- isComponent(content: unknown): content is Type<unknown>;
159
- asTemplate(content: unknown): TemplateRef<{
160
- $implicit: T | undefined;
161
- }>;
162
- asComponent(content: unknown): Type<unknown>;
163
- onButtonClick(button: {
164
- label: string;
165
- onClick?: () => void;
166
- }): void;
167
- onUpdateOpen(open: boolean): void;
168
- onBackClick(): void;
169
- close(result?: R): void;
170
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerContainerComponent<any, any>, never>;
171
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDrawerContainerComponent<any, any>, "moz-drawer-container", never, {}, {}, never, never, true, never>;
172
- }
173
-
174
- interface MozDrawerButton {
175
- label: string;
176
- onClick?: () => void;
177
- primary?: boolean;
178
- }
179
- interface MozDrawerConfig<T = unknown> {
180
- title?: string;
181
- contentTitle?: string;
182
- position?: 'left' | 'right';
183
- extended?: boolean;
184
- back?: boolean;
185
- onBack?: () => void;
186
- content?: TemplateRef<T> | Type<unknown> | string;
187
- data?: T;
188
- panelClass?: string | string[];
189
- backdropClass?: string | string[];
190
- disableClose?: boolean;
191
- ariaLabel?: string;
192
- ariaDescribedBy?: string;
193
- footerButtons?: MozDrawerButton[];
194
- }
195
- declare class MozDrawerRef<R = unknown> {
196
- private _dialogRef;
197
- setDialogRef(dialogRef: DialogRef<R, MozDrawerContainerComponent>): void;
198
- close(result?: R): void;
199
- get afterClosed(): Observable<R | undefined>;
200
- get componentInstance(): MozDrawerContainerComponent | null;
201
- }
202
- declare class MozDrawerService {
203
- private readonly dialog;
204
- private readonly injector;
205
- open<T = unknown, R = unknown>(config?: MozDrawerConfig<T>): MozDrawerRef<R>;
206
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerService, never>;
207
- static ɵprov: _angular_core.ɵɵInjectableDeclaration<MozDrawerService>;
208
- }
209
-
210
132
  declare class MozFieldComponent {
211
133
  id: _angular_core.InputSignal<string | undefined>;
212
134
  label: _angular_core.InputSignal<string | undefined>;
@@ -218,6 +140,7 @@ declare class MozFieldComponent {
218
140
  messageId: _angular_core.InputSignal<string | undefined>;
219
141
  message: _angular_core.InputSignal<string | undefined>;
220
142
  readonly classes: _angular_core.Signal<{
143
+ 'mc-field__validation-message': boolean;
221
144
  'is-valid': boolean;
222
145
  'is-invalid': boolean;
223
146
  }>;
@@ -275,6 +198,7 @@ declare class MozFileUploaderComponent implements OnInit {
275
198
  'mc-file-uploader__input--dragged': boolean;
276
199
  }>;
277
200
  iconTpl: any;
201
+ fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
278
202
  ngOnInit(): void;
279
203
  removeFile(index: number): void;
280
204
  onDeleteFile(file: File): void;
@@ -334,6 +258,8 @@ declare class MozIconButtonComponent {
334
258
  ariaLabel: _angular_core.InputSignal<string | undefined>;
335
259
  readonly classes: _angular_core.Signal<{
336
260
  [x: string]: boolean | MozIconButtonAppearance | MozIconButtonSize;
261
+ 'mc-button': boolean;
262
+ 'mc-button--icon-button': boolean;
337
263
  'mc-button--ghost': boolean;
338
264
  'mc-button--outlined': boolean;
339
265
  }>;
@@ -355,9 +281,10 @@ declare class MozLinkComponent {
355
281
  current: _angular_core.InputSignal<boolean>;
356
282
  ariaCurrent: _angular_core.InputSignal<string | null>;
357
283
  private readonly routerLinkActive;
358
- readonly routerLink: RouterLinkWithHref | null;
284
+ readonly routerLink: RouterLink | null;
359
285
  readonly classes: _angular_core.Signal<{
360
286
  [x: string]: boolean | MozLinkAppearance | MozLinkSize;
287
+ 'mc-link': boolean;
361
288
  'mc-link--inline': boolean;
362
289
  'mc-link--stand-alone': boolean;
363
290
  'mc-link--active': boolean;
@@ -368,17 +295,18 @@ declare class MozLinkComponent {
368
295
  }
369
296
 
370
297
  type MozLoaderAppearance = 'standard' | 'accent' | 'inverse';
371
- type MozLoaderSize = 's' | 'm' | 'l';
298
+ type MozLoaderSize = 'xs' | 's' | 'm' | 'l';
372
299
  declare class MozLoaderComponent {
373
300
  appearance: _angular_core.InputSignal<MozLoaderAppearance>;
374
301
  size: _angular_core.InputSignal<MozLoaderSize>;
375
302
  text: _angular_core.InputSignal<string | undefined>;
376
303
  readonly classes: _angular_core.Signal<{
377
304
  [x: string]: boolean | MozLoaderAppearance | MozLoaderSize;
305
+ 'mc-loader': boolean;
378
306
  "mc-loader--text-visible": boolean;
379
307
  }>;
380
- readonly viewBox: _angular_core.Signal<"0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
381
- readonly circleRadius: _angular_core.Signal<6 | 19 | 9>;
308
+ readonly viewBox: _angular_core.Signal<"0 0 20 20" | "0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
309
+ readonly circleRadius: _angular_core.Signal<3 | 6 | 19 | 9>;
382
310
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoaderComponent, never>;
383
311
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozLoaderComponent, "moz-loader", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
384
312
  }
@@ -398,6 +326,7 @@ declare class MozModalComponent {
398
326
  constructor();
399
327
  close(): void;
400
328
  readonly classMap: _angular_core.Signal<{
329
+ 'mc-modal': boolean;
401
330
  'is-open': boolean;
402
331
  }>;
403
332
  readonly ariaModal: _angular_core.Signal<"true" | "false">;
@@ -406,15 +335,19 @@ declare class MozModalComponent {
406
335
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalComponent, "moz-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "closeRequest": "closeRequest"; }, never, ["*"], true, never>;
407
336
  }
408
337
 
409
- declare class MozModalContainerComponent<T = unknown, R = unknown> {
338
+ declare class MozModalContainerComponent<T = unknown, R = unknown> implements OnDestroy {
410
339
  readonly dialogRef: DialogRef<R, unknown>;
411
340
  readonly data: MozModalConfig<T>;
412
341
  readonly isOpen: _angular_core.WritableSignal<boolean>;
413
342
  readonly modalElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
414
343
  private pendingClose;
415
344
  private isClosing;
345
+ private transitionEndHandler?;
346
+ private closeTimeoutId?;
416
347
  constructor();
348
+ ngOnDestroy(): void;
417
349
  private onTransitionEnd;
350
+ private cleanupAndClose;
418
351
  isTemplate(content: unknown): content is TemplateRef<{
419
352
  $implicit: T | undefined;
420
353
  }>;
@@ -495,7 +428,8 @@ declare class MozNumberBadgeComponent {
495
428
  appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
496
429
  size: _angular_core.InputSignal<MozNumberBadgeSize>;
497
430
  readonly classes: _angular_core.Signal<{
498
- [x: string]: MozNumberBadgeAppearance | MozNumberBadgeSize;
431
+ [x: string]: boolean | MozNumberBadgeAppearance | MozNumberBadgeSize;
432
+ 'mc-number-badge': boolean;
499
433
  }>;
500
434
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozNumberBadgeComponent, never>;
501
435
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozNumberBadgeComponent, "moz-number-badge", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -512,6 +446,10 @@ declare class MozOverlayComponent {
512
446
  * Accessible label for the overlay dialog.
513
447
  */
514
448
  dialogLabel: _angular_core.InputSignal<string | undefined>;
449
+ readonly classes: _angular_core.Signal<{
450
+ 'mc-overlay': boolean;
451
+ 'is-visible': boolean | undefined;
452
+ }>;
515
453
  onBackdropClick(): void;
516
454
  noop(): void;
517
455
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozOverlayComponent, never>;
@@ -591,7 +529,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
591
529
  private readonly cdr;
592
530
  private readonly ngZone;
593
531
  id: _angular_core.InputSignal<string>;
594
- length: _angular_core.InputSignal<4 | 5 | 6>;
532
+ length: _angular_core.InputSignal<6 | 4 | 5>;
595
533
  name: _angular_core.InputSignal<string | undefined>;
596
534
  isInvalid: _angular_core.InputSignal<boolean>;
597
535
  disabled: _angular_core.InputSignal<boolean>;
@@ -602,6 +540,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
602
540
  onChange: (value: string) => void;
603
541
  onTouched: () => void;
604
542
  readonly classObject: _angular_core.Signal<{
543
+ 'mc-pincode-input': boolean;
605
544
  'is-invalid': boolean;
606
545
  }>;
607
546
  ngOnInit(): void;
@@ -633,6 +572,7 @@ declare class MozQuantitySelectorComponent implements ControlValueAccessor {
633
572
  readonly _value: _angular_core.WritableSignal<number>;
634
573
  readonly classes: _angular_core.Signal<{
635
574
  [x: string]: boolean | MozQuantitySelectorSize;
575
+ 'mc-quantity-selector': boolean;
636
576
  'is-invalid': boolean;
637
577
  }>;
638
578
  private onChange;
@@ -661,6 +601,7 @@ declare class MozRadioComponent implements ControlValueAccessor {
661
601
  registerOnChange(fn: (value: boolean) => void): void;
662
602
  registerOnTouched(fn: () => void): void;
663
603
  readonly classes: _angular_core.Signal<{
604
+ 'mc-radio__input': boolean;
664
605
  'is-invalid': boolean;
665
606
  }>;
666
607
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioComponent, never>;
@@ -685,6 +626,7 @@ declare class MozRadioGroupComponent implements ControlValueAccessor {
685
626
  registerOnTouched(fn: () => void): void;
686
627
  select(value: string): void;
687
628
  readonly classes: _angular_core.Signal<{
629
+ 'mc-field__content': boolean;
688
630
  'mc-field__content--inline': boolean;
689
631
  }>;
690
632
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioGroupComponent, never>;
@@ -718,6 +660,7 @@ declare class MozSelectComponent implements ControlValueAccessor {
718
660
  handleChange(event: Event): void;
719
661
  readonly classes: _angular_core.Signal<{
720
662
  [x: string]: boolean | MozSelectSize;
663
+ 'mc-select': boolean;
721
664
  'mc-select--readonly': boolean;
722
665
  'is-invalid': boolean;
723
666
  }>;
@@ -730,7 +673,8 @@ declare class MozStatusBadgeComponent {
730
673
  label: _angular_core.InputSignal<string | undefined>;
731
674
  status: _angular_core.InputSignal<MozStatusBadgeStatus>;
732
675
  readonly classes: _angular_core.Signal<{
733
- [x: string]: MozStatusBadgeStatus;
676
+ [x: string]: boolean | MozStatusBadgeStatus;
677
+ 'mc-status-badge': boolean;
734
678
  }>;
735
679
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusBadgeComponent, never>;
736
680
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusBadgeComponent, "moz-status-badge", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -742,7 +686,8 @@ declare class MozStatusDotComponent {
742
686
  status: _angular_core.InputSignal<MozStatusDotStatus>;
743
687
  size: _angular_core.InputSignal<MozStatusDotSize>;
744
688
  readonly classes: _angular_core.Signal<{
745
- [x: string]: MozStatusDotStatus | MozStatusDotSize;
689
+ [x: string]: boolean | MozStatusDotStatus | MozStatusDotSize;
690
+ 'mc-status-dot': boolean;
746
691
  }>;
747
692
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusDotComponent, never>;
748
693
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusDotComponent, "moz-status-dot", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -757,7 +702,8 @@ declare class MozStatusNotificationComponent {
757
702
  closed: _angular_core.OutputEmitterRef<void>;
758
703
  footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
759
704
  readonly classes: _angular_core.Signal<{
760
- [x: string]: MozStatusNotificationStatus;
705
+ [x: string]: boolean | MozStatusNotificationStatus;
706
+ 'mc-status-notification': boolean;
761
707
  }>;
762
708
  readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
763
709
  onCloseClick(): void;
@@ -779,10 +725,12 @@ declare class MozTabsComponent {
779
725
  selectedIndex: _angular_core.ModelSignal<number>;
780
726
  selectedIndexChange: EventEmitter<number>;
781
727
  readonly classes: _angular_core.Signal<{
728
+ 'mc-tabs': boolean;
782
729
  'mc-tabs--centered': boolean;
783
730
  }>;
784
731
  isTabSelected: (index: number) => boolean;
785
732
  getTabClasses(index: number): _angular_core.Signal<{
733
+ 'mc-tabs__tab': boolean;
786
734
  'mc-tabs__tab--selected': boolean;
787
735
  'mc-tabs__tab--disabled': boolean;
788
736
  }>;
@@ -798,7 +746,6 @@ declare class MozTagComponent implements ControlValueAccessor {
798
746
  readonly size: _angular_core.InputSignal<MozTagSize>;
799
747
  readonly id: _angular_core.InputSignal<string>;
800
748
  readonly name: _angular_core.InputSignal<string | undefined>;
801
- readonly label: _angular_core.InputSignal<string>;
802
749
  readonly disabled: _angular_core.InputSignal<boolean>;
803
750
  readonly contextualisedNumber: _angular_core.InputSignal<number>;
804
751
  readonly removableLabel: _angular_core.InputSignal<string>;
@@ -815,7 +762,7 @@ declare class MozTagComponent implements ControlValueAccessor {
815
762
  onCheckboxChange(event: Event): void;
816
763
  onRemove(): void;
817
764
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTagComponent, never>;
818
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTagComponent, "moz-tag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "contextualisedNumber": { "alias": "contextualisedNumber"; "required": false; "isSignal": true; }; "removableLabel": { "alias": "removableLabel"; "required": false; "isSignal": true; }; }, { "removeTag": "removeTag"; }, never, never, true, never>;
765
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTagComponent, "moz-tag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "contextualisedNumber": { "alias": "contextualisedNumber"; "required": false; "isSignal": true; }; "removableLabel": { "alias": "removableLabel"; "required": false; "isSignal": true; }; }, { "removeTag": "removeTag"; }, never, ["*"], true, never>;
819
766
  }
820
767
 
821
768
  /**
@@ -890,11 +837,11 @@ type MozToggleSize = 's' | 'm';
890
837
  declare class MozToggleComponent implements ControlValueAccessor {
891
838
  id: _angular_core.InputSignal<string>;
892
839
  name: _angular_core.InputSignal<string | undefined>;
893
- label: _angular_core.InputSignal<string | undefined>;
894
840
  size: _angular_core.InputSignal<MozToggleSize>;
895
841
  disabled: _angular_core.InputSignal<boolean>;
896
842
  readonly classes: _angular_core.Signal<{
897
- [x: string]: MozToggleSize;
843
+ [x: string]: boolean | MozToggleSize;
844
+ 'mc-toggle': boolean;
898
845
  }>;
899
846
  _value: _angular_core.WritableSignal<boolean>;
900
847
  onChange: (_: boolean) => void;
@@ -904,13 +851,13 @@ declare class MozToggleComponent implements ControlValueAccessor {
904
851
  registerOnTouched(fn: () => void): void;
905
852
  onInputChange(event: Event): void;
906
853
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozToggleComponent, never>;
907
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozToggleComponent, "moz-toggle", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
854
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozToggleComponent, "moz-toggle", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
908
855
  }
909
856
 
910
857
  type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
911
858
  declare class MozFlagComponent {
912
859
  readonly type: _angular_core.InputSignal<MozFlagType>;
913
- get typeClass(): "" | "mc-flag--accent" | "mc-flag--danger" | "mc-flag--inverse";
860
+ get typeClass(): "mc-flag" | "mc-flag mc-flag--accent" | "mc-flag mc-flag--danger" | "mc-flag mc-flag--inverse";
914
861
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFlagComponent, never>;
915
862
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFlagComponent, "moz-flag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
916
863
  }
@@ -927,6 +874,8 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
927
874
  readonly label: _angular_core.InputSignal<string>;
928
875
  _value: _angular_core.WritableSignal<string | null>;
929
876
  readonly classes: _angular_core.Signal<{
877
+ 'mc-datepicker': boolean;
878
+ 'mc-text-input': boolean;
930
879
  'is-invalid': boolean;
931
880
  'mc-datepicker--s': boolean;
932
881
  'mc-text-input--s': boolean;
@@ -1014,9 +963,10 @@ declare class MozCalloutComponent {
1014
963
  message: _angular_core.InputSignal<string | null>;
1015
964
  role: _angular_core.InputSignal<string>;
1016
965
  variant: _angular_core.InputSignal<MozCalloutVariant>;
966
+ footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1017
967
  classes: _angular_core.Signal<string>;
1018
968
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCalloutComponent, never>;
1019
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCalloutComponent, "moz-callout", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[footer]"], true, never>;
969
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCalloutComponent, "moz-callout", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, ["footerTpl"], never, true, never>;
1020
970
  }
1021
971
 
1022
972
  type MozAvatarSize = 's' | 'm' | 'l';
@@ -1183,11 +1133,13 @@ declare class MozSegmentedControlComponent {
1183
1133
  index: number;
1184
1134
  value: string | number;
1185
1135
  }>;
1186
- hostClasses: _angular_core.Signal<{
1136
+ classes: _angular_core.Signal<{
1137
+ 'mc-segmented-control': boolean;
1187
1138
  'mc-segmented-control--m': boolean;
1188
1139
  'mc-segmented-control--full': boolean;
1189
1140
  }>;
1190
1141
  segmentClasses: (index: number) => _angular_core.Signal<{
1142
+ 'mc-segmented-control__segment': boolean;
1191
1143
  'mc-segmented-control__segment--selected': boolean;
1192
1144
  }>;
1193
1145
  private buttons;
@@ -1296,6 +1248,7 @@ declare class MozAccordionComponent {
1296
1248
  declare class MozActionBottomBarComponent {
1297
1249
  boxShadow: _angular_core.InputSignal<boolean>;
1298
1250
  readonly classes: _angular_core.Signal<{
1251
+ 'mc-action-bottom-bar': boolean;
1299
1252
  'mc-action-bottom-bar--shadow': boolean;
1300
1253
  }>;
1301
1254
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionBottomBarComponent, never>;
@@ -1380,7 +1333,8 @@ declare class MozStatusMessageComponent {
1380
1333
  status: _angular_core.InputSignal<MozStatusMessageStatus>;
1381
1334
  description: _angular_core.InputSignal<string | null>;
1382
1335
  readonly classes: _angular_core.Signal<{
1383
- [x: string]: MozStatusMessageStatus;
1336
+ [x: string]: boolean | MozStatusMessageStatus;
1337
+ 'mc-status-message': boolean;
1384
1338
  }>;
1385
1339
  readonly iconComponent: _angular_core.Signal<typeof CrossCircleFilled24>;
1386
1340
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusMessageComponent, never>;
@@ -1481,7 +1435,7 @@ declare class MozStarRatingComponent {
1481
1435
  readonly hasInfoText: _angular_core.Signal<boolean>;
1482
1436
  readonly ariaLabel: _angular_core.Signal<string>;
1483
1437
  readonly stars: _angular_core.Signal<number[]>;
1484
- readonly rootClasses: _angular_core.Signal<{
1438
+ readonly classes: _angular_core.Signal<{
1485
1439
  'mc-star-rating': boolean;
1486
1440
  'mc-star-rating--link': boolean;
1487
1441
  'mc-star-rating--slider': boolean;
@@ -1773,7 +1727,7 @@ declare class MozPageHeaderComponent {
1773
1727
  }
1774
1728
 
1775
1729
  type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
1776
- declare class MozBasicTileComponent {
1730
+ declare class MozTileComponent {
1777
1731
  appearance: _angular_core.InputSignal<MozTileAppearance>;
1778
1732
  isBordered: _angular_core.InputSignal<boolean>;
1779
1733
  extraAction: _angular_core.InputSignal<boolean>;
@@ -1782,8 +1736,8 @@ declare class MozBasicTileComponent {
1782
1736
  'mc-tile': boolean;
1783
1737
  'mc-tile--bordered': boolean;
1784
1738
  }>;
1785
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBasicTileComponent, never>;
1786
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozBasicTileComponent, "moz-tile", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "isBordered": { "alias": "isBordered"; "required": false; "isSignal": true; }; "extraAction": { "alias": "extraAction"; "required": false; "isSignal": true; }; }, {}, never, ["[action]", "[segmented]", "[body]"], true, never>;
1739
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileComponent, never>;
1740
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTileComponent, "moz-tile", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "isBordered": { "alias": "isBordered"; "required": false; "isSignal": true; }; "extraAction": { "alias": "extraAction"; "required": false; "isSignal": true; }; }, {}, never, ["[action]", "[segmented]", "[body]"], true, never>;
1787
1741
  }
1788
1742
 
1789
1743
  type MozTileSelectableType = 'checkbox' | 'radio';
@@ -1830,5 +1784,31 @@ declare class MozTileExpandableComponent {
1830
1784
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTileExpandableComponent, "moz-tile-expandable", never, { "triggerMode": { "alias": "triggerMode"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["[segmented]", "[body]"], true, never>;
1831
1785
  }
1832
1786
 
1833
- export { BuiltInMenuComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBasicTileComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozDrawerComponent, MozDrawerRef, MozDrawerService, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalBodyComponent, MozModalComponent, MozModalContainerComponent, MozModalFooterComponent, MozModalHeaderComponent, MozModalRef, MozModalService, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabsComponent, MozTagComponent, MozTextInputDirective, MozTextareaDirective, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
1834
- export type { ActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerButton, MozDrawerConfig, MozDrawerPosition, MozFileUploaderFormat, MozFileUploaderItemFormat, MozFlagType, MozIconButtonAppearance, MozIconButtonSize, MozIconButtonType, MozKpiSize, MozKpiStatus, MozKpiTrend, MozLinkAppearance, MozLinkIconPosition, MozLinkSize, MozLoaderAppearance, MozLoaderSize, MozModalButton, MozModalConfig, MozNumberBadgeAppearance, MozNumberBadgeSize, MozPageHeaderScope, MozPhoneNumberCountry, MozPhoneNumberValue, MozQuantitySelectorSize, MozSegmentedControlSize, MozSegmentedItem, MozSelectOption, MozSelectSize, MozSelectValue, MozSidebarItem, MozSidebarSubItem, MozStarRatingAppearance, MozStarRatingSize, MozStatusBadgeStatus, MozStatusDotSize, MozStatusDotStatus, MozStatusMessageStatus, MozStatusNotificationStatus, MozStepperBottomBarStep, MozStepperInlineStep, MozStepperStackedStep, MozTabItem, MozTagSize, MozTagType, MozTextInputSize, MozTileAppearance, MozTileExpandableTrigger, MozTileInputPosition, MozTileInputVerticalPosition, MozTileSelectableAppearance, MozTileSelectableType, MozToasterPosition, MozToasterRole, MozToasterStatus, MozToggleSize, MozTooltipPosition };
1787
+ type MozDrawerPosition = 'left' | 'right';
1788
+ declare class DrawerComponent {
1789
+ readonly open: _angular_core.InputSignal<boolean>;
1790
+ readonly position: _angular_core.InputSignal<MozDrawerPosition>;
1791
+ readonly extended: _angular_core.InputSignal<boolean>;
1792
+ readonly back: _angular_core.InputSignal<boolean>;
1793
+ readonly title: _angular_core.InputSignal<string>;
1794
+ readonly contentTitle: _angular_core.InputSignal<string | undefined>;
1795
+ readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
1796
+ readonly backEvent: _angular_core.OutputEmitterRef<void>;
1797
+ footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1798
+ readonly isOpen: _angular_core.WritableSignal<boolean>;
1799
+ readonly classMap: _angular_core.Signal<{
1800
+ [x: string]: boolean;
1801
+ 'is-open': boolean;
1802
+ 'mc-drawer--extend': boolean;
1803
+ }>;
1804
+ readonly ariaModal: _angular_core.Signal<"true" | "false">;
1805
+ constructor();
1806
+ close(): void;
1807
+ backClick(): void;
1808
+ noop(): void;
1809
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
1810
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "moz-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "back": { "alias": "back"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "contentTitle": { "alias": "contentTitle"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "backEvent": "backEvent"; }, ["footerTpl"], ["*"], true, never>;
1811
+ }
1812
+
1813
+ export { BuiltInMenuComponent, DrawerComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalBodyComponent, MozModalComponent, MozModalContainerComponent, MozModalFooterComponent, MozModalHeaderComponent, MozModalRef, MozModalService, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabsComponent, MozTagComponent, MozTextInputDirective, MozTextareaDirective, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
1814
+ export type { ActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerPosition, MozFileUploaderFormat, MozFileUploaderItemFormat, MozFlagType, MozIconButtonAppearance, MozIconButtonSize, MozIconButtonType, MozKpiSize, MozKpiStatus, MozKpiTrend, MozLinkAppearance, MozLinkIconPosition, MozLinkSize, MozLoaderAppearance, MozLoaderSize, MozModalButton, MozModalConfig, MozNumberBadgeAppearance, MozNumberBadgeSize, MozPageHeaderScope, MozPhoneNumberCountry, MozPhoneNumberValue, MozQuantitySelectorSize, MozSegmentedControlSize, MozSegmentedItem, MozSelectOption, MozSelectSize, MozSelectValue, MozSidebarItem, MozSidebarSubItem, MozStarRatingAppearance, MozStarRatingSize, MozStatusBadgeStatus, MozStatusDotSize, MozStatusDotStatus, MozStatusMessageStatus, MozStatusNotificationStatus, MozStepperBottomBarStep, MozStepperInlineStep, MozStepperStackedStep, MozTabItem, MozTagSize, MozTagType, MozTextInputSize, MozTileAppearance, MozTileExpandableTrigger, MozTileInputPosition, MozTileInputVerticalPosition, MozTileSelectableAppearance, MozTileSelectableType, MozToasterPosition, MozToasterRole, MozToasterStatus, MozToggleSize, MozTooltipPosition };