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

package/styles/modules/_default-theme.scss

@@ -1,92 +1,92 @@
-$theme: (
-	general: (
-		density: 0,
-		colors: (
-			primary-theme: null,
-			accent-theme: null,
-			primary: #2581C4,
-			accent: #EA518D,
-			font: #323232,
-			disabled: (
-				foreground: rgb(0 0 0 / .38),
-				background: rgb(0 0 0 / .12)
-			)
-		),
-		typography: null,
-		fonts: (
-			hero-titles: (
-				family: '',
-				size: null,
-				letter-spacing: null
-			),
-			titles: (
-				family: '',
-				size: null,
-				letter-spacing: null
-			),
-			body: (
-				family: '',
-				size: null,
-				letter-spacing: null
-			),
-			buttons: (
-				family: '',
-				size: null,
-				letter-spacing: null
-			)
-		),
-		spacing: (
-			default: 15px
-		),
-		inputs: (
-			background: null
-		),
-		buttons: (
-			icon-size: 48px,
-			radio: (
-				background: null
-			)
-		),
-		checkboxes: (
-			background: null,
-			border-hover-color: null
-		),
-		toggle: (
-			on: (
-				background: null
-			),
-			off: (
-				background: null
-			),
-		),
-	),
-	tables: (
-		header: (
-			font-size: null
-		),
-		cells: (
-			edge-gap: 4px,
-			padding: null,
-		),
-		rows: (
-			odd-even-background: (
-				odd: #F0F0F0,
-				even: #FFF,
-			),
-			selected-color: #FFF,
-			selected-background: null,
-			disabled-color: #F5F5F5,
-		),
-		contents: (
-			no-result: (
-				size: 13px,
-				font-weight: 500,
-			),
-		),
-		dialogs: (
-			title: (
-				size: 20px
-			)
-		)
-	)
+$theme: (
+	general: (
+		density: 0,
+		colors: (
+			primary-theme: null,
+			accent-theme: null,
+			primary: #2581C4,
+			accent: #EA518D,
+			font: #323232,
+			disabled: (
+				foreground: rgb(0 0 0 / .38),
+				background: rgb(0 0 0 / .12)
+			)
+		),
+		typography: null,
+		fonts: (
+			hero-titles: (
+				family: '',
+				size: null,
+				letter-spacing: null
+			),
+			titles: (
+				family: '',
+				size: null,
+				letter-spacing: null
+			),
+			body: (
+				family: '',
+				size: null,
+				letter-spacing: null
+			),
+			buttons: (
+				family: '',
+				size: null,
+				letter-spacing: null
+			)
+		),
+		spacing: (
+			default: 15px
+		),
+		inputs: (
+			background: null
+		),
+		buttons: (
+			icon-size: 48px,
+			radio: (
+				background: null
+			)
+		),
+		checkboxes: (
+			background: null,
+			border-hover-color: null
+		),
+		toggle: (
+			on: (
+				background: null
+			),
+			off: (
+				background: null
+			),
+		),
+	),
+	tables: (
+		header: (
+			font-size: null
+		),
+		cells: (
+			edge-gap: 4px,
+			padding: null,
+		),
+		rows: (
+			odd-even-background: (
+				odd: #F0F0F0,
+				even: #FFF,
+			),
+			selected-color: #FFF,
+			selected-background: null,
+			disabled-color: #F5F5F5,
+		),
+		contents: (
+			no-result: (
+				size: 13px,
+				font-weight: 500,
+			),
+		),
+		dialogs: (
+			title: (
+				size: 20px
+			)
+		)
+	)
 );

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

@@ -1,11 +1,11 @@
-@use 'sass:map';
-@use 'radio';
-
-@mixin generate-from($theme) {
-	.entry-button.mdc-button:disabled {
-		background-color: map.get($theme, 'general', 'colors', 'disabled', 'background');
-		color: map.get($theme, 'general', 'colors', 'disabled', 'foreground');
-	}
-
-	@include radio.generate-from($theme);
+@use 'sass:map';
+@use 'radio';
+
+@mixin generate-from($theme) {
+	.entry-button.mdc-button:disabled {
+		background-color: map.get($theme, 'general', 'colors', 'disabled', 'background');
+		color: map.get($theme, 'general', 'colors', 'disabled', 'foreground');
+	}
+
+	@include radio.generate-from($theme);
 }

package/styles/modules/components/buttons/_radio.scss

@@ -1,19 +1,19 @@
-@use 'sass:map';
-
-$radio-selector: '.mdc-radio__native-control:enabled:checked + .mdc-radio__background';
-$radio-circles-selector: '.mdc-radio__outer-circle, .mdc-radio__inner-circle';
-
-@mixin generate-from($theme) {
-	$radio-border: map.get($theme, 'general', 'buttons', 'radio', 'background');
-
-	@if $radio-border {
-		.mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio {
-				
-			&:not(:disabled):active #{$radio-selector}, #{$radio-selector} {
-				#{$radio-circles-selector} {
-					border-color: $radio-border;
-				}
-			}
-		}
-	}
+@use 'sass:map';
+
+$radio-selector: '.mdc-radio__native-control:enabled:checked + .mdc-radio__background';
+$radio-circles-selector: '.mdc-radio__outer-circle, .mdc-radio__inner-circle';
+
+@mixin generate-from($theme) {
+	$radio-border: map.get($theme, 'general', 'buttons', 'radio', 'background');
+
+	@if $radio-border {
+		.mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio {
+				
+			&:not(:disabled):active #{$radio-selector}, #{$radio-selector} {
+				#{$radio-circles-selector} {
+					border-color: $radio-border;
+				}
+			}
+		}
+	}
 }

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

