@enigmatry/entry-components 17.0.0-preview.5 → 17.0.0-preview.5.1

package/styles/modules/components/toggle/_generator.scss

@@ -1,47 +1,47 @@
-/* stylelint-disable max-nesting-depth */
-@use 'sass:map';
-@use 'sass:color';
-
-@function -adjust-lightness($color, $percentage: 10%) {
-	@if not $color or $color == transparent {
-		@return null;
-	}
-	$current-lightness: color.lightness($color);
-	$adjustment: if($current-lightness > 50%, -$percentage, $percentage);
-	@return color.adjust($color, $lightness: $adjustment);
-}
-
-@mixin generate-from($theme) {
-	$enabled-states: 'enabled', 'enabled:focus:not(:active)', 'enabled:active', 'enabled:hover:not(:focus):not(:active)';
-	$handle-selector: '.mdc-switch__handle::after';
-	
-	$toggle: map.get($theme, 'general', 'toggle');
-	$handle-on-background: map.get($toggle, 'on', 'background');
-	$handle-off-background: map.get($toggle, 'off', 'background');
-
-	@if $handle-on-background and $handle-off-background {
-		.mat-mdc-slide-toggle {
-			@each $state in $enabled-states {
-				.mdc-switch:#{$state} {
-					&.mdc-switch--selected #{$handle-selector} {
-						background-color: $handle-on-background;
-					}
-
-					&:not(.mdc-switch--selected) #{$handle-selector} {
-						background-color: $handle-off-background;
-					}
-
-					.mdc-switch__track {
-						&::after {
-							background-color: -adjust-lightness($handle-on-background);
-						}
-					
-						&::before {
-							background-color: -adjust-lightness($handle-off-background);
-						}
-					}
-				}
-			}
-		}
-	}
-}
+/* stylelint-disable max-nesting-depth */
+@use 'sass:map';
+@use 'sass:color';
+
+@function -adjust-lightness($color, $percentage: 10%) {
+	@if not $color or $color == transparent {
+		@return null;
+	}
+	$current-lightness: color.lightness($color);
+	$adjustment: if($current-lightness > 50%, -$percentage, $percentage);
+	@return color.adjust($color, $lightness: $adjustment);
+}
+
+@mixin generate-from($theme) {
+	$enabled-states: 'enabled', 'enabled:focus:not(:active)', 'enabled:active', 'enabled:hover:not(:focus):not(:active)';
+	$handle-selector: '.mdc-switch__handle::after';
+	
+	$toggle: map.get($theme, 'general', 'toggle');
+	$handle-on-background: map.get($toggle, 'on', 'background');
+	$handle-off-background: map.get($toggle, 'off', 'background');
+
+	@if $handle-on-background and $handle-off-background {
+		.mat-mdc-slide-toggle {
+			@each $state in $enabled-states {
+				.mdc-switch:#{$state} {
+					&.mdc-switch--selected #{$handle-selector} {
+						background-color: $handle-on-background;
+					}
+
+					&:not(.mdc-switch--selected) #{$handle-selector} {
+						background-color: $handle-off-background;
+					}
+
+					.mdc-switch__track {
+						&::after {
+							background-color: -adjust-lightness($handle-on-background);
+						}
+					
+						&::before {
+							background-color: -adjust-lightness($handle-off-background);
+						}
+					}
+				}
+			}
+		}
+	}
+}

package/styles/modules/typography/_fonts.scss

