@enigmatry/entry-components 1.15.1-preview.14 → 1.15.1-preview.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enigmatry/entry-components",
-  "version": "1.15.1-preview.14",
+  "version": "1.15.1-preview.15",
   "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,6 @@
 @use 'modules/components/dialogs/generator' as dialog;
 @use 'modules/components/headers/generator' as header;
 @use 'modules/components/tables/generator' as table;
-@use 'modules/components/forms/generator' as form;
 @use 'modules/elements/generator' as elements;
 @use 'modules/default-theme' as default;
 @use 'modules/angular-material-generator' as material-theme;
@@ -13,7 +12,6 @@
 	@include material-theme.generate-from($merged-theme);
 	@include elements.generate-from($merged-theme);
 	@include table.generate-from($merged-theme);
-	@include form.generate-from($merged-theme);
 	@include dialog.generate-from($merged-theme);
 	@include header.generate-from($merged-theme);
 }

package/styles/modules/_default-theme.scss

@@ -21,38 +21,6 @@ $theme: (
 			background-color: #FFF
 		)
 	),
-	forms: (
-		fields: (
-			infix-padding-top: .4375em,
-			infix-padding-bottom: .4375em,
-			label-color: #0000008A,
-			underline-display: block,
-			outline: (
-				border: 2px solid #EBEBEB,
-				border-hover: 2px solid #2581C4,
-				border-right: none,
-				border-left: none,
-				disabled-background: #F5F5F5,
-				disabled-hover: 2px solid #EBEBEB
-			)
-		),
-		checkboxes: (
-			width: 20px,
-			height: 20px,
-			background-color: #FFF,
-			checkmark-color: #000,
-			selected-border-color: #000,
-			selected-background-color: #FFF,
-			border: 2px solid #0000008A,
-			border-hover: 2px solid #0000008A,
-			border-radius: 0,
-			label-breaking: nowrap
-		),
-		radio-buttons: (
-			align: flex-start,
-			white-space: nowrap
-		),
-	),
 	tables: (
 		cells: (
 			first-cell-padding-left: 4px,

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

@@ -3,8 +3,6 @@
 
 @mixin generate-from($theme) {
 	.mat-mdc-row {
-		$edge-selected-color: map.get($theme, 'forms', 'checkboxes', 'selected-border-color');
-
 		@include list.row-coloring(map.get($theme, 'tables', 'rows', 'odd-even-background'),
 		map.get($theme, 'tables', 'rows', 'odd-even-row'));
 

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

@@ -4,18 +4,18 @@
 	.action-buttons {
 		margin-top: 25px;
 
-		.button {
+		.mdc-button:not(:first-child) {
 			margin-left: 10px;
-
-			&:first-child {
-				margin-left: 0;
-			}
 		}
 	}
 }
 
-.mat-form-field-appearance-outline .mat-form-field-should-float .mat-form-field-label {
-	top: 31px;
+.mat-mdc-form-field {
+	margin-bottom: 20px;
+}
+  
+.mdc-form-field {
+	margin-bottom: 10px;
 }
 
 .datetimepicker {

package/styles/partials/generator-test.scss

@@ -12,14 +12,6 @@ $custom-theme: (
 			color: #AAA
 		)
 	),
-	forms: (
-		fields: (
-			infix-padding-top: 41px,
-			outline: (
-				border-hover: 2px solid #666
-			)
-		)
-	),
 	tables: (
 		cells: (
 			first-cell-padding-left: 11px

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

@@ -1,9 +0,0 @@
-@use 'outlines/general' as appearance-outlines;
-@use 'selectors/checkboxes';
-@use 'selectors/radio-buttons';
-
-@mixin generate-from($theme) {
-	@include appearance-outlines.generate-from($theme);
-	@include checkboxes.generate-from($theme);
-	@include radio-buttons.generate-from($theme);
-}

package/styles/modules/components/forms/outlines/_field-outlines.scss

@@ -1,45 +0,0 @@
-@use 'sass:map';
-
-@mixin -generate($border-value, $theme) {
-	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-	.mat-form-field-outline-start, .mat-form-field-outline-gap, .mat-form-field-outline-end {
-		border: $border-value;
-	}
-
-	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-	.mat-form-field-outline-start, .mat-form-field-outline-gap {
-		border-right-style: map.get($theme, 'forms', 'fields', 'outline', 'border-right');
-	}
-
-	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-	.mat-form-field-outline-end, .mat-form-field-outline-gap {
-		border-left-style: map.get($theme, 'forms', 'fields', 'outline', 'border-left');
-	}
-}
-
-@mixin generate-from($theme) {
-	@include -generate(map.get($theme, 'forms', 'fields', 'outline', 'border'), $theme);
-
-	&.mat-focused, &:hover {
-		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-		.mat-form-field-outline {
-			border-bottom: map.get($theme, 'forms', 'fields', 'outline', 'border-hover');
-		}
-
-		@include -generate(transparent, $theme);
-	}
-
-	&.mat-form-field-disabled {
-		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-		.mat-form-field-outline {
-			background-color: map.get($theme, 'forms', 'fields', 'outline', 'disabled-background');
-		}
-
-		&:hover {
-			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-			.mat-form-field-outline-start, .mat-form-field-outline-gap, .mat-form-field-outline-end {
-				border-color: map.get($theme, 'forms', 'fields', 'outline', 'disabled-hover');
-			}
-		}
-	}
-}

package/styles/modules/components/forms/outlines/_form-fields.scss

@@ -1,26 +0,0 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-	.mat-form-field-label {
-		color: map.get($theme, 'forms', 'fields', 'label-color');
-	}
-
-	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-	.mat-form-field-infix {
-		padding: {
-			top: map.get($theme, 'forms', 'fields', 'infix-padding-top');
-			bottom: map.get($theme, 'forms', 'fields', 'infix-padding-bottom');
-		}
-	}
-
-	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-	.mat-form-field-flex {
-		background-color: map.get($theme, 'general', 'inputs', 'background-color');
-	}
-
-	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-	.mat-form-field-underline {
-		display: map.get($theme, 'forms', 'fields', 'underline-display');
-	}
-}

package/styles/modules/components/forms/outlines/_general.scss

@@ -1,9 +0,0 @@
-@use 'field-outlines';
-@use 'form-fields';
-
-@mixin generate-from($theme) {
-	.mat-form-field-appearance-outline {
-		@include field-outlines.generate-from($theme);
-		@include form-fields.generate-from($theme);
-	}
-}

package/styles/modules/components/forms/selectors/_checkboxes.scss

@@ -1,55 +0,0 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	.mat-checkbox {
-		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-		.mat-checkbox-inner-container {
-			width: map.get($theme, 'forms', 'checkboxes', 'width');
-			height: map.get($theme, 'forms', 'checkboxes', 'height');
-			background-color: map.get($theme, 'forms', 'checkboxes', 'background-color');
-		}
-
-		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-		.mat-checkbox-label {
-			white-space: map.get($theme, 'forms', 'checkboxes', 'label-breaking');
-		}
-
-		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-		.mat-checkbox-frame {
-			border: map.get($theme, 'forms', 'checkboxes', 'border');
-			border-radius: map.get($theme, 'forms', 'checkboxes', 'border-radius');
-		}
-
-		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-		.mat-checkbox-checkmark-path {
-			/* stylelint-disable-next-line declaration-no-important */
-			stroke: map.get($theme, 'forms', 'checkboxes', 'checkmark-color') !important;
-		}
-
-		&:hover {
-			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-			.mat-checkbox-frame {
-				border: map.get($theme, 'forms', 'checkboxes', 'border-hover');
-			}
-		}
-
-		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-		&.mat-checkbox-checked {
-			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-			.mat-checkbox-background {
-				background-color: map.get($theme, 'forms', 'checkboxes', 'selected-background-color');
-    
-				/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-				.mat-checkbox-checkmark-path {
-					/* stylelint-disable-next-line declaration-no-important */
-					stroke: map.get($theme, 'forms', 'checkboxes', 'selected-checkmark-color') !important;
-				}
-			}
-    
-			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-			.mat-checkbox-frame {
-				border-color: map.get($theme, 'forms', 'checkboxes', 'selected-background-color');
-			}
-		}
-	}
-}

package/styles/modules/components/forms/selectors/_radio-buttons.scss

@@ -1,39 +0,0 @@
-@use 'sass:map';
-
-@mixin generate-from($theme) {
-	/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-	.mat-radio-group {
-
-		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-		.mat-radio-label {
-			align-items: map.get($theme, 'forms', 'radio-buttons', 'align');
-			white-space: map.get($theme, 'forms', 'radio-buttons', 'white-space');
-		}
-
-		$background: map.get($theme, 'general', 'inputs', 'background-color');
-
-		/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-		.mat-radio-button {
-
-			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-			.mat-radio-outer-circle {
-				border-color: $background;
-				background-color: $background;
-			}
-
-			/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-			&.mat-radio-checked {
-
-				/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-				.mat-radio-outer-circle {
-					border-color: $background;
-				}
-
-				/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-				.mat-radio-inner-circle {
-					background-color: map.get($theme, 'general', 'colors', 'primary');
-				}
-			}
-		}
-	}
-}