@bravura/ui 5.2.4 → 6.0.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bravura/ui",
   "description": "Bravura UI Components for Angular applications",
-  "version": "5.2.4",
+  "version": "6.0.1",
   "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"
     },
-    "./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",
+      "default": "./fesm2022/bravura-ui-discrete-input.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"
     },
-    "./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"
+    "./file-upload": {
+      "types": "./file-upload/index.d.ts",
+      "default": "./fesm2022/bravura-ui-file-upload.mjs"
+    },
+    "./decimal-input": {
+      "types": "./decimal-input/index.d.ts",
+      "default": "./fesm2022/bravura-ui-decimal-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"
     },
-    "./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"
-    },
     "./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"
-    },
     "./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",
+      "default": "./fesm2022/bravura-ui-phone-number.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/theme/_ui-theme-legacy.scss

@@ -1,112 +1,112 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-@use './scrollbar.scss' as scrollbar;
-@use './bui-card' as card;
-
-$default-border-color-transition: border-color 100ms cubic-bezier(0.55, 0, 0.55, 0.2);
-$mat-foreground-extract: (
-	'secondary-text': 'light',
-	'hint-text': 'muted',
-	'divider': 'divider',
-	'base': 'base',
-	'inactive': 'inactive'
-);
-
-$mat-background-extract: (
-	'card': 'card',
-	'background': 'body'
-);
-
-@mixin apply-color($name, $color, $border-color-transition: $default-border-color-transition) {
-	.bui-border-#{$name} {
-		border-color: $color !important;
-		transition: $border-color-transition;
-	}
-	.bui-bg-#{$name} {
-		background-color: $color !important;
-	}
-	.bui-color-#{$name} {
-		color: $color !important;
-	}
-	.bui-outline-#{$name} {
-		outline-color: $color !important;
-	}
-}
-
-@mixin apply-colors($theme, $border-color-transition: $default-border-color-transition) {
-	.bui-border-emphasis:hover {
-		border-color: currentColor !important;
-		transition: $border-color-transition;
-	}
-
-	$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.m2-get-color-from-palette($primary-palette, text);
-			@include apply-color($p, $c, $border-color-transition);
-		}
-
-		$fg-original: map.get($color-config, 'foreground');
-		$fg: map.merge(
-			$fg-original,
-			(
-				inactive: rgba(map.get($fg-original, base), 0.06)
-			)
-		);
-
-		@each $key, $name in $mat-foreground-extract {
-			$c: map.get($fg, $key);
-			@include apply-color($name, $c, $border-color-transition);
-		}
-
-		.bui-host {
-			@each $p in (primary, accent, warn) {
-				$primary-palette: map.get($color-config, $p);
-				$c: mat.m2-get-color-from-palette($primary-palette, text);
-				--bui-color-#{$p}: #{$c};
-			}
-
-			@each $key, $name in $mat-foreground-extract {
-				$c: map.get($fg, $key);
-				--bui-color-#{$name}: #{$c};
-			}
-
-			@each $key, $name in $mat-background-extract {
-				$bg: map.get($color-config, 'background');
-				$c: map.get($bg, $key);
-				--bui-bg-#{$name}: #{$c};
-			}
-
-			@if map.get($color-config, 'is-dark') == false {
-				--bui-color-success: #519602;
-				--bui-color-info: #0dcaf0;
-				--bui-color-warning: #ffc107;
-				--bui-color-error: #dc3545;
-			}
-		}
-
-		$card-bg: map.get(map.get($color-config, 'background'), 'card');
-		.iti__country-list {
-			background-color: $card-bg;
-		}
-	}
-}
-
-@mixin theme($theme, $border-color-transition: $default-border-color-transition) {
-	@include apply-colors($theme, $border-color-transition);
-	@include scrollbar.bui-scrollbar;
-
-	.mat-icon {
-		&.fas,
-		&.far,
-		&.fab,
-		&.fa {
-			display: inline-flex;
-			justify-content: center;
-			align-items: center;
-			font-size: 20px;
-		}
-	}
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use './scrollbar.scss' as scrollbar;
+@use './bui-card' as card;
+
+$default-border-color-transition: border-color 100ms cubic-bezier(0.55, 0, 0.55, 0.2);
+$mat-foreground-extract: (
+	'secondary-text': 'light',
+	'hint-text': 'muted',
+	'divider': 'divider',
+	'base': 'base',
+	'inactive': 'inactive'
+);
+
+$mat-background-extract: (
+	'card': 'card',
+	'background': 'body'
+);
+
+@mixin apply-color($name, $color, $border-color-transition: $default-border-color-transition) {
+	.bui-border-#{$name} {
+		border-color: $color !important;
+		transition: $border-color-transition;
+	}
+	.bui-bg-#{$name} {
+		background-color: $color !important;
+	}
+	.bui-color-#{$name} {
+		color: $color !important;
+	}
+	.bui-outline-#{$name} {
+		outline-color: $color !important;
+	}
+}
+
+@mixin apply-colors($theme, $border-color-transition: $default-border-color-transition) {
+	.bui-border-emphasis:hover {
+		border-color: currentColor !important;
+		transition: $border-color-transition;
+	}
+
+	$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.m2-get-color-from-palette($primary-palette, text);
+			@include apply-color($p, $c, $border-color-transition);
+		}
+
+		$fg-original: map.get($color-config, 'foreground');
+		$fg: map.merge(
+			$fg-original,
+			(
+				inactive: rgba(map.get($fg-original, base), 0.06)
+			)
+		);
+
+		@each $key, $name in $mat-foreground-extract {
+			$c: map.get($fg, $key);
+			@include apply-color($name, $c, $border-color-transition);
+		}
+
+		.bui-host {
+			@each $p in (primary, accent, warn) {
+				$primary-palette: map.get($color-config, $p);
+				$c: mat.m2-get-color-from-palette($primary-palette, text);
+				--bui-color-#{$p}: #{$c};
+			}
+
+			@each $key, $name in $mat-foreground-extract {
+				$c: map.get($fg, $key);
+				--bui-color-#{$name}: #{$c};
+			}
+
+			@each $key, $name in $mat-background-extract {
+				$bg: map.get($color-config, 'background');
+				$c: map.get($bg, $key);
+				--bui-bg-#{$name}: #{$c};
+			}
+
+			@if map.get($color-config, 'is-dark') == false {
+				--bui-color-success: #519602;
+				--bui-color-info: #0dcaf0;
+				--bui-color-warning: #ffc107;
+				--bui-color-error: #dc3545;
+			}
+		}
+
+		$card-bg: map.get(map.get($color-config, 'background'), 'card');
+		.iti__country-list {
+			background-color: $card-bg;
+		}
+	}
+}
+
+@mixin theme($theme, $border-color-transition: $default-border-color-transition) {
+	@include apply-colors($theme, $border-color-transition);
+	@include scrollbar.bui-scrollbar;
+
+	.mat-icon {
+		&.fas,
+		&.far,
+		&.fab,
+		&.fa {
+			display: inline-flex;
+			justify-content: center;
+			align-items: center;
+			font-size: 20px;
+		}
+	}
+}