@@ -1,64 +1,64 @@
-@use 'sass:map';
-
-$font-path: '/assets/fonts/';
-$font-sources: (
-	(
-		name: 'Roboto',
-		style: normal,
-		formats: ('woff2'),
-		weight: 400
-	),
-	(
-		name: 'Roboto',
-		style: bold,
-		formats: ('woff2'),
-		weight: 500
-	)
-);
-
-// $font-sources: (
-// 	(
-// 		name: 'OpenSans',
-// 		style: normal,
-// 		formats: ('eot', 'woff', 'woff2', 'ttf')
-// 	),
-// 	(
-// 		name: 'OpenSans',
-// 		style: bold,
-// 		formats: ('eot', 'woff', 'woff2', 'ttf')
-// 	),
-// 	(
-// 		name: 'Montserrat',
-// 		style: bold,
-// 		formats: ('eot', 'woff', 'woff2', 'ttf')
-// 	)
-// );
-
-@mixin generate-default-font() {
-	@each $font in $font-sources {
-		$name: map.get($font, name);
-		$style: map.get($font, style);
-		$formats: map.get($font, formats);
-		$weight: map.get($font, weight);
-
-		@each $format in $formats {
-			$url: '#{$font-path}#{$name}/#{$name}-#{$style}.#{$format}';
-
-			@font-face {
-				font: {
-					style: '#{$style}';
-		
-					/* stylelint-disable property-no-unknown, max-nesting-depth */
-					@if $weight {
-						family: '#{$name}';
-						weight: $weight;
-					}
-					@else {
-						family: '#{$name}-#{$style}';
-					}
-				}
-				src: url('#{$url}') format('#{$format}');
-			}
-		}
-	}
-}
+@use 'sass:map';
+
+$font-path: '/assets/fonts/';
+$font-sources: (
+	(
+		name: 'Roboto',
+		style: normal,
+		formats: ('woff2'),
+		weight: 400
+	),
+	(
+		name: 'Roboto',
+		style: bold,
+		formats: ('woff2'),
+		weight: 500
+	)
+);
+
+// $font-sources: (
+// 	(
+// 		name: 'OpenSans',
+// 		style: normal,
+// 		formats: ('eot', 'woff', 'woff2', 'ttf')
+// 	),
+// 	(
+// 		name: 'OpenSans',
+// 		style: bold,
+// 		formats: ('eot', 'woff', 'woff2', 'ttf')
+// 	),
+// 	(
+// 		name: 'Montserrat',
+// 		style: bold,
+// 		formats: ('eot', 'woff', 'woff2', 'ttf')
+// 	)
+// );
+
+@mixin generate-default-font() {
+	@each $font in $font-sources {
+		$name: map.get($font, name);
+		$style: map.get($font, style);
+		$formats: map.get($font, formats);
+		$weight: map.get($font, weight);
+
+		@each $format in $formats {
+			$url: '#{$font-path}#{$name}/#{$name}-#{$style}.#{$format}';
+
+			@font-face {
+				font: {
+					style: '#{$style}';
+		
+					/* stylelint-disable property-no-unknown, max-nesting-depth */
+					@if $weight {
+						family: '#{$name}';
+						weight: $weight;
+					}
+					@else {
+						family: '#{$name}-#{$style}';
+					}
+				}
+				src: url('#{$url}') format('#{$format}');
+			}
+		}
+	}
+}

package/styles/modules/vendors/angular-material/_generator.scss

@@ -1,46 +1,46 @@
-/* stylelint-disable scss/no-duplicate-dollar-variables */
-@use '@angular/material' as theming;
-@use 'palette-generator';
-@use 'typography-generator';
-@use 'sass:map';
-@use '../../typography/fonts';
-
-/* stylelint-disable scss/function-no-unknown */
-@mixin generate-from($entry-theme) {
-	@include theming.core();
-	$body-font: map.get($entry-theme, 'general', 'fonts', 'body', 'family');
-
-	@if $body-font == '' {
-		@include fonts.generate-default-font();
-	}
-
-	$primary-palette: theming.define-palette(-get-material-palette-for('primary', $entry-theme));
-	$accent-palette: theming.define-palette(-get-material-palette-for('accent', $entry-theme));
-	$warn-palette: theming.define-palette(theming.$red-palette);
-
-	$typography: typography-generator.generate-from($entry-theme);
-	@include theming.typography-hierarchy($typography);
-
-	$material-theme: theming.define-light-theme((
-		color: (
-			primary: $primary-palette,
-			accent: $accent-palette,
-			warn: $warn-palette,
-		),
-		typography: $typography,
-		density: map.get($entry-theme, 'general', 'density')
-	));
-
-	@include theming.all-component-themes($material-theme);
-}
-
-@function -get-material-palette-for($key, $theme) {
-	$palette: map.get($theme, 'general', 'colors', $key + '-theme');
-
-	@if $palette {
-		@return $palette;
-	}
-
-	$color: map.get($theme, 'general', 'colors', $key);
-	@return palette-generator.generate-from($color);
-}
+/* stylelint-disable scss/no-duplicate-dollar-variables */
+@use '@angular/material' as theming;
+@use 'palette-generator';
+@use 'typography-generator';
+@use 'sass:map';
+@use '../../typography/fonts';
+
+/* stylelint-disable scss/function-no-unknown */
+@mixin generate-from($entry-theme) {
+	@include theming.core();
+	$body-font: map.get($entry-theme, 'general', 'fonts', 'body', 'family');
+
+	@if $body-font == '' {
+		@include fonts.generate-default-font();
+	}
+
+	$primary-palette: theming.define-palette(-get-material-palette-for('primary', $entry-theme));
+	$accent-palette: theming.define-palette(-get-material-palette-for('accent', $entry-theme));
+	$warn-palette: theming.define-palette(theming.$red-palette);
+
+	$typography: typography-generator.generate-from($entry-theme);
+	@include theming.typography-hierarchy($typography);
+
+	$material-theme: theming.define-light-theme((
+		color: (
+			primary: $primary-palette,
+			accent: $accent-palette,
+			warn: $warn-palette,
+		),
+		typography: $typography,
+		density: map.get($entry-theme, 'general', 'density')
+	));
+
+	@include theming.all-component-themes($material-theme);
+}
+
+@function -get-material-palette-for($key, $theme) {
+	$palette: map.get($theme, 'general', 'colors', $key + '-theme');
+
+	@if $palette {
+		@return $palette;
+	}
+
+	$color: map.get($theme, 'general', 'colors', $key);
+	@return palette-generator.generate-from($color);
+}

