@enigmatry/entry-components 1.15.1-preview.20 → 1.15.1-preview.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enigmatry/entry-components",
-  "version": "1.15.1-preview.20",
+  "version": "1.15.1-preview.21",
   "author": "Enigmatry",
   "description": "Enigmatry entry angular material components",
   "homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/libs/entry-components#readme",

package/styles/modules/_default-theme.scss

@@ -5,8 +5,7 @@ $theme: (
 			accent-theme: null,
 			primary: #2581C4,
 			accent: #EA518D,
-			dark: #323232,
-			disabled-light: #F5F5F5
+			font: #323232
 		),
 		typography: null,
 		fonts: (
@@ -34,19 +33,14 @@ $theme: (
 		),
 		rows: (
 			selected-color: #FFF,
+			disabled-color: #F5F5F5,
 			odd-even-row: odd,
 			odd-even-background: #F0F0F0
 		),
-		columns: (
-			sorted: (
-				font-weight: 700
-			)
-		),
 		contents: (
 			no-result: (
 				font-size: 13px,
-				font-weight: 500,
-				text-transform: none
+				font-weight: 500
 			)
 		)
 	),

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

@@ -3,7 +3,7 @@
 @mixin generate-from($theme) {
 	.entry-dialog {
 		.title {
-			color: map.get($theme, 'general', 'colors', 'dark');
+			color: map.get($theme, 'general', 'colors', 'font');
 			font-size: map.get($theme, 'dialogs', 'title', 'size');
 		}
 		font-size: map.get($theme, 'general', 'font', 'size');

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

@@ -5,7 +5,7 @@
 		background-color: map.get($theme, 'general', 'colors', 'primary');
 
 		.title {
-			color: map.get($theme, 'general', 'colors', 'dark');
+			color: map.get($theme, 'general', 'colors', 'font');
 			font-size: map.get($theme, 'headers', 'title', 'size');
 		}
 	}

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

@@ -2,11 +2,7 @@
 
 @mixin generate-from($theme) {
 	.mat-mdc-cell {
-		color: map.get($theme, 'general', 'colors', 'dark');
-	}
-
-	.mat-mdc-cell, .mat-mdc-header-cell {
-		font-size: map.get($theme, 'general', 'font', 'size');
+		color: map.get($theme, 'general', 'colors', 'font');
 	}
 
 	.mat-mdc-header-cell:first-of-type, .mat-mdc-cell:first-of-type, .mat-mdc-footer-cell:first-of-type {

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

@@ -1,9 +1,7 @@
 @use 'sass:map';
 
 @mixin generate-from($theme) {
-	.entry-table-no-result {
-		text-transform: map.get($theme, 'tables', 'contents', 'no-result', 'text-transform');
-        
+	.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

@@ -14,10 +14,10 @@
 					color: map.get($theme, 'tables', 'rows', 'selected-color');
 				}
 			}
-		}
-	}
 
-	.mat-row-disabled {
-		background-color: map.get($theme, 'general', 'colors', 'disabled-light');
+			&.mat-row-disabled {
+				background-color: map.get($theme, 'tables', 'rows', 'disabled-color');
+			}
+		}
 	}
 }

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

@@ -2,13 +2,10 @@
 
 @mixin generate-from($theme) {
 	.mat-sort-header-sorted {
-		font: {
-			size: map.get($theme, 'general', 'font', 'size');
-			weight: map.get($theme, 'tables', 'columns', 'sorted', 'font-weight');
-		}
+		font-weight: 700;
 	}
 
 	.mat-sort-header-sorted, .mat-sort-header-arrow {
-		color: map.get($theme, 'general', 'colors', 'dark');
+		color: map.get($theme, 'general', 'colors', 'font');
 	}
 }

package/styles/modules/typography/_fonts.scss

@@ -48,11 +48,11 @@ $font-sources: (
 				font: {
 					style: '#{$style}';
 		
+					/* stylelint-disable property-no-unknown, max-nesting-depth */
 					@if $weight {
 						family: '#{$name}';
 						weight: $weight;
 					}
-
 					@else {
 						family: '#{$name}-#{$style}';
 					}

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

@@ -1,4 +1,4 @@
 @use 'dialogs/general' as dialogs;
 @use 'headers/general' as headers;
-@use 'tables';
+@use 'tables/general' as tables;
 @use 'forms/general' as forms;

package/styles/partials/core/components/tables/_general.scss

@@ -0,0 +1,21 @@
+@use '@enigmatry/scss-foundation/src/modules/display/items';
+
+.entry-table {
+	display: flex;
+	flex-direction: column;
+	overflow: auto;
+
+	.selection-cell, .action-cell {
+		width: 48px;
+	}
+
+	.pagination {
+		margin-bottom: 10px;
+	}
+
+	.no-results {
+		@include items.align-absolute-center();
+		flex: 1;
+		min-height: 50px;
+	}
+}

package/styles/partials/core/components/tables/_action-cells.scss

@@ -1,3 +0,0 @@
-.entry-table-checkbox-cell, .entry-table-context-menu-cell {
-	width: 48px;
-}

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

@@ -1,2 +0,0 @@
-@use 'action-cells';
-@use 'layout';

package/styles/partials/core/components/tables/_layout.scss

@@ -1,30 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/display/items';
-
-.entry-table {
-	.mat-table-container {
-		&.mat-table-with-data {
-			flex: 1;
-		}
-	}
-}
-
-.entry-table-layout {
-	display: flex;
-	flex: 1 1 auto;
-	overflow: auto;
-}
-
-.entry-table-content {
-	flex-direction: column;
-}
-
-.entry-table-footer {
-	position: relative;
-	z-index: 1;
-}
-
-.entry-table-no-result {
-	@include items.align-absolute-center();
-	flex: 1;
-	min-height: 50px;
-}