@enigmatry/entry-components 1.15.1-preview.32 → 1.15.1-preview.33

package/package.json

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

@@ -1,7 +1,8 @@
-@use 'modules/components/dialogs/generator' as dialog;
+@use 'modules/components/dialogs/generator' as dialogs;
 @use 'modules/components/forms/generator' as forms;
-@use 'modules/components/search-filter/generator' as search-filter;
-@use 'modules/components/tables/generator' as table;
+@use 'modules/components/search-filter/generator' as search-filters;
+@use 'modules/components/tables/generator' as tables;
+@use 'modules/components/inputs/generator' as inputs;
 @use 'modules/components/buttons/generator' as buttons;
 @use 'modules/default-theme' as default;
 @use 'modules/vendors/angular-material/generator' as material-theme;
@@ -12,9 +13,10 @@
 	$merged-theme: map.deep-merge(default.$theme, $custom-theme);
 
 	@include material-theme.generate-from($merged-theme);
+	@include inputs.generate-from($merged-theme);
 	@include buttons.generate-from($merged-theme);
-	@include table.generate-from($merged-theme);
+	@include tables.generate-from($merged-theme);
 	@include forms.generate-from($merged-theme);
-	@include search-filter.generate-from($merged-theme);
-	@include dialog.generate-from($merged-theme);
+	@include search-filters.generate-from($merged-theme);
+	@include dialogs.generate-from($merged-theme);
 }

package/styles/modules/_default-theme.scss

@@ -34,13 +34,17 @@ $theme: (
 		spacing: (
 			default: 15px
 		),
+		inputs: (
+			background: null
+		),
 		buttons: (
 			icon-size: 48px
 		)
 	),
 	tables: (
 		cells: (
-			edge-gap: 4px
+			edge-gap: 4px,
+			padding: null
 		),
 		rows: (
 			selected-color: #FFF,

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

@@ -2,12 +2,12 @@
 
 @mixin generate-from($theme) {
 	.entry-dialog {
-		.title {
+		.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/inputs/_generator.scss

@@ -0,0 +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;
+			}
+		}
+	}
+}

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

@@ -1,16 +1,23 @@
 @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 {
 		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: map.get($theme, 'tables', 'cells', 'edge-gap');
+		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: map.get($theme, 'tables', 'cells', 'edge-gap');
+		padding-right: $row-edge-gap;
 	}
 
 	.selection-cell, .action-cell {

package/styles/partials/generator-test.scss

@@ -17,11 +17,20 @@ $custom-theme: (
 			buttons: (
 				size: 26px
 			)
+		),
+		inputs: (
+			background: yellow
 		)
 	),
 	tables: (
 		cells: (
-			first-cell-padding-left: 11px
+			edge-gap: 11px,
+			padding: 202px
+		)
+	),
+	dialogs: (
+		title: (
+			size: 42px
 		)
 	)
 );