package/styles/modules/vendors/angular-material/_palette-generator.scss

@@ -1,32 +1,32 @@
-@use 'sass:color';
-@use 'sass:map';
-
-@function generate-from($color) {
-	$result: (
-		50: color.adjust($color, $lightness: -30%),
-		contrast: (
-			50: #212121,
-			100: #212121,
-			200: #212121,
-			300: #212121,
-			400: #212121,
-			500: #FFF,
-			600: #FFF,
-			700: #FFF,
-			800: #FFF,
-			900: #FFF,
-			a100: #212121,
-			a200: #212121,
-			a400: #FFF,
-			a700: #FFF
-		)
-	);
-
-	@for $counter from 1 through 9 {
-		$blended-color: color.adjust($color, $lightness: -27 + $counter * 5%);
-		/* stylelint-disable-next-line scss/no-duplicate-dollar-variables */
-		$result: map.set($result, $counter * 100, $blended-color);
-	}
-
-	@return $result;
-}
+@use 'sass:color';
+@use 'sass:map';
+
+@function generate-from($color) {
+	$result: (
+		50: color.adjust($color, $lightness: -30%),
+		contrast: (
+			50: #212121,
+			100: #212121,
+			200: #212121,
+			300: #212121,
+			400: #212121,
+			500: #FFF,
+			600: #FFF,
+			700: #FFF,
+			800: #FFF,
+			900: #FFF,
+			a100: #212121,
+			a200: #212121,
+			a400: #FFF,
+			a700: #FFF
+		)
+	);
+
+	@for $counter from 1 through 9 {
+		$blended-color: color.adjust($color, $lightness: -27 + $counter * 5%);
+		/* stylelint-disable-next-line scss/no-duplicate-dollar-variables */
+		$result: map.set($result, $counter * 100, $blended-color);
+	}
+
+	@return $result;
+}

package/styles/modules/vendors/angular-material/_typography-generator.scss

