@bravura/ui 5.2.3 → 6.0.0

package/m3-theme.scss

@@ -1,155 +1,155 @@
-// This file was generated by running 'ng generate @angular/material:m3-theme'.
-// Proceed with caution if making changes to this file.
-
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-// Note: Color palettes are generated from primary: #135ac5, secondary: #29bcb0
-$_palettes: (
-	primary: (
-		0: #000000,
-		10: #001944,
-		20: #002d6d,
-		25: #003783,
-		30: #00429a,
-		35: #004db1,
-		40: #1159c4,
-		50: #3973df,
-		60: #588dfb,
-		70: #84aaff,
-		80: #afc6ff,
-		90: #d9e2ff,
-		95: #edf0ff,
-		98: #faf8ff,
-		99: #fefbff,
-		100: #ffffff
-	),
-	secondary: (
-		0: #000000,
-		10: #00201d,
-		20: #003733,
-		25: #00433e,
-		30: #00504a,
-		35: #005d56,
-		40: #006a63,
-		50: #00867c,
-		60: #00a297,
-		70: #2dbeb2,
-		80: #54dace,
-		90: #75f7ea,
-		95: #b2fff5,
-		98: #e4fffa,
-		99: #f2fffc,
-		100: #ffffff
-	),
-	tertiary: (
-		0: #000000,
-		10: #330044,
-		20: #54006d,
-		25: #620f7c,
-		30: #6f2089,
-		35: #7c2f96,
-		40: #8a3ca3,
-		50: #a556be,
-		60: #c270da,
-		70: #df8bf7,
-		80: #f0b0ff,
-		90: #fbd7ff,
-		95: #ffebff,
-		98: #fff7fb,
-		99: #fffbff,
-		100: #ffffff
-	),
-	neutral: (
-		0: #000000,
-		10: #191b22,
-		20: #2e3037,
-		25: #393b43,
-		30: #44464e,
-		35: #50525a,
-		40: #5c5e66,
-		50: #75777f,
-		60: #8f9099,
-		70: #aaabb4,
-		80: #c5c6cf,
-		90: #e1e2eb,
-		95: #f0f0fa,
-		98: #faf8ff,
-		99: #fefbff,
-		100: #ffffff,
-		4: #0c0e14,
-		6: #11131a,
-		12: #1d1f26,
-		17: #282a31,
-		22: #32353c,
-		24: #373940,
-		87: #d9d9e3,
-		92: #e7e7f1,
-		94: #ededf7,
-		96: #f3f3fc
-	),
-	neutral-variant: (
-		0: #000000,
-		10: #171b26,
-		20: #2c303c,
-		25: #373b47,
-		30: #424653,
-		35: #4e525f,
-		40: #5a5e6b,
-		50: #737784,
-		60: #8c909f,
-		70: #a7abba,
-		80: #c2c6d5,
-		90: #dfe2f2,
-		95: #edf0ff,
-		98: #faf8ff,
-		99: #fefbff,
-		100: #ffffff
-	),
-	error: (
-		0: #000000,
-		10: #410002,
-		20: #690005,
-		25: #7e0007,
-		30: #93000a,
-		35: #a80710,
-		40: #ba1a1a,
-		50: #de3730,
-		60: #ff5449,
-		70: #ff897d,
-		80: #ffb4ab,
-		90: #ffdad6,
-		95: #ffedea,
-		98: #fff8f7,
-		99: #fffbff,
-		100: #ffffff
-	)
-);
-
-$_rest: (
-	secondary: map.get($_palettes, secondary),
-	neutral: map.get($_palettes, neutral),
-	neutral-variant: map.get($_palettes, neutral-variant),
-	error: map.get($_palettes, error)
-);
-$_primary: map.merge(map.get($_palettes, primary), $_rest);
-$_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
-
-$light-theme: mat.define-theme(
-	(
-		color: (
-			theme-type: light,
-			primary: $_primary,
-			tertiary: $_tertiary
-		)
-	)
-);
-$dark-theme: mat.define-theme(
-	(
-		color: (
-			theme-type: dark,
-			primary: $_primary,
-			tertiary: $_tertiary
-		)
-	)
-);
+// This file was generated by running 'ng generate @angular/material:m3-theme'.
+// Proceed with caution if making changes to this file.
+
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+// Note: Color palettes are generated from primary: #135ac5, secondary: #29bcb0
+$_palettes: (
+	primary: (
+		0: #000000,
+		10: #001944,
+		20: #002d6d,
+		25: #003783,
+		30: #00429a,
+		35: #004db1,
+		40: #1159c4,
+		50: #3973df,
+		60: #588dfb,
+		70: #84aaff,
+		80: #afc6ff,
+		90: #d9e2ff,
+		95: #edf0ff,
+		98: #faf8ff,
+		99: #fefbff,
+		100: #ffffff
+	),
+	secondary: (
+		0: #000000,
+		10: #00201d,
+		20: #003733,
+		25: #00433e,
+		30: #00504a,
+		35: #005d56,
+		40: #006a63,
+		50: #00867c,
+		60: #00a297,
+		70: #2dbeb2,
+		80: #54dace,
+		90: #75f7ea,
+		95: #b2fff5,
+		98: #e4fffa,
+		99: #f2fffc,
+		100: #ffffff
+	),
+	tertiary: (
+		0: #000000,
+		10: #330044,
+		20: #54006d,
+		25: #620f7c,
+		30: #6f2089,
+		35: #7c2f96,
+		40: #8a3ca3,
+		50: #a556be,
+		60: #c270da,
+		70: #df8bf7,
+		80: #f0b0ff,
+		90: #fbd7ff,
+		95: #ffebff,
+		98: #fff7fb,
+		99: #fffbff,
+		100: #ffffff
+	),
+	neutral: (
+		0: #000000,
+		10: #191b22,
+		20: #2e3037,
+		25: #393b43,
+		30: #44464e,
+		35: #50525a,
+		40: #5c5e66,
+		50: #75777f,
+		60: #8f9099,
+		70: #aaabb4,
+		80: #c5c6cf,
+		90: #e1e2eb,
+		95: #f0f0fa,
+		98: #faf8ff,
+		99: #fefbff,
+		100: #ffffff,
+		4: #0c0e14,
+		6: #11131a,
+		12: #1d1f26,
+		17: #282a31,
+		22: #32353c,
+		24: #373940,
+		87: #d9d9e3,
+		92: #e7e7f1,
+		94: #ededf7,
+		96: #f3f3fc
+	),
+	neutral-variant: (
+		0: #000000,
+		10: #171b26,
+		20: #2c303c,
+		25: #373b47,
+		30: #424653,
+		35: #4e525f,
+		40: #5a5e6b,
+		50: #737784,
+		60: #8c909f,
+		70: #a7abba,
+		80: #c2c6d5,
+		90: #dfe2f2,
+		95: #edf0ff,
+		98: #faf8ff,
+		99: #fefbff,
+		100: #ffffff
+	),
+	error: (
+		0: #000000,
+		10: #410002,
+		20: #690005,
+		25: #7e0007,
+		30: #93000a,
+		35: #a80710,
+		40: #ba1a1a,
+		50: #de3730,
+		60: #ff5449,
+		70: #ff897d,
+		80: #ffb4ab,
+		90: #ffdad6,
+		95: #ffedea,
+		98: #fff8f7,
+		99: #fffbff,
+		100: #ffffff
+	)
+);
+
+$_rest: (
+	secondary: map.get($_palettes, secondary),
+	neutral: map.get($_palettes, neutral),
+	neutral-variant: map.get($_palettes, neutral-variant),
+	error: map.get($_palettes, error)
+);
+$_primary: map.merge(map.get($_palettes, primary), $_rest);
+$_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
+
+$light-theme: mat.define-theme(
+	(
+		color: (
+			theme-type: light,
+			primary: $_primary,
+			tertiary: $_tertiary
+		)
+	)
+);
+$dark-theme: mat.define-theme(
+	(
+		color: (
+			theme-type: dark,
+			primary: $_primary,
+			tertiary: $_tertiary
+		)
+	)
+);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bravura/ui",
   "description": "Bravura UI Components for Angular applications",
