@bravura/ui 3.8.1 → 5.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bravura/ui",
   "description": "Bravura UI Components for Angular applications",
-  "version": "3.8.1",
+  "version": "5.0.0",
   "keywords": [
     "Angular",
     "Angular Material",
@@ -9,25 +9,21 @@
   ],
   "author": "Bravura Solutions",
   "peerDependencies": {
-    "@angular/cdk": "^15.0.4 || ^16.1.0",
-    "@angular/common": "^15.1.0 || ^16.1.0",
-    "@angular/compiler": "^15.1.0 || ^16.1.0",
-    "@angular/core": "^15.1.0 || ^16.1.0",
-    "@angular/forms": "^15.1.0 || ^16.1.0",
-    "@angular/material": "^15.0.4 || ^16.1.0",
+    "@angular/cdk": "^18.2.2",
+    "@angular/common": "^18.2.2",
+    "@angular/compiler": "^18.2.2",
+    "@angular/core": "^18.2.2",
+    "@angular/forms": "^18.2.2",
+    "@angular/material": "^18.2.2",
     "@ngneat/content-loader": "^7.0.0",
-    "intl-tel-input": "^17.0.16 || ^18.1.6",
-    "rxjs": "~7.5.0 || ~7.8.0"
+    "intl-tel-input": "^18.1.6",
+    "rxjs": "~7.8.0"
   },
   "dependencies": {
     "tslib": "^2.4.0"
   },
   "license": "ISC",
