@enigmatry/entry-components 1.15.1-preview.16 → 1.15.1-preview.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enigmatry/entry-components",
-  "version": "1.15.1-preview.16",
+  "version": "1.15.1-preview.19",
   "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

@@ -1,4 +1,3 @@
-/* stylelint-disable number-max-precision */
 $theme: (
 	general: (
 		colors: (
@@ -31,20 +30,16 @@ $theme: (
 	),
 	tables: (
 		cells: (
-			first-cell-padding-left: 4px,
-			last-cell-padding-right: 4px,
-			min-width: unset
+			edge-gap: 4px
 		),
 		rows: (
-			selected-background-color: #06C,
 			selected-color: #FFF,
 			odd-even-row: odd,
 			odd-even-background: #F0F0F0
 		),
 		columns: (
 			sorted: (
-				font-weight: 700,
-				content-align: left
+				font-weight: 700
 			)
 		),
 		contents: (

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

@@ -10,14 +10,10 @@
 	}
 
 	.mat-mdc-header-cell:first-of-type, .mat-mdc-cell:first-of-type, .mat-mdc-footer-cell:first-of-type {
-		padding-left: map.get($theme, 'tables', 'cells', 'first-cell-padding-left');
+		padding-left: map.get($theme, 'tables', 'cells', 'edge-gap');
 	}
 
 	.mat-mdc-header-cell:last-of-type, .mat-mdc-cell:last-of-type, .mat-mdc-footer-cell:last-of-type {
-		padding-right: map.get($theme, 'tables', 'cells', 'last-cell-padding-right');
-	}
-
-	.entry-table-checkbox-cell, .entry-table-context-menu-cell {
-		min-width: map.get($theme, 'tables', 'cells', 'min-width');
+		padding-right: map.get($theme, 'tables', 'cells', 'edge-gap');
 	}
 }

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

@@ -3,19 +3,16 @@
 
 @mixin generate-from($theme) {
 	.mat-mdc-row {
-		@include list.row-coloring(map.get($theme, 'tables', 'rows', 'odd-even-background'),
-		map.get($theme, 'tables', 'rows', 'odd-even-row'));
+		&.mdc-data-table__row {
+			@include list.row-coloring(map.get($theme, 'tables', 'rows', 'odd-even-background'),
+			map.get($theme, 'tables', 'rows', 'odd-even-row'));
 
-		&.selected {
-			background-color: map.get($theme, 'tables', 'rows', 'selected-background-color');
+			&.selected {
+				background-color: map.get($theme, 'general', 'colors', 'primary');
 
-			&:hover {
-				background-color: map.get($theme, 'tables', 'rows', 'selected-background-color');
-				color: map.get($theme, 'tables', 'rows', 'selected-color');
-			}
-
-			.mat-mdc-cell {
-				color: map.get($theme, 'tables', 'rows', 'selected-color');
+				.mat-mdc-cell {
+					color: map.get($theme, 'tables', 'rows', 'selected-color');
+				}
 			}
 		}
 	}

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

@@ -11,8 +11,4 @@
 	.mat-sort-header-sorted, .mat-sort-header-arrow {
 		color: map.get($theme, 'general', 'colors', 'dark');
 	}
-
-	.mat-sort-header-content {
-		text-align: map.get($theme, 'tables', 'columns', 'sorted', 'content-align');
-	}
 }

package/styles/modules/typography/_fonts.scss

@@ -1,37 +1,61 @@
 @use 'sass:map';
 
-$font-path: 'assets/fonts/';
+$font-path: '/assets/fonts/';
 $font-sources: (
 	(
-		name: 'OpenSans',
+		name: 'Roboto',
 		style: normal,
-		formats: ('eot', 'woff', 'woff2', 'ttf')
+		formats: ('woff2'),
+		weight: 400
 	),
 	(
-		name: 'OpenSans',
+		name: 'Roboto',
 		style: bold,
-		formats: ('eot', 'woff', 'woff2', 'ttf')
-	),
-	(
-		name: 'Montserrat',
-		style: bold,
-		formats: ('eot', 'woff', 'woff2', 'ttf')
+		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: {
-					family: '#{$name}-#{$style}';
 					style: '#{$style}';
+		
+					@if $weight {
+						family: '#{$name}';
+						weight: $weight;
+					}
+
+					@else {
+						family: '#{$name}-#{$style}';
+					}
 				}
 				src: url('#{$url}') format('#{$format}');
 			}

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

@@ -67,6 +67,7 @@
 	$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;
 }
@@ -78,9 +79,10 @@
 }
 
 @function -generate-defaults-from($typography) {
-	$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 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;
 }
 
@@ -93,6 +95,6 @@
 }
 
 @function -set-typography-font($typography, $section, $font) {
-	$typography: map.set($typography, $section, 'font-family', $font);
+	$typography: map.set($typography, $section, 'font-family', '"#{$font}"');
 	@return $typography;
 }

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

@@ -12,14 +12,14 @@
 	.entry-checkbox {
 		display: block;
 	}
-}
 
-.mat-mdc-form-field {
-	margin-bottom: 20px;
-}
-  
-.mdc-form-field {
-	margin-bottom: 10px;
+	.mat-mdc-form-field {
+		margin-bottom: 20px;
+	}
+	  
+	.mdc-form-field {
+		margin-bottom: 10px;
+	}
 }
 
 .datetimepicker {

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

@@ -1,16 +1,3 @@
-.entry-table .mat-icon-button {
-	padding-top: 8px;
-	border: none;
-	background-color: transparent;
-	cursor: pointer;
-}
-
-.entry-table-checkbox-cell {
-	flex: none;
-	width: 56px;
-	max-width: 40px;
-
-	.mat-mdc-checkbox {
-		display: flex;
-	}
+.entry-table-checkbox-cell, .entry-table-context-menu-cell {
+	width: 48px;
 }

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

@@ -1,5 +1,2 @@
 @use 'action-cells';
-@use 'cells';
-@use 'layout';
-@use 'rows';
-@use 'sorting';
+@use 'layout';

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

@@ -1,23 +1,11 @@
 @use '@enigmatry/scss-foundation/src/modules/display/items';
 
 .entry-table {
-	display: flex;
-	position: relative;
-	flex-direction: column;
-	width: 100%;
-
-	.mat-mdc-table-container {
-		overflow: auto;
-
-		&.mat-mdc-table-with-data {
+	.mat-table-container {
+		&.mat-table-with-data {
 			flex: 1;
 		}
 	}
-
-	.mat-mdc-table {
-		min-width: 100%;
-		border-collapse: separate;
-	}
 }
 
 .entry-table-layout {
@@ -28,7 +16,6 @@
 
 .entry-table-content {
 	flex-direction: column;
-	width: 0;
 }
 
 .entry-table-footer {

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

@@ -1,47 +0,0 @@
-@use '@enigmatry/scss-foundation/src/modules/display/items';
-
-.entry-table {
-	.mat-mdc-cell, .mat-mdc-header-cell {
-		padding: 0 10px;
-		border-bottom: none;
-	}
-
-	.mat-mdc-header-cell, .mat-mdc-footer-cell, .mat-mdc-cell {
-		box-sizing: border-box;
-		padding: 4px 10px;
-
-		&.entry-table-checkbox-cell {
-			padding: {
-				right: 10px;
-				left: 10px;
-			}
-		}
-
-		&.entry-table-context-menu-cell {
-			@include items.fully-align(center, flex-end);
-			/* stylelint-disable-next-line declaration-no-important */
-			min-width: unset !important;
-		}
-	}
-
-	.mat-mdc-table {
-		.mat-mdc-header-cell, .mat-mdc-footer-cell, .mat-mdc-cell {
-			&:not(.entry-table-checkbox-cell) {
-				min-width: 80px;
-			}
-		}
-	}
-
-	.mat-header-cell-inner {
-		display: flex;
-		align-items: center;
-	}
-
-	.currency {
-		text-align: right;
-
-		.mat-header-cell-inner {
-			justify-content: right;
-		}
-	}
-}

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

@@ -1,15 +0,0 @@
-.entry-table {
-	.mat-mdc-table {
-		.mdc-data-table__header-row, .mdc-data-table__row {
-			height: 36px;
-		}
-	}
-}
-
-.entry-table-menu {
-	min-height: 40px;
-
-	.mat-mdc-menu-content:not(:empty) {
-		padding: 0;
-	}
-}

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

@@ -1,8 +0,0 @@
-.entry-table {
-	.mat-sort-header-icon {
-		width: 18px;
-		height: 18px;
-		margin: 0 4px;
-		font-size: 18px;
-	}
-}