-  "version": "5.2.3",
+  "version": "6.0.0",
   "keywords": [
     "Angular",
     "Angular Material",
@@ -23,8 +23,6 @@
     ".": {
       "sass": "./_index.scss",
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/bravura-ui.mjs",
-      "esm": "./esm2022/bravura-ui.mjs",
       "default": "./fesm2022/bravura-ui.mjs"
     },
     "./theme": {
@@ -35,116 +33,78 @@
     },
     "./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"
     },
     "./behavior": {
       "types": "./behavior/index.d.ts",
-      "esm2022": "./esm2022/behavior/bravura-ui-behavior.mjs",
-      "esm": "./esm2022/behavior/bravura-ui-behavior.mjs",
       "default": "./fesm2022/bravura-ui-behavior.mjs"
     },
     "./clip-note": {
       "types": "./clip-note/index.d.ts",
-      "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"
     },
     "./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"
     },
-    "./currency-input": {
-      "types": "./currency-input/index.d.ts",
-      "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"
-    },
     "./decimal-input": {
       "types": "./decimal-input/index.d.ts",
-      "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",
-      "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"
     },
-    "./form-field": {
-      "types": "./form-field/index.d.ts",
-      "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"
+    "./currency-input": {
+      "types": "./currency-input/index.d.ts",
+      "default": "./fesm2022/bravura-ui-currency-input.mjs"
     },
     "./file-upload": {
       "types": "./file-upload/index.d.ts",
-      "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",
+      "default": "./fesm2022/bravura-ui-form-field.mjs"
+    },
     "./icon-font": {
       "types": "./icon-font/index.d.ts",
-      "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",
-      "esm2022": "./esm2022/panel/bravura-ui-panel.mjs",
-      "esm": "./esm2022/panel/bravura-ui-panel.mjs",
       "default": "./fesm2022/bravura-ui-panel.mjs"
     },
     "./phone-number": {
       "types": "./phone-number/index.d.ts",
-      "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"
     },
+    "./skeletons": {
+      "types": "./skeletons/index.d.ts",
+      "default": "./fesm2022/bravura-ui-skeletons.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"
     },
     "./selection-panel": {
       "types": "./selection-panel/index.d.ts",
-      "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",
-      "esm2022": "./esm2022/skeletons/bravura-ui-skeletons.mjs",
-      "esm": "./esm2022/skeletons/bravura-ui-skeletons.mjs",
-      "default": "./fesm2022/bravura-ui-skeletons.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"
     },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
-      "esm2022": "./esm2022/tooltip/bravura-ui-tooltip.mjs",
-      "esm": "./esm2022/tooltip/bravura-ui-tooltip.mjs",
       "default": "./fesm2022/bravura-ui-tooltip.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"
     },
     "./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"
     }
   },