@@ -1,108 +1,108 @@
-/* stylelint-disable scss/no-duplicate-dollar-variables, scss/function-no-unknown */
-@use '@angular/material' as theming;
-@use 'sass:map';
-
-@function generate-from($theme) {
-	$theme-typography: map.get($theme, 'general', 'typography');
-
-	@if $theme-typography {
-		@return $theme-typography;
-	}
-
-	@return -generate-typography-from($theme);
-}
-
-@function -generate-typography-from($theme) {
-	$fonts: map.get($theme, 'general', 'fonts');
-	$typography: theming.define-typography-config();
-
-	$typography: -set-font-for('body', $typography, $fonts, ('body-1', 'body-2'));
-	$typography: -set-font-for('buttons', $typography, $fonts, ('button'));
-	$typography: -set-font-for('hero-titles',$typography,$fonts,('headline-1', 'headline-2',
-	'headline-3', 'headline-4', 'headline-5', 'headline-6'));
-	$typography: -set-font-for('titles', $typography, $fonts, ('subtitle-1', 'subtitle-2'));
-	$typography: -set-font-family($typography, $fonts);
-
-	@return $typography;
-}
-
-@function -set-font-for($selector, $typography, $fonts, $desired-size-settings) {
-	$desired-size: map.get($fonts, $selector, 'size');
-	$desired-spacing: map.get($fonts, $selector, 'letter-spacing');
-
-	@each $setting in $desired-size-settings {
-		/* stylelint-disable-next-line scss/at-if-no-null */
-		@if $desired-size != null {
-			$typography: map.set($typography, $setting, 'font-size', $desired-size);
-		}
-
-		/* stylelint-disable-next-line scss/at-if-no-null */
-		@if $desired-spacing != null {
-			$typography: map.set($typography, $setting, 'letter-spacing', $desired-spacing);
-		}
-	}
-
-	@return $typography;
-}
-
-@function -set-font-family($typography, $fonts) {
-	$body-font: map.get($fonts, 'body', 'family');
-
-	@if $body-font == '' {
-		@return -generate-defaults-from($typography);
-	}
-
-	$typography: -set-typography-group($typography, ('body-1', 'body-2', 'caption'), $body-font);
-
-	$titles-font: map.get($fonts, 'titles', 'family');
-	$hero-titles-font: map.get($fonts, 'hero-titles', 'family');
-	$buttons-font: map.get($fonts, 'buttons', 'family');
-
-	// We fallback to body font if buttons font isn't provided.
-	@if $buttons-font == '' {
-		$buttons-font: $body-font;
-	}
-
-	// Both titles font fallback to body font unless main one's being set.
-	@if $hero-titles-font == '' and $titles-font == '' {
-		$hero-titles-font: $body-font;
-		$titles-font: $body-font;
-	}
-	@else if $hero-titles-font == '' and $titles-font != '' {
-		$hero-titles-font: $titles-font;
-	}
-
-	$typography: -set-text-groups-for($typography, $body-font, $buttons-font);
-	$typography: -set-typography-group($typography, ('headline-1', 'headline-2', 'headline-3', 'headline-4'), $hero-titles-font);
-	$typography: -set-typography-group($typography, ('headline-5', 'headline-6', 'subtitle-1', 'subtitle-2'), $titles-font);
-	$typography: map.set($typography, 'font-family', '"#{$buttons-font}"');
-
-	@return $typography;
-}
-
-@function -set-text-groups-for($typography, $body-font, $buttons-font) {
-	$typography: -set-typography-group($typography, ('body-1', 'body-2', 'caption'), $body-font);
-	$typography: -set-typography-group($typography, ('button'), $buttons-font);
-	@return $typography;
-}
-
-@function -generate-defaults-from($typography) {
-	// Return Roboto (default Angular Material's font (for now).
-	// $typography: -set-text-groups-for($typography, 'OpenSans-normal', 'OpenSans-bold');
-	// $typography: -set-typography-group($typography,('headline-1', 'headline-2', 'headline-3',
-	// 'headline-4', 'headline-5', 'headline-6', 'subtitle-1', 'subtitle-2'),'Montserrat-bold');
-	@return $typography;
-}
-
-@function -set-typography-group($typography, $desired-typography-group, $font) {
-	@each $setting in $desired-typography-group {
-		$typography: -set-typography-font($typography, $setting, $font);
-	}
-
-	@return $typography;
-}
-
-@function -set-typography-font($typography, $section, $font) {
-	$typography: map.set($typography, $section, 'font-family', '"#{$font}"');
-	@return $typography;
+/* stylelint-disable scss/no-duplicate-dollar-variables, scss/function-no-unknown */
+@use '@angular/material' as theming;
+@use 'sass:map';
+
+@function generate-from($theme) {
+	$theme-typography: map.get($theme, 'general', 'typography');
+
+	@if $theme-typography {
+		@return $theme-typography;
+	}
+
+	@return -generate-typography-from($theme);
+}
+
+@function -generate-typography-from($theme) {
+	$fonts: map.get($theme, 'general', 'fonts');
+	$typography: theming.define-typography-config();
+
+	$typography: -set-font-for('body', $typography, $fonts, ('body-1', 'body-2'));
+	$typography: -set-font-for('buttons', $typography, $fonts, ('button'));
+	$typography: -set-font-for('hero-titles',$typography,$fonts,('headline-1', 'headline-2',
+	'headline-3', 'headline-4', 'headline-5', 'headline-6'));
+	$typography: -set-font-for('titles', $typography, $fonts, ('subtitle-1', 'subtitle-2'));
+	$typography: -set-font-family($typography, $fonts);
+
+	@return $typography;
+}
+
+@function -set-font-for($selector, $typography, $fonts, $desired-size-settings) {
+	$desired-size: map.get($fonts, $selector, 'size');
+	$desired-spacing: map.get($fonts, $selector, 'letter-spacing');
+
+	@each $setting in $desired-size-settings {
+		/* stylelint-disable-next-line scss/at-if-no-null */
+		@if $desired-size != null {
+			$typography: map.set($typography, $setting, 'font-size', $desired-size);
+		}
+
+		/* stylelint-disable-next-line scss/at-if-no-null */
+		@if $desired-spacing != null {
+			$typography: map.set($typography, $setting, 'letter-spacing', $desired-spacing);
+		}
+	}
+
+	@return $typography;
+}
+
+@function -set-font-family($typography, $fonts) {
+	$body-font: map.get($fonts, 'body', 'family');
+
+	@if $body-font == '' {
+		@return -generate-defaults-from($typography);
+	}
+
+	$typography: -set-typography-group($typography, ('body-1', 'body-2', 'caption'), $body-font);
+
+	$titles-font: map.get($fonts, 'titles', 'family');
+	$hero-titles-font: map.get($fonts, 'hero-titles', 'family');
+	$buttons-font: map.get($fonts, 'buttons', 'family');
+
+	// We fallback to body font if buttons font isn't provided.
+	@if $buttons-font == '' {
+		$buttons-font: $body-font;
+	}
+
+	// Both titles font fallback to body font unless main one's being set.
+	@if $hero-titles-font == '' and $titles-font == '' {
+		$hero-titles-font: $body-font;
+		$titles-font: $body-font;
+	}
+	@else if $hero-titles-font == '' and $titles-font != '' {
+		$hero-titles-font: $titles-font;
+	}
+
+	$typography: -set-text-groups-for($typography, $body-font, $buttons-font);
+	$typography: -set-typography-group($typography, ('headline-1', 'headline-2', 'headline-3', 'headline-4'), $hero-titles-font);
+	$typography: -set-typography-group($typography, ('headline-5', 'headline-6', 'subtitle-1', 'subtitle-2'), $titles-font);
+	$typography: map.set($typography, 'font-family', '"#{$buttons-font}"');
+
+	@return $typography;
+}
+
+@function -set-text-groups-for($typography, $body-font, $buttons-font) {
+	$typography: -set-typography-group($typography, ('body-1', 'body-2', 'caption'), $body-font);
+	$typography: -set-typography-group($typography, ('button'), $buttons-font);
+	@return $typography;
+}
+
+@function -generate-defaults-from($typography) {
+	// Return Roboto (default Angular Material's font (for now).
+	// $typography: -set-text-groups-for($typography, 'OpenSans-normal', 'OpenSans-bold');
+	// $typography: -set-typography-group($typography,('headline-1', 'headline-2', 'headline-3',
+	// 'headline-4', 'headline-5', 'headline-6', 'subtitle-1', 'subtitle-2'),'Montserrat-bold');
+	@return $typography;
+}
+
+@function -set-typography-group($typography, $desired-typography-group, $font) {
+	@each $setting in $desired-typography-group {
+		$typography: -set-typography-font($typography, $setting, $font);
+	}
+
+	@return $typography;
+}
+
+@function -set-typography-font($typography, $section, $font) {
+	$typography: map.set($typography, $section, 'font-family', '"#{$font}"');
+	@return $typography;
 }

package/styles/partials/core/components/_index.scss

@@ -1,5 +1,5 @@
-@use 'dialogs/general' as dialogs;
-@use 'tables/general' as tables;
-@use 'forms/general' as forms;
-@use 'search-filter/general' as search-filter;
+@use 'dialogs/general' as dialogs;
+@use 'tables/general' as tables;
+@use 'forms/general' as forms;
+@use 'search-filter/general' as search-filter;
 @use 'date-time-picker/general' as date-time-picker;