-  "module": "fesm2015/bravura-ui.mjs",
-  "es2020": "fesm2020/bravura-ui.mjs",
-  "esm2020": "esm2020/bravura-ui.mjs",
-  "fesm2020": "fesm2020/bravura-ui.mjs",
-  "fesm2015": "fesm2015/bravura-ui.mjs",
+  "module": "fesm2022/bravura-ui.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -35,163 +31,123 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/bravura-ui.mjs",
-      "es2020": "./fesm2020/bravura-ui.mjs",
-      "es2015": "./fesm2015/bravura-ui.mjs",
-      "node": "./fesm2015/bravura-ui.mjs",
-      "default": "./fesm2020/bravura-ui.mjs"
-    },
-    "./alert": {
-      "types": "./alert/index.d.ts",
-      "esm2020": "./esm2020/alert/bravura-ui-alert.mjs",
-      "es2020": "./fesm2020/bravura-ui-alert.mjs",
-      "es2015": "./fesm2015/bravura-ui-alert.mjs",
-      "node": "./fesm2015/bravura-ui-alert.mjs",
-      "default": "./fesm2020/bravura-ui-alert.mjs"
-    },
-    "./alert/testing": {
-      "types": "./alert/testing/index.d.ts",
-      "esm2020": "./esm2020/alert/testing/bravura-ui-alert-testing.mjs",
-      "es2020": "./fesm2020/bravura-ui-alert-testing.mjs",
-      "es2015": "./fesm2015/bravura-ui-alert-testing.mjs",
-      "node": "./fesm2015/bravura-ui-alert-testing.mjs",
-      "default": "./fesm2020/bravura-ui-alert-testing.mjs"
+      "esm2022": "./esm2022/bravura-ui.mjs",
+      "esm": "./esm2022/bravura-ui.mjs",
+      "default": "./fesm2022/bravura-ui.mjs"
     },
     "./behavior": {
       "types": "./behavior/index.d.ts",
-      "esm2020": "./esm2020/behavior/bravura-ui-behavior.mjs",
-      "es2020": "./fesm2020/bravura-ui-behavior.mjs",
-      "es2015": "./fesm2015/bravura-ui-behavior.mjs",
-      "node": "./fesm2015/bravura-ui-behavior.mjs",
-      "default": "./fesm2020/bravura-ui-behavior.mjs"
+      "esm2022": "./esm2022/behavior/bravura-ui-behavior.mjs",
+      "esm": "./esm2022/behavior/bravura-ui-behavior.mjs",
+      "default": "./fesm2022/bravura-ui-behavior.mjs"
+    },
+    "./alert": {
+      "types": "./alert/index.d.ts",
+      "esm2022": "./esm2022/alert/bravura-ui-alert.mjs",
+      "esm": "./esm2022/alert/bravura-ui-alert.mjs",
+      "default": "./fesm2022/bravura-ui-alert.mjs"
     },
     "./clip-note": {
       "types": "./clip-note/index.d.ts",
-      "esm2020": "./esm2020/clip-note/bravura-ui-clip-note.mjs",
-      "es2020": "./fesm2020/bravura-ui-clip-note.mjs",
-      "es2015": "./fesm2015/bravura-ui-clip-note.mjs",
-      "node": "./fesm2015/bravura-ui-clip-note.mjs",
-      "default": "./fesm2020/bravura-ui-clip-note.mjs"
-    },
-    "./common": {
-      "types": "./common/index.d.ts",
-      "esm2020": "./esm2020/common/bravura-ui-common.mjs",
-      "es2020": "./fesm2020/bravura-ui-common.mjs",
-      "es2015": "./fesm2015/bravura-ui-common.mjs",
-      "node": "./fesm2015/bravura-ui-common.mjs",
-      "default": "./fesm2020/bravura-ui-common.mjs"
+      "esm2022": "./esm2022/clip-note/bravura-ui-clip-note.mjs",
+      "esm": "./esm2022/clip-note/bravura-ui-clip-note.mjs",
+      "default": "./fesm2022/bravura-ui-clip-note.mjs"
     },
     "./currency-input": {
       "types": "./currency-input/index.d.ts",
-      "esm2020": "./esm2020/currency-input/bravura-ui-currency-input.mjs",
-      "es2020": "./fesm2020/bravura-ui-currency-input.mjs",
-      "es2015": "./fesm2015/bravura-ui-currency-input.mjs",
-      "node": "./fesm2015/bravura-ui-currency-input.mjs",
-      "default": "./fesm2020/bravura-ui-currency-input.mjs"
+      "esm2022": "./esm2022/currency-input/bravura-ui-currency-input.mjs",
+      "esm": "./esm2022/currency-input/bravura-ui-currency-input.mjs",
+      "default": "./fesm2022/bravura-ui-currency-input.mjs"
+    },
+    "./common": {
+      "types": "./common/index.d.ts",
+      "esm2022": "./esm2022/common/bravura-ui-common.mjs",
+      "esm": "./esm2022/common/bravura-ui-common.mjs",
+      "default": "./fesm2022/bravura-ui-common.mjs"
     },
     "./decimal-input": {
       "types": "./decimal-input/index.d.ts",
-      "esm2020": "./esm2020/decimal-input/bravura-ui-decimal-input.mjs",
-      "es2020": "./fesm2020/bravura-ui-decimal-input.mjs",
-      "es2015": "./fesm2015/bravura-ui-decimal-input.mjs",
-      "node": "./fesm2015/bravura-ui-decimal-input.mjs",
-      "default": "./fesm2020/bravura-ui-decimal-input.mjs"
+      "esm2022": "./esm2022/decimal-input/bravura-ui-decimal-input.mjs",
+      "esm": "./esm2022/decimal-input/bravura-ui-decimal-input.mjs",
+      "default": "./fesm2022/bravura-ui-decimal-input.mjs"
     },
     "./discrete-input": {
       "types": "./discrete-input/index.d.ts",
-      "esm2020": "./esm2020/discrete-input/bravura-ui-discrete-input.mjs",
-      "es2020": "./fesm2020/bravura-ui-discrete-input.mjs",
-      "es2015": "./fesm2015/bravura-ui-discrete-input.mjs",
-      "node": "./fesm2015/bravura-ui-discrete-input.mjs",
-      "default": "./fesm2020/bravura-ui-discrete-input.mjs"
+      "esm2022": "./esm2022/discrete-input/bravura-ui-discrete-input.mjs",
+      "esm": "./esm2022/discrete-input/bravura-ui-discrete-input.mjs",
+      "default": "./fesm2022/bravura-ui-discrete-input.mjs"
     },
     "./file-upload": {
       "types": "./file-upload/index.d.ts",
-      "esm2020": "./esm2020/file-upload/bravura-ui-file-upload.mjs",
-      "es2020": "./fesm2020/bravura-ui-file-upload.mjs",
-      "es2015": "./fesm2015/bravura-ui-file-upload.mjs",
-      "node": "./fesm2015/bravura-ui-file-upload.mjs",
-      "default": "./fesm2020/bravura-ui-file-upload.mjs"
+      "esm2022": "./esm2022/file-upload/bravura-ui-file-upload.mjs",
+      "esm": "./esm2022/file-upload/bravura-ui-file-upload.mjs",
+      "default": "./fesm2022/bravura-ui-file-upload.mjs"
     },
     "./form-field": {
       "types": "./form-field/index.d.ts",
-      "esm2020": "./esm2020/form-field/bravura-ui-form-field.mjs",
-      "es2020": "./fesm2020/bravura-ui-form-field.mjs",
-      "es2015": "./fesm2015/bravura-ui-form-field.mjs",
-      "node": "./fesm2015/bravura-ui-form-field.mjs",
-      "default": "./fesm2020/bravura-ui-form-field.mjs"
+      "esm2022": "./esm2022/form-field/bravura-ui-form-field.mjs",
+      "esm": "./esm2022/form-field/bravura-ui-form-field.mjs",
+      "default": "./fesm2022/bravura-ui-form-field.mjs"
     },
     "./icon-font": {
       "types": "./icon-font/index.d.ts",
-      "esm2020": "./esm2020/icon-font/bravura-ui-icon-font.mjs",
-      "es2020": "./fesm2020/bravura-ui-icon-font.mjs",
-      "es2015": "./fesm2015/bravura-ui-icon-font.mjs",
-      "node": "./fesm2015/bravura-ui-icon-font.mjs",
-      "default": "./fesm2020/bravura-ui-icon-font.mjs"
+      "esm2022": "./esm2022/icon-font/bravura-ui-icon-font.mjs",
+      "esm": "./esm2022/icon-font/bravura-ui-icon-font.mjs",
+      "default": "./fesm2022/bravura-ui-icon-font.mjs"
     },