package/radio-panel/_radio-panel-theme.scss

@@ -1,11 +1,11 @@
-@use '@angular/material' as mat;
-
-@mixin color($theme) {
-	.bui-radio-panel-checked-icon {
-		color: mat.get-theme-color($theme, primary);
-	}
-}
-
-@mixin theme($theme) {
-	@include color($theme);
-}
+@use '@angular/material' as mat;
+
+@mixin color($theme) {
+	.bui-radio-panel-checked-icon {
+		color: mat.get-theme-color($theme, primary);
+	}
+}
+
+@mixin theme($theme) {
+	@include color($theme);
+}

package/selection-panel/_selection-panel-theme.scss

@@ -1,33 +1,33 @@
-@use '@angular/material' as mat;
-@use 'sass:map';
-@use 'sass:meta';
-
-@mixin color($theme, $options...) {
-	bui-selection-panel-item {
-		$option-map: meta.keywords($options);
-		$color-variant: map.get($option-map, color-variant);
-
-		border-color: mat.get-theme-color($theme, outline-variant);
-
-		.bui-selection-checkbox {
-			@if $color-variant {
-				@include mat.checkbox-color($theme, $color-variant: $color-variant);
-			}
-		}
-
-		&.bui-selection-checked,
-		&.bui-selection-checked:not(.bui-disabled:hover, .bui-unselectable) {
-			border-color: mat.get-theme-color($theme, $color-variant or primary);
-		}
-
-		&:not(.bui-disabled, .bui-unselectable) {
-			&:hover {
-				border-color: mat.get-theme-color($theme, outline);
-			}
-		}
-	}
-}
-
-@mixin theme($theme, $options...) {
-	@include color($theme, $options...);
-}
+@use '@angular/material' as mat;
+@use 'sass:map';
+@use 'sass:meta';
+
+@mixin color($theme, $options...) {
+	bui-selection-panel-item {
+		$option-map: meta.keywords($options);
+		$color-variant: map.get($option-map, color-variant);
+
+		border-color: mat.get-theme-color($theme, outline-variant);
+
+		.bui-selection-checkbox {
+			@if $color-variant {
+				@include mat.checkbox-color($theme, $color-variant: $color-variant);
+			}
+		}
+
+		&.bui-selection-checked,
+		&.bui-selection-checked:not(.bui-disabled:hover, .bui-unselectable) {
+			border-color: mat.get-theme-color($theme, $color-variant or primary);
+		}
+
+		&:not(.bui-disabled, .bui-unselectable) {
+			&:hover {
+				border-color: mat.get-theme-color($theme, outline);
+			}
+		}
+	}
+}
+
+@mixin theme($theme, $options...) {
+	@include color($theme, $options...);
+}