@@ -1,32 +1,32 @@
-@use 'sass:map';
-
-/* stylelint-disable-next-line @stylistic/max-line-length */
-$checkbox-selector: '.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate = "true"]) ~ .mdc-checkbox__background';
-
-@mixin generate-from($theme) {
-	$background: map.get($theme, 'general', 'checkboxes', 'background');
-	$border-hover-color: map.get($theme, 'general', 'checkboxes', 'border-hover-color');
-
-	@if $background or $border-hover-color {
-		.mat-mdc-checkbox {
-			@if $background {
-				.mdc-form-field .mdc-checkbox #{$checkbox-selector} {
-					background-color: $background;
-				}
-			}
-
-			&:hover {
-				/* stylelint-disable-next-line selector-max-pseudo-class */
-				.mdc-checkbox:hover {
-					/* stylelint-disable-next-line max-nesting-depth */
-					@if $background and $border-hover-color {
-						#{$checkbox-selector} {
-							border-color: $border-hover-color;
-							background-color: $background;
-						}
-					}
-				}
-			}
-		}
-	}
+@use 'sass:map';
+
+/* stylelint-disable-next-line @stylistic/max-line-length */
+$checkbox-selector: '.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate = "true"]) ~ .mdc-checkbox__background';
+
+@mixin generate-from($theme) {
+	$background: map.get($theme, 'general', 'checkboxes', 'background');
+	$border-hover-color: map.get($theme, 'general', 'checkboxes', 'border-hover-color');
+
+	@if $background or $border-hover-color {
+		.mat-mdc-checkbox {
+			@if $background {
+				.mdc-form-field .mdc-checkbox #{$checkbox-selector} {
+					background-color: $background;
+				}
+			}
+
+			&:hover {
+				/* stylelint-disable-next-line selector-max-pseudo-class */
+				.mdc-checkbox:hover {
+					/* stylelint-disable-next-line max-nesting-depth */
+					@if $background and $border-hover-color {
+						#{$checkbox-selector} {
+							border-color: $border-hover-color;
+							background-color: $background;
+						}
+					}
+				}
+			}
+		}
+	}
 }

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

@@ -1,14 +1,14 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	.entry-dialog .dialog-header .title {
-		$close-icon-width: map.get($theme, 'general', 'buttons', 'icon-size');
-		width: calc(100% - $close-icon-width);
-		color: map.get($theme, 'general', 'colors', 'font');
-		font-size: map.get($theme, 'dialogs', 'title', 'size');
-
-		&.without-close-icon {
-			width: 100%;
-		}
-	}
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	.entry-dialog .dialog-header .title {
+		$close-icon-width: map.get($theme, 'general', 'buttons', 'icon-size');
+		width: calc(100% - $close-icon-width);
+		color: map.get($theme, 'general', 'colors', 'font');
+		font-size: map.get($theme, 'dialogs', 'title', 'size');
+
+		&.without-close-icon {
+			width: 100%;
+		}
+	}
 }

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

@@ -1,15 +1,15 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	$default-gap: map.get($theme, 'general', 'spacing', 'default');
-
-	.entry-form {
-		.action-buttons {
-			margin-top: $default-gap;
-		}
-
-		.mat-mdc-form-field {
-			margin-bottom: $default-gap;
-		}
-	}
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	$default-gap: map.get($theme, 'general', 'spacing', 'default');
+
+	.entry-form {
+		.action-buttons {
+			margin-top: $default-gap;
+		}
+
+		.mat-mdc-form-field {
+			margin-bottom: $default-gap;
+		}
+	}
 }

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

