relocate some files

Author: eksrha

projects/lib-workspace/src/styles.scss

@@ -1,6 +1,5 @@
-@use '@angular/material' as mat;
-
-mat.$theme-ignore-duplication-warnings: true;
+@use "@angular/material" as mat;
+@use "../../ng-mat-components" as fs-components;
 
 body {
   margin: 0;
@@ -16,7 +15,7 @@ body {
 }
 
 @include mat.core();
-@import "../../ng-mat-components/src/fs-mat-components-theme.scss";
+@import "../../ng-mat-components";
 
 // Define a light theme
 $light-primary: mat.define-palette(mat.$indigo-palette);
@@ -44,13 +43,13 @@ $dark-theme: mat.define-dark-theme(
 
 // Apply the dark theme by default
 @include mat.all-component-themes($dark-theme);
-@include fs-mat-components-theme($dark-theme);
+@include fs-components.all-component-themes($dark-theme);
 
 // Apply the light theme only when the `.my-light-theme` CSS class is applied
 // to an ancestor element of the components (such as `body`).
 .my-light-theme {
-  @include mat.all-component-themes($light-theme);
-  @include fs-mat-components-theme($light-theme);
+  @include mat.all-component-colors($light-theme);
+  @include fs-components.all-component-themes($light-theme);
 }
 
 .mat-form-field:not(.mat-form-field-has-label) .mat-form-field-infix {
@@ -66,4 +65,3 @@ $dark-theme: mat.define-dark-theme(
 .mat-form-field-label-wrapper {
   padding-top: 0px;
 }
-

projects/ng-mat-components/_index.scss

@@ -0,0 +1,10 @@
+@use "sass:color";
+@use "sass:map";
+
+@use './theming';
+
+@forward "./_theming.scss" show all-component-themes;
+
+@mixin all-component-themes($theme-or-color-config) {
+  @include theming.theme($theme-or-color-config);
+}

projects/ng-mat-components/fs-mat-components-theme.scss renamed to projects/ng-mat-components/_theming.scss

@@ -2,7 +2,7 @@
 @import "~@angular/material/theming";
 
 // Define a mixin that accepts a theme and outputs the color styles for the component.
-@mixin fs-mat-components-theme($theme) {
+@mixin theme($theme) {
   // Extract whichever individual palettes you need from the theme.
   $primary: map-get($theme, primary);
   $accent: map-get($theme, accent);

projects/ng-mat-components/ng-package.json

@@ -5,6 +5,7 @@
     "entryFile": "src/public-api.ts"
   },
   "assets": [
-    "./fs-mat-components-theme.scss"
+    "./_index.scss",
+    "./_theming.scss"
   ]
 }

projects/ng-mat-components/package.json

@@ -6,7 +6,7 @@
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0",
     "moment": "^2.29.0",
-    "@angular/material": ">=13.0.0"
+    "@angular/material": "^13.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -24,5 +24,16 @@
   },
   "bugs": {
     "url": "https://github.com/fullstack-devops/ng-mat-components/issues"
+  },
+  "exports": {
+    ".": {
+      "sass": "./_index.scss"
+    },
+    "./theming": {
+      "sass": "./_theming.scss"
+    },
+    "./_theming": {
+      "sass": "./_theming.scss"
+    }
   }
 }