package/stepper/_stepper-theme.scss

@@ -1,20 +1,20 @@
-@use '@angular/material' as mat;
-
-@mixin color($theme) {
-	.bui-step-progress-label {
-		color: mat.get-theme-color($theme, on-surface-variant);
-	}
-
-	.bui-stepper-content-container {
-		border-color: mat.get-theme-color($theme, outline-variant);
-		background-color: mat.get-theme-color($theme, surface);
-	}
-
-	.bui-stepper-progress-indicator-section.bui-step-section-interacted {
-		background-color: mat.get-theme-color($theme, tertiary);
-	}
-}
-
-@mixin theme($theme) {
-	@include color($theme);
-}
+@use '@angular/material' as mat;
+
+@mixin color($theme) {
+	.bui-step-progress-label {
+		color: mat.get-theme-color($theme, on-surface-variant);
+	}
+
+	.bui-stepper-content-container {
+		border-color: mat.get-theme-color($theme, outline-variant);
+		background-color: mat.get-theme-color($theme, surface);
+	}
+
+	.bui-stepper-progress-indicator-section.bui-step-section-interacted {
+		background-color: mat.get-theme-color($theme, tertiary);
+	}
+}
+
+@mixin theme($theme) {
+	@include color($theme);
+}

package/stepper/public-api.d.ts

@@ -1,3 +1,3 @@
-export * from './step-label-prefix.directive';
+export * from './step-label-top.directive';
 export * from './stepper.component';
 export * from './stepper.module';

package/stepper/{step-label-prefix.directive.d.ts → step-label-top.directive.d.ts}

@@ -1,17 +1,17 @@
 import { AfterContentInit, TemplateRef } from '@angular/core';
 import { MatStep } from '@angular/material/stepper';
 import * as i0 from "@angular/core";
-export declare class StepLabelPrefixDirective {
+export declare class StepLabelTopDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepLabelPrefixDirective, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StepLabelPrefixDirective, "[buiStepLabelPrefix]", never, {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepLabelTopDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepLabelTopDirective, "[buiStepLabelTop]", never, {}, {}, never, never, false, never>;
 }
 export declare class StepDirective implements AfterContentInit {
-    stepLabelPrefixDirective: StepLabelPrefixDirective;
+    stepLabelTopDirective: StepLabelTopDirective;
     step: MatStep;
     constructor();
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StepDirective, "mat-step", never, {}, {}, ["stepLabelPrefixDirective"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepDirective, "mat-step", never, {}, {}, ["stepLabelTopDirective"], never, false, never>;
 }

package/stepper/stepper.module.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./stepper.component";
-import * as i2 from "./step-label-prefix.directive";
+import * as i2 from "./step-label-top.directive";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/cdk/portal";
 import * as i5 from "@angular/cdk/stepper";
@@ -12,6 +12,6 @@ import * as i10 from "@angular/material/progress-spinner";
 import * as i11 from "@bravura/ui/behavior";
 export declare class StepperModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperComponent, typeof i2.StepDirective, typeof i2.StepLabelPrefixDirective], [typeof i3.CommonModule, typeof i4.PortalModule, typeof i5.CdkStepperModule, typeof i6.MatStepperModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.MatRippleModule, typeof i10.MatProgressSpinnerModule, typeof i11.BehaviorModule], [typeof i1.StepperComponent, typeof i6.MatStepperModule, typeof i2.StepLabelPrefixDirective, typeof i2.StepDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperComponent, typeof i2.StepDirective, typeof i2.StepLabelTopDirective], [typeof i3.CommonModule, typeof i4.PortalModule, typeof i5.CdkStepperModule, typeof i6.MatStepperModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.MatRippleModule, typeof i10.MatProgressSpinnerModule, typeof i11.BehaviorModule], [typeof i1.StepperComponent, typeof i6.MatStepperModule, typeof i2.StepLabelTopDirective, typeof i2.StepDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
 }