@@ -1,15 +1,15 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	$input-background: map.get($theme, 'general', 'inputs', 'background');
-
-	@if $input-background {
-		.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field {
-			background-color: $input-background;
-
-			&.mdc-text-field--outlined {
-				border-radius: 4px;
-			}
-		}
-	}
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	$input-background: map.get($theme, 'general', 'inputs', 'background');
+
+	@if $input-background {
+		.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field {
+			background-color: $input-background;
+
+			&.mdc-text-field--outlined {
+				border-radius: 4px;
+			}
+		}
+	}
 }

package/styles/modules/components/search-filter/_generator.scss

@@ -1,15 +1,15 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	$default-gap: map.get($theme, 'general', 'spacing', 'default');
-
-	.search-form-container {
-		.entry-button {
-			margin-bottom: $default-gap;
-		}
-
-		.form-field {
-			margin-right: 2 * $default-gap;
-		}
-	}
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	$default-gap: map.get($theme, 'general', 'spacing', 'default');
+
+	.search-form-container {
+		.entry-button {
+			margin-bottom: $default-gap;
+		}
+
+		.form-field {
+			margin-right: 2 * $default-gap;
+		}
+	}
 }

package/styles/modules/components/tables/_cells.scss

@@ -1,26 +1,26 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	$row-edge-gap: map.get($theme, 'tables', 'cells', 'edge-gap');
-	$cell-padding: map.get($theme, 'tables', 'cells', 'padding');
-
-	.mat-mdc-cell, .mat-mdc-header-cell {
-		color: map.get($theme, 'general', 'colors', 'font');
-
-		@if $cell-padding {
-			padding: $cell-padding;
-		}
-	}
-
-	.mat-mdc-header-cell:first-of-type, .mat-mdc-cell:first-of-type, .mat-mdc-footer-cell:first-of-type {
-		padding-left: $row-edge-gap;
-	}
-
-	.mat-mdc-header-cell:last-of-type, .mat-mdc-cell:last-of-type, .mat-mdc-footer-cell:last-of-type {
-		padding-right: $row-edge-gap;
-	}
-
-	.selection-cell, .action-cell {
-		width: map.get($theme, 'general', 'buttons', 'icon-size');
-	}
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	$row-edge-gap: map.get($theme, 'tables', 'cells', 'edge-gap');
+	$cell-padding: map.get($theme, 'tables', 'cells', 'padding');
+
+	.mat-mdc-cell, .mat-mdc-header-cell {
+		color: map.get($theme, 'general', 'colors', 'font');
+
+		@if $cell-padding {
+			padding: $cell-padding;
+		}
+	}
+
+	.mat-mdc-header-cell:first-of-type, .mat-mdc-cell:first-of-type, .mat-mdc-footer-cell:first-of-type {
+		padding-left: $row-edge-gap;
+	}
+
+	.mat-mdc-header-cell:last-of-type, .mat-mdc-cell:last-of-type, .mat-mdc-footer-cell:last-of-type {
+		padding-right: $row-edge-gap;
+	}
+
+	.selection-cell, .action-cell {
+		width: map.get($theme, 'general', 'buttons', 'icon-size');
+	}
 }

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

@@ -1,7 +1,7 @@
-@use 'no-result';
-@use 'table-body' as table;
-
-@mixin generate-from($theme) {
-	@include table.generate-from($theme);
-	@include no-result.generate-from($theme);
+@use 'no-result';
+@use 'table-body' as table;
+
+@mixin generate-from($theme) {
+	@include table.generate-from($theme);
+	@include no-result.generate-from($theme);
 }

package/styles/modules/components/tables/_header.scss

@@ -1,11 +1,11 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	$cell-font-size: map.get($theme, 'tables', 'header', 'font-size');
-
-	@if $cell-font-size {
-		.mat-mdc-header-cell {
-			font-size: $cell-font-size;
-		}
-	}
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	$cell-font-size: map.get($theme, 'tables', 'header', 'font-size');
+
+	@if $cell-font-size {
+		.mat-mdc-header-cell {
+			font-size: $cell-font-size;
+		}
+	}
 }

package/styles/modules/components/tables/_no-result.scss

@@ -1,10 +1,10 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	.entry-table .no-results {
-		font: {
-			size: map.get($theme, 'tables', 'contents', 'no-result', 'font-size');
-			weight: map.get($theme, 'tables', 'contents', 'no-result', 'font-weight');
-		}
-	}
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	.entry-table .no-results {
+		font: {
+			size: map.get($theme, 'tables', 'contents', 'no-result', 'font-size');
+			weight: map.get($theme, 'tables', 'contents', 'no-result', 'font-weight');
+		}
+	}
 }