-    "./panel": {
-      "types": "./panel/index.d.ts",
-      "esm2020": "./esm2020/panel/bravura-ui-panel.mjs",
-      "es2020": "./fesm2020/bravura-ui-panel.mjs",
-      "es2015": "./fesm2015/bravura-ui-panel.mjs",
-      "node": "./fesm2015/bravura-ui-panel.mjs",
-      "default": "./fesm2020/bravura-ui-panel.mjs"
+    "./radio-panel": {
+      "types": "./radio-panel/index.d.ts",
+      "esm2022": "./esm2022/radio-panel/bravura-ui-radio-panel.mjs",
+      "esm": "./esm2022/radio-panel/bravura-ui-radio-panel.mjs",
+      "default": "./fesm2022/bravura-ui-radio-panel.mjs"
     },
     "./phone-number": {
       "types": "./phone-number/index.d.ts",
-      "esm2020": "./esm2020/phone-number/bravura-ui-phone-number.mjs",
-      "es2020": "./fesm2020/bravura-ui-phone-number.mjs",
-      "es2015": "./fesm2015/bravura-ui-phone-number.mjs",
-      "node": "./fesm2015/bravura-ui-phone-number.mjs",
-      "default": "./fesm2020/bravura-ui-phone-number.mjs"
+      "esm2022": "./esm2022/phone-number/bravura-ui-phone-number.mjs",
+      "esm": "./esm2022/phone-number/bravura-ui-phone-number.mjs",
+      "default": "./fesm2022/bravura-ui-phone-number.mjs"
     },
-    "./radio-panel": {
-      "types": "./radio-panel/index.d.ts",
-      "esm2020": "./esm2020/radio-panel/bravura-ui-radio-panel.mjs",
-      "es2020": "./fesm2020/bravura-ui-radio-panel.mjs",
-      "es2015": "./fesm2015/bravura-ui-radio-panel.mjs",
-      "node": "./fesm2015/bravura-ui-radio-panel.mjs",
-      "default": "./fesm2020/bravura-ui-radio-panel.mjs"
+    "./panel": {
+      "types": "./panel/index.d.ts",
+      "esm2022": "./esm2022/panel/bravura-ui-panel.mjs",
+      "esm": "./esm2022/panel/bravura-ui-panel.mjs",
+      "default": "./fesm2022/bravura-ui-panel.mjs"
     },
-    "./radio-panel/testing": {
-      "types": "./radio-panel/testing/index.d.ts",
-      "esm2020": "./esm2020/radio-panel/testing/bravura-ui-radio-panel-testing.mjs",
-      "es2020": "./fesm2020/bravura-ui-radio-panel-testing.mjs",
-      "es2015": "./fesm2015/bravura-ui-radio-panel-testing.mjs",
-      "node": "./fesm2015/bravura-ui-radio-panel-testing.mjs",
-      "default": "./fesm2020/bravura-ui-radio-panel-testing.mjs"
+    "./stepper": {
+      "types": "./stepper/index.d.ts",
+      "esm2022": "./esm2022/stepper/bravura-ui-stepper.mjs",
+      "esm": "./esm2022/stepper/bravura-ui-stepper.mjs",
+      "default": "./fesm2022/bravura-ui-stepper.mjs"
     },
     "./selection-panel": {
       "types": "./selection-panel/index.d.ts",
-      "esm2020": "./esm2020/selection-panel/bravura-ui-selection-panel.mjs",
-      "es2020": "./fesm2020/bravura-ui-selection-panel.mjs",
-      "es2015": "./fesm2015/bravura-ui-selection-panel.mjs",
-      "node": "./fesm2015/bravura-ui-selection-panel.mjs",
-      "default": "./fesm2020/bravura-ui-selection-panel.mjs"
+      "esm2022": "./esm2022/selection-panel/bravura-ui-selection-panel.mjs",
+      "esm": "./esm2022/selection-panel/bravura-ui-selection-panel.mjs",
+      "default": "./fesm2022/bravura-ui-selection-panel.mjs"
     },
     "./skeletons": {
       "types": "./skeletons/index.d.ts",
-      "esm2020": "./esm2020/skeletons/bravura-ui-skeletons.mjs",
-      "es2020": "./fesm2020/bravura-ui-skeletons.mjs",
-      "es2015": "./fesm2015/bravura-ui-skeletons.mjs",
-      "node": "./fesm2015/bravura-ui-skeletons.mjs",
-      "default": "./fesm2020/bravura-ui-skeletons.mjs"
-    },
-    "./stepper": {
-      "types": "./stepper/index.d.ts",
-      "esm2020": "./esm2020/stepper/bravura-ui-stepper.mjs",
-      "es2020": "./fesm2020/bravura-ui-stepper.mjs",
-      "es2015": "./fesm2015/bravura-ui-stepper.mjs",
-      "node": "./fesm2015/bravura-ui-stepper.mjs",
-      "default": "./fesm2020/bravura-ui-stepper.mjs"
+      "esm2022": "./esm2022/skeletons/bravura-ui-skeletons.mjs",
+      "esm": "./esm2022/skeletons/bravura-ui-skeletons.mjs",
+      "default": "./fesm2022/bravura-ui-skeletons.mjs"
     },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
-      "esm2020": "./esm2020/tooltip/bravura-ui-tooltip.mjs",
-      "es2020": "./fesm2020/bravura-ui-tooltip.mjs",
-      "es2015": "./fesm2015/bravura-ui-tooltip.mjs",
-      "node": "./fesm2015/bravura-ui-tooltip.mjs",
-      "default": "./fesm2020/bravura-ui-tooltip.mjs"
+      "esm2022": "./esm2022/tooltip/bravura-ui-tooltip.mjs",
+      "esm": "./esm2022/tooltip/bravura-ui-tooltip.mjs",
+      "default": "./fesm2022/bravura-ui-tooltip.mjs"
+    },
+    "./radio-panel/testing": {
+      "types": "./radio-panel/testing/index.d.ts",
+      "esm2022": "./esm2022/radio-panel/testing/bravura-ui-radio-panel-testing.mjs",
+      "esm": "./esm2022/radio-panel/testing/bravura-ui-radio-panel-testing.mjs",
+      "default": "./fesm2022/bravura-ui-radio-panel-testing.mjs"
+    },
+    "./alert/testing": {
+      "types": "./alert/testing/index.d.ts",
+      "esm2022": "./esm2022/alert/testing/bravura-ui-alert-testing.mjs",
+      "esm": "./esm2022/alert/testing/bravura-ui-alert-testing.mjs",
+      "default": "./fesm2022/bravura-ui-alert-testing.mjs"
     }
   },
   "sideEffects": false

package/panel/panel.component.d.ts

@@ -56,5 +56,5 @@ export declare class PanelComponent implements OnInit {
     /** @ignore */
     _resized(width: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, [null, { host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "bui-panel", never, { "backdropClass": "backdropClass"; "cardClass": "cardClass"; "color": "color"; "appearance": "appearance"; "breakpoint": "breakpoint"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "bui-panel", never, { "backdropClass": { "alias": "backdropClass"; "required": false; }; "cardClass": { "alias": "cardClass"; "required": false; }; "color": { "alias": "color"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/panel/tinted.directive.d.ts

@@ -22,5 +22,5 @@ export declare class TintedDirective implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     private generateStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<TintedDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TintedDirective, "[buiTinted], bui-panel", ["buiTinted"], { "color": "buiTinted"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TintedDirective, "[buiTinted], bui-panel", ["buiTinted"], { "color": { "alias": "buiTinted"; "required": false; }; }, {}, never, never, false, never>;
 }

package/phone-number/phone-number.directive.d.ts

@@ -62,5 +62,5 @@ export declare class PhoneNumberDirective implements OnInit, OnChanges, OnDestro
     private initElement;
     private _patchValueByState;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberDirective, [null, { optional: true; }, { optional: true; }, { optional: true; }, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PhoneNumberDirective, "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", never, { "telType": "telType"; "telDropdown": "telDropdown"; }, { "telCountryChange": "telCountryChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PhoneNumberDirective, "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", never, { "telType": { "alias": "telType"; "required": false; }; "telDropdown": { "alias": "telDropdown"; "required": false; }; }, { "telCountryChange": "telCountryChange"; }, never, never, false, never>;
 }

package/phone-number/phone-number.validator.d.ts

@@ -12,7 +12,7 @@ export declare const PHONE_VALIDATOR: StaticProvider;
 /**
  * @internal
  */
-export declare type TEL_TYPE = 'MOBILE' | 'FIXED_LINE_OR_MOBILE' | 'FIXED_LINE';
+export type TEL_TYPE = 'MOBILE' | 'FIXED_LINE_OR_MOBILE' | 'FIXED_LINE';
 /**
  * @internal
  */
@@ -27,5 +27,5 @@ export declare class PhoneNumberValidator implements Validator {
         [key: string]: any;
     } | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PhoneNumberValidator, "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", never, { "telType": "telType"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PhoneNumberValidator, "[buiTelInput], input([type=tel])[ngModel], input([type=tel])[formControlName], input([type=tel])[formControl]", never, { "telType": { "alias": "telType"; "required": false; }; }, {}, never, never, false, never>;
 }

package/radio-panel/radio-panel-item.component.d.ts

@@ -18,5 +18,5 @@ export declare class RadioPanelItemComponent extends MatRadioButton {
     contentOnSelect: TemplateRef<any>;
     constructor(radioGroup: MatRadioGroup, elementRef: ElementRef, _changeDetector: ChangeDetectorRef, _focusMonitor: FocusMonitor, _radioDispatcher: UniqueSelectionDispatcher, animationMode?: string, _providerOverride?: MatRadioDefaultOptions, tabIndex?: string);
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioPanelItemComponent, [{ optional: true; }, null, null, null, null, { optional: true; }, { optional: true; }, { attribute: "tabindex"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioPanelItemComponent, "bui-radio-panel-item", ["matRadioButton"], { "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; "title": "title"; "_tickPosition": "_tickPosition"; "tickPosition": "tickPosition"; }, {}, ["contentOnSelect"], ["[buiRadioItemHeadingEnd]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioPanelItemComponent, "bui-radio-panel-item", ["matRadioButton"], { "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "_tickPosition": { "alias": "_tickPosition"; "required": false; }; "tickPosition": { "alias": "tickPosition"; "required": false; }; }, {}, ["contentOnSelect"], ["[buiRadioItemHeadingEnd]", "*"], false, never>;
 }

package/radio-panel/radio-panel.component.d.ts

@@ -34,5 +34,5 @@ export declare class RadioPanelComponent extends MatRadioGroup implements OnChan
     /** @ignore */
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioPanelComponent, "bui-radio-panel", ["buiRadioPanel"], { "panelWidth": "panelWidth"; "direction": "direction"; "color": "color"; "tickPosition": "tickPosition"; }, {}, ["_radios"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioPanelComponent, "bui-radio-panel", ["buiRadioPanel"], { "panelWidth": { "alias": "panelWidth"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tickPosition": { "alias": "tickPosition"; "required": false; }; }, {}, ["_radios"], ["*"], false, never>;
 }

package/radio-panel/testing/test-api.d.ts

@@ -1,5 +1,5 @@
 import { ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
-import { MatRadioButtonHarness, RadioButtonHarnessFilters, _MatRadioGroupHarnessBase } from '@angular/material/radio/testing';
+import { MatRadioButtonHarness, MatRadioGroupHarness, RadioButtonHarnessFilters } from '@angular/material/radio/testing';
 export interface RadioPanelItemHarnessFilters extends RadioButtonHarnessFilters {
     value?: string | RegExp;
 }
@@ -19,10 +19,9 @@ export declare class RadioPanelItemHarness extends MatRadioButtonHarness {
     getLabelCssValue(prop: string): Promise<string>;
     getBorderColor(): Promise<string>;
 }
-export declare class RadioPanelHarness extends _MatRadioGroupHarnessBase<typeof RadioPanelItemHarness, RadioPanelItemHarness, RadioButtonHarnessFilters> {
+export declare class RadioPanelHarness extends MatRadioGroupHarness {
     /** The selector for the host element of a `MatRadioGroup` instance. */
     static hostSelector: string;
-    protected _buttonClass: typeof RadioPanelItemHarness;
     getItem: (filters: RadioPanelItemHarnessFilters) => Promise<RadioPanelItemHarness>;
     getFlexDir(): Promise<string>;
 }

package/selection-panel/selection-panel-item.component.d.ts

@@ -73,5 +73,5 @@ export declare class SelectionPanelItemComponent implements AfterContentInit {
     private _setDisabled;
     private _setChecked;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionPanelItemComponent, "bui-selection-panel-item", never, { "title": "title"; "shadedHeader": "shadedHeader"; "selectable": "selectable"; "disabled": "disabled"; "value": "value"; "checked": "checked"; "color": "color"; }, {}, never, ["[buiSelectionItemHeadingEnd]", "[buiSelectionItemSubtitle]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionPanelItemComponent, "bui-selection-panel-item", never, { "title": { "alias": "title"; "required": false; }; "shadedHeader": { "alias": "shadedHeader"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["[buiSelectionItemHeadingEnd]", "[buiSelectionItemSubtitle]", "*"], false, never>;
 }

package/selection-panel/selection-panel.directive.d.ts

@@ -63,5 +63,5 @@ export declare class SelectionPanelDirective implements ControlValueAccessor, Se
     /** @ignore */
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionPanelDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectionPanelDirective, "bui-selection-panel", ["buiSelectionPanel"], { "color": "color"; "selectByHeader": "selectByHeader"; }, {}, ["_items"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectionPanelDirective, "bui-selection-panel", ["buiSelectionPanel"], { "color": { "alias": "color"; "required": false; }; "selectByHeader": { "alias": "selectByHeader"; "required": false; }; }, {}, ["_items"], never, false, never>;
 }

package/skeletons/skeleton-loader-presets.directive.d.ts

@@ -1,11 +1,11 @@
 import { AfterViewChecked, ElementRef, InjectionToken } from '@angular/core';
 import { SkeletonLoaderComponent } from './skeleton-loader.component';
 import * as i0 from "@angular/core";
-export declare type SkeletonPreset = {
+export type SkeletonPreset = {
     viewBox: string;
     content: string;
 };
-export declare type SkeletonPresets = {
+export type SkeletonPresets = {
     [key: string]: SkeletonPreset;
 };
 export declare const SKELETON_PRESETS: InjectionToken<SkeletonPresets>;
@@ -19,5 +19,5 @@ export declare class SkeletonLoaderPresetsDirective implements AfterViewChecked
     constructor(_skeletonComponent: SkeletonLoaderComponent, _elementRef: ElementRef<HTMLElement>, _presetList: SkeletonPresets[]);
     ngAfterViewChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderPresetsDirective, [{ host: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SkeletonLoaderPresetsDirective, "bui-skeleton[preset]", never, { "preset": "preset"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkeletonLoaderPresetsDirective, "bui-skeleton[preset]", never, { "preset": { "alias": "preset"; "required": false; }; }, {}, never, never, false, never>;
 }

package/stepper/stepper.component.d.ts

@@ -70,5 +70,5 @@ export declare class StepperComponent extends CdkStepper implements AfterContent
     /** @ignore */
     _startStepTransition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, { self: true; }, { optional: true; skipSelf: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "bui-stepper, [buiStepper]", ["buiStepper", "matStepper", "matVerticalStepper", "matHorizontalStepper"], { "selectedIndex": "selectedIndex"; "disableRipple": "disableRipple"; "color": "color"; "indicatorFormatter": "indicatorFormatter"; "nextStepLabelPrefix": "nextStepLabelPrefix"; }, { "animationDone": "animationDone"; }, ["_steps", "_icons"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "bui-stepper, [buiStepper]", ["buiStepper", "matStepper", "matVerticalStepper", "matHorizontalStepper"], { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "indicatorFormatter": { "alias": "indicatorFormatter"; "required": false; }; "nextStepLabelPrefix": { "alias": "nextStepLabelPrefix"; "required": false; }; }, { "animationDone": "animationDone"; }, ["_steps", "_icons"], never, false, never>;
 }

package/theme/_bui-card.scss

@@ -1,56 +1,56 @@
-@use 'sass:map';
-
-@mixin bui-card($color-config) {
-	$bui-card-header-text-color: var(--bui-card-header-text-color, #19315b);
-	$bui-card-header-background-color: var(--bui-card-header-background-color, #fafafa);
-
-	@if map.get($color-config, 'is-dark') {
-		$bui-card-header-text-color: var(--bui-card-header-text-color-dark-theme, white);
-		$bui-card-header-background-color: var(--bui-card-header-background-color-dark-theme, inherit);
-	}
-
-	.bui-card-flat.mat-mdc-card,
-	.bui-card-shaded.mat-mdc-card {
-		border-radius: 4px;
-		display: flex;
-		flex-direction: column;
-
-		.mat-mdc-card-header {
-			padding: 16px;
-
-			.mat-mdc-card-title {
-				font-size: 16px;
-				color: $bui-card-header-text-color;
-				margin-bottom: 0;
-			}
-
-			.mat-mdc-card-title + .mat-mdc-card-subtitle {
-				margin-top: 0;
-				margin-bottom: 0;
-			}
-		}
-
-		.mat-mdc-card-content {
-			flex: 1;
-		}
-
-		.mat-mdc-card-header + .mat-mdc-card-content {
-			padding-top: 16px;
-		}
-	}
-
-	.bui-card-flat.mat-mdc-card {
-		box-shadow: none;
-		border: 1px solid #e0e0e0;
-
-		.mat-mdc-card-header {
-			border-bottom: 1px solid #e0e0e0;
-		}
-	}
-
-	.bui-card-shaded.mat-mdc-card {
-		.mat-mdc-card-header {
-			background: $bui-card-header-background-color;
-		}
-	}
-}
+@use 'sass:map';
+
+@mixin bui-card($color-config) {
+	$bui-card-header-text-color: var(--bui-card-header-text-color, #19315b);
+	$bui-card-header-background-color: var(--bui-card-header-background-color, #fafafa);
+
+	@if map.get($color-config, 'is-dark') {
+		$bui-card-header-text-color: var(--bui-card-header-text-color-dark-theme, white);
+		$bui-card-header-background-color: var(--bui-card-header-background-color-dark-theme, inherit);
+	}
+
+	.bui-card-flat.mat-mdc-card,
+	.bui-card-shaded.mat-mdc-card {
+		border-radius: 4px;
+		display: flex;
+		flex-direction: column;
+
+		.mat-mdc-card-header {
+			padding: 16px;
+
+			.mat-mdc-card-title {
+				font-size: 16px;
+				color: $bui-card-header-text-color;
+				margin-bottom: 0;
+			}
+
+			.mat-mdc-card-title + .mat-mdc-card-subtitle {
+				margin-top: 0;
+				margin-bottom: 0;
+			}
+		}
+
+		.mat-mdc-card-content {
+			flex: 1;
+		}
+
+		.mat-mdc-card-header + .mat-mdc-card-content {
+			padding-top: 16px;
+		}
+	}
+
+	.bui-card-flat.mat-mdc-card {
+		box-shadow: none;
+		border: 1px solid #e0e0e0;
+
+		.mat-mdc-card-header {
+			border-bottom: 1px solid #e0e0e0;
+		}
+	}
+
+	.bui-card-shaded.mat-mdc-card {
+		.mat-mdc-card-header {
+			background: $bui-card-header-background-color;
+		}
+	}
+}

package/theme/_ui-theme.scss

@@ -39,12 +39,12 @@ $mat-background-extract: (
 		transition: $border-color-transition;
 	}
 
-	$color-config: mat.get-color-config($theme);
+	$color-config: mat.m2-get-color-config($theme);
 	@if $color-config != null {
 		@include card.bui-card($color-config);
 		@each $p in (primary, accent, warn) {
 			$primary-palette: map.get($color-config, $p);
-			$c: mat.get-color-from-palette($primary-palette, text);
+			$c: mat.m2-get-color-from-palette($primary-palette, text);
 			@include apply-color($p, $c, $border-color-transition);
 		}
 
@@ -64,7 +64,7 @@ $mat-background-extract: (
 		.bui-host {
 			@each $p in (primary, accent, warn) {
 				$primary-palette: map.get($color-config, $p);
-				$c: mat.get-color-from-palette($primary-palette, text);
+				$c: mat.m2-get-color-from-palette($primary-palette, text);
 				--bui-color-#{$p}: #{$c};
 			}
 

package/theme/global-style-by-bootstrap.scss

@@ -1,3 +1,3 @@
-body {
-	box-sizing: border-box;
-}
+body {
+	box-sizing: border-box;
+}

package/theme/global-style-by-tailwind.scss

@@ -1,3 +1,3 @@
-body {
-	box-sizing: border-box;
-}
+body {
+	box-sizing: border-box;
+}