fix: extract theming to styles folder (#39)

Author: eksrha

package.json

@@ -34,7 +34,6 @@
     "material-icons": "^1.13.1",
     "postcss": "^8.4.20",
     "rxjs": "^7.8.0",
-    "tailwindcss": "^3.2.4",
     "tslib": "^2.4.0",
     "zone.js": "~0.11.7"
   },
@@ -65,4 +64,4 @@
     "sass": "^1.57.1",
     "typescript": "~4.8.4"
   }
-}
+}

projects/lib-workspace/src/app/app.component.html

@@ -16,12 +16,11 @@
     </fs-nav-frame-toolbar-center>
 
     <fs-nav-frame-toolbar-end>
-      <div>
-        <input
-          type="search"
-          id="dummy-search"
-          class="block w-full p-2 pl-4 text-sm text-gray-900 border border-gray-300 rounded-lg"
-          placeholder="Dummy Search" />
+      <div style="font-size: 12px">
+        <mat-form-field appearance="outline">
+          <mat-label>Search</mat-label>
+          <input matInput placeholder="Searching..." />
+        </mat-form-field>
       </div>
     </fs-nav-frame-toolbar-end>
   </fs-nav-frame-toolbar>

projects/lib-workspace/src/styles.scss

@@ -39,9 +39,6 @@ $light-theme: mat.define-light-theme((color: (primary: mat.define-palette(palett
   @include fsc.all-component-themes($light-theme);
 }
 
-@tailwind components;
-@tailwind utilities;
-
 html * {
   font-family: 'Roboto-local';
 }

projects/ng-mat-components/README.md

@@ -1,4 +1,16 @@
-# ng-mat-components
+# @fullstack-devops/ng-mat-components
+
+[![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/fullstack-devops/ng-mat-components/release.yml?logo=GitHub%20Actions)](#)
+[![GitHub release (latest SemVer)](https://img.shields.io/github/v/release/fullstack-devops/ng-mat-components)](https://github.com/fullstack-devops/ng-mat-components/releases)
+
+**Downloads:**
+
+[![GitHub release (latest by date)](https://img.shields.io/github/downloads/fullstack-devops/ng-mat-components/latest/total?style=flat&label=GitHub%20downloads%40latest&logo=GitHub)](https://github.com/fullstack-devops/ng-mat-components/pkgs/npm/ng-mat-components)
+[![npm](https://img.shields.io/npm/dw/@fullstack-devops/ng-mat-components?style=flat&label=npm%20downloads&logo=npm)](https://www.npmjs.com/package/@fullstack-devops/ng-mat-components)
+
+**License:**
+
+[![GitHub](https://img.shields.io/github/license/fullstack-devops/ng-mat-components?style=flat)](#)
 
 Components for @angular/material
 

projects/ng-mat-components/_theming.scss

@@ -1,5 +1,5 @@
-@use 'src/fs-calendar';
-@use 'src/fs-nav-frame';
+@use 'styles/fs-calendar';
+@use 'styles/fs-nav-frame';
 
 @mixin all-component-themes($theme) {
   // Extract whichever individual palettes you need from the theme.

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

@@ -8,6 +8,10 @@
   "assets": [
     "_index.scss",
     "_theming.scss",
-    "./styles/fonts/_roboto.scss"
+    "./styles/fonts/_roboto.scss",
+    "./styles/fs-calendar/_index.scss",
+    "./styles/fs-calendar/_theming.scss",
+    "./styles/fs-nav-frame/_index.scss",
+    "./styles/fs-nav-frame/_theming.scss"
   ]
 }

projects/ng-mat-components/package.json

@@ -36,10 +36,7 @@
     "./theming": {
       "sass": "./_theming.scss"
     },
-    "./_theming": {
-      "sass": "./_theming.scss"
-    },
-    "./fonts/roboto": {
+    "./styles/fonts/roboto": {
       "sass": "./styles/fonts/_roboto.scss"
     }
   }