package/styles/modules/components/tables/_rows.scss

@@ -1,40 +1,40 @@
-/* stylelint-disable scss/at-else-closing-brace-space-after */
-/* stylelint-disable scss/at-else-closing-brace-newline-after */
-/* stylelint-disable max-nesting-depth */
-@use 'sass:map';
-@use 'scss-foundation/src/modules/lists/row-coloring' as list;
-
-@mixin generate-from($theme) {
-	$odd-background: map.get($theme, 'tables', 'rows', 'odd-even-background', 'odd');
-	$even-background: map.get($theme, 'tables', 'rows', 'odd-even-background', 'even');
-
-	.mat-mdc-row {
-		&.mdc-data-table__row {
-			@include list.row-coloring($odd-background, 'odd');
-			@include list.row-coloring($even-background, 'even');
- 
-			&.selected {
-				$selected-row-background: map.get($theme, 'tables', 'rows', 'selected-background');
-
-				@if $selected-row-background == transparent {
-					@include list.row-coloring($odd-background, 'odd');
-					@include list.row-coloring($even-background, 'even');
-				}
-				@else if $selected-row-background == null {
-					background-color: map.get($theme, 'general', 'colors', 'primary');
-				}
-				@else {
-					background-color: $selected-row-background;
-				}
-				  
-				.mat-mdc-cell {
-					color: map.get($theme, 'tables', 'rows', 'selected-color');
-				}
-			}
-		}
-		
-		&.mat-row-disabled {
-			background-color: map.get($theme, 'tables', 'rows', 'disabled-color');
-		}
-	}
+/* stylelint-disable scss/at-else-closing-brace-space-after */
+/* stylelint-disable scss/at-else-closing-brace-newline-after */
+/* stylelint-disable max-nesting-depth */
+@use 'sass:map';
+@use 'scss-foundation/src/modules/lists/row-coloring' as list;
+
+@mixin generate-from($theme) {
+	$odd-background: map.get($theme, 'tables', 'rows', 'odd-even-background', 'odd');
+	$even-background: map.get($theme, 'tables', 'rows', 'odd-even-background', 'even');
+
+	.mat-mdc-row {
+		&.mdc-data-table__row {
+			@include list.row-coloring($odd-background, 'odd');
+			@include list.row-coloring($even-background, 'even');
+ 
+			&.selected {
+				$selected-row-background: map.get($theme, 'tables', 'rows', 'selected-background');
+
+				@if $selected-row-background == transparent {
+					@include list.row-coloring($odd-background, 'odd');
+					@include list.row-coloring($even-background, 'even');
+				}
+				@else if $selected-row-background == null {
+					background-color: map.get($theme, 'general', 'colors', 'primary');
+				}
+				@else {
+					background-color: $selected-row-background;
+				}
+				  
+				.mat-mdc-cell {
+					color: map.get($theme, 'tables', 'rows', 'selected-color');
+				}
+			}
+		}
+		
+		&.mat-row-disabled {
+			background-color: map.get($theme, 'tables', 'rows', 'disabled-color');
+		}
+	}
 }

package/styles/modules/components/tables/_sorting.scss

@@ -1,11 +1,11 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	.mat-sort-header-sorted {
-		font-weight: 700;
-	}
-
-	.mat-sort-header-sorted, .mat-sort-header-arrow {
-		color: map.get($theme, 'general', 'colors', 'font');
-	}
+@use 'sass:map';
+
+@mixin generate-from($theme) {
+	.mat-sort-header-sorted {
+		font-weight: 700;
+	}
+
+	.mat-sort-header-sorted, .mat-sort-header-arrow {
+		color: map.get($theme, 'general', 'colors', 'font');
+	}
 }

package/styles/modules/components/tables/_table-body.scss

@@ -1,13 +1,13 @@
-@use 'rows';
-@use 'sorting';
-@use 'cells';
-@use 'header';
-
-@mixin generate-from($theme) {
-	.entry-table {
-		@include rows.generate-from($theme);
-		@include sorting.generate-from($theme);
-		@include cells.generate-from($theme);
-		@include header.generate-from($theme);
-	}
+@use 'rows';
+@use 'sorting';
+@use 'cells';
+@use 'header';
+
+@mixin generate-from($theme) {
+	.entry-table {
+		@include rows.generate-from($theme);
+		@include sorting.generate-from($theme);
+		@include cells.generate-from($theme);
+		@include header.generate-from($theme);
+	}
 }