ecabs-components 1.0.30 → 1.0.31

package/package.json

@@ -1,33 +1,41 @@
 {
   "name": "ecabs-components",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "peerDependencies": {
+    "@angular/animations": "^16.0.3",
     "@angular/common": "^16.0.4",
     "@angular/core": "^16.0.4",
     "@angular/cdk": "^16.0.3",
     "@angular/material": "~16.0.3",
+    "autoprefixer": "^10.4.17",
     "date-fns": "^2.29.3",
     "flag-icons": "^6.7.0",
     "ngx-mat-intl-tel-input": "^5.0.0",
     "ngx-mat-select-search": "^7.0.2",
+    "postcss": "^8.4.35",
     "rxjs": "~7.5.0",
+    "tailwindcss": "^3.4.1",
     "vanilla-text-mask": "^5.1.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "module": "fesm2022/ecabs-components.mjs",
-  "typings": "index.d.ts",
   "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
     ".": {
+      "sass": "./src/assets/styles/styles",
       "types": "./index.d.ts",
       "esm2022": "./esm2022/ecabs-components.mjs",
       "esm": "./esm2022/ecabs-components.mjs",
       "default": "./fesm2022/ecabs-components.mjs"
+    },
+    "./utilities": {
+      "sass": "./src/assets/styles/scss/utilities/index.scss"
+    },
+    "./package.json": {
+      "default": "./package.json"
     }
   },
+  "module": "fesm2022/ecabs-components.mjs",
+  "typings": "index.d.ts",
   "sideEffects": false
 }

package/src/assets/images/nothing-here.svg

@@ -0,0 +1,22 @@
+<svg width="482" height="410" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path opacity=".1" d="M479.79 282.683c-13.165-66.236-90.292-119.174-105.335-188.197C347.114 6.67 256.997-7.214 198.437 30.924c-92.788 60.431 6.198 75.427-175.73 218.403C-22.215 284.631-7.9 440.469 133.421 404.705c76.053-19.247 99.173-21.948 133.383-25.117 86.225-7.988 235.084 14.282 212.986-96.905Z" fill="#367CFF"/>
+  <path d="m376.783 299.284-133.27 70.229-133.069-70.229V193.233h266.339v106.051Z" fill="#fff"/>
+  <path d="M243.513 370.59a1.07 1.07 0 0 1-.505-.126l-133.065-70.229a1.073 1.073 0 0 1-.575-.947V193.233a1.08 1.08 0 0 1 1.079-1.077h266.336a1.08 1.08 0 0 1 1.08 1.077v106.051a1.082 1.082 0 0 1-.576.948l-133.27 70.229a1.07 1.07 0 0 1-.504.129Zm-131.99-71.953 131.99 69.658 132.19-69.66V194.311h-264.18v104.326Z" fill="#A6A6A6"/>
+  <path d="m376.783 170.477-133.27-70.229 59.886-28.8 133.27 70.229-59.886 28.8Z" fill="#fff"/>
+  <path d="M376.783 171.554c-.176 0-.349-.043-.504-.124l-133.27-70.23a1.078 1.078 0 0 1 .035-1.923l59.886-28.8a1.08 1.08 0 0 1 .974.017l133.27 70.23a1.073 1.073 0 0 1 .404 1.533c-.107.168-.26.302-.439.389l-59.887 28.801c-.146.07-.307.107-.469.107ZM245.908 100.29l130.898 68.979 57.469-27.638-130.898-68.977-57.469 27.636Z" fill="#A6A6A6"/>
+  <path d="m110.444 170.477 133.27-70.229-59.886-28.8-133.27 70.229 59.886 28.8Z" fill="#fff"/>
+  <path d="M110.444 171.554c-.162 0-.323-.037-.469-.107l-59.883-28.801a1.08 1.08 0 0 1-.61-.95 1.078 1.078 0 0 1 .575-.972l133.27-70.23a1.074 1.074 0 0 1 .973-.018l59.887 28.801a1.079 1.079 0 0 1 .035 1.923l-133.27 70.23a1.084 1.084 0 0 1-.508.124Zm-57.492-29.921 57.47 27.637 130.897-68.978-57.469-27.638-130.898 68.979Z" fill="#A6A6A6"/>
+  <path d="m110.444 170.477 133.27 70.229-68.523 37.417-133.27-70.228 68.523-37.418Z" fill="#fff"/>
+  <path d="M175.191 279.2a1.054 1.054 0 0 1-.504-.125l-133.27-70.229a1.08 1.08 0 0 1-.574-.944 1.077 1.077 0 0 1 .56-.952l68.523-37.418a1.082 1.082 0 0 1 1.022-.007l133.271 70.23a1.08 1.08 0 0 1 .425 1.497 1.089 1.089 0 0 1-.412.399l-68.523 37.418a1.077 1.077 0 0 1-.518.131Zm-130.99-71.322 130.981 69.023 66.253-36.179L110.453 171.7l-66.252 36.178Z" fill="#A6A6A6"/>
+  <path d="m376.783 170.477-133.27 70.229 68.523 37.417 133.27-70.228-68.523-37.418Z" fill="#fff"/>
+  <path d="M312.038 279.2c-.181 0-.36-.045-.519-.131l-68.523-37.418a1.093 1.093 0 0 1-.411-.399 1.067 1.067 0 0 1-.148-.553 1.07 1.07 0 0 1 .573-.944l133.27-70.23a1.09 1.09 0 0 1 1.023.007l68.523 37.418a1.079 1.079 0 0 1 .403 1.503 1.08 1.08 0 0 1-.417.393l-133.27 70.229a1.054 1.054 0 0 1-.504.125Zm-66.242-38.478 66.252 36.179 130.982-69.023-66.254-36.178-130.98 69.022Z" fill="#A6A6A6"/>
+  <path d="m243.714 100.248-133.27 70.229 133.069 70.229 133.27-70.229-133.069-70.229Z" fill="#A6A6A6"/>
+  <path d="M244.592 240.705h-2.159v128.808h2.159V240.705Z" fill="#A6A6A6"/>
+  <path d="M168.844 164.101a.856.856 0 0 1-.498-.16.86.86 0 0 1-.206-1.201c.16-.225 15.769-22.74-1.656-43.265a32.813 32.813 0 0 0-11.272-8.599 32.885 32.885 0 0 0-13.856-3.048h-.235c1.655 5.735 1.359 10.835-.984 14.747a10.905 10.905 0 0 1-4.254 4.2 10.937 10.937 0 0 1-5.833 1.332 8.682 8.682 0 0 1-4.617-1.794 8.66 8.66 0 0 1-2.879-4.024c-1.916-4.988.087-9.824 5.365-12.94a25.522 25.522 0 0 1 10.873-3.121 45.918 45.918 0 0 0-4.807-9.324c-6.292-9.588-17.759-16.224-31.461-18.209-11.613-1.681-22.742.299-28.357 5.044a.865.865 0 0 1-1.418-.73.86.86 0 0 1 .303-.586c5.974-5.049 17.64-7.183 29.719-5.429 14.193 2.056 26.096 8.97 32.659 18.97a46.772 46.772 0 0 1 5.155 10.182 34.586 34.586 0 0 1 14.998 3.024 34.534 34.534 0 0 1 12.215 9.195c18.303 21.559 1.914 45.14 1.747 45.376a.859.859 0 0 1-.701.36Zm-29.492-56.21a24.077 24.077 0 0 0-10.549 2.941c-4.557 2.691-6.244 6.643-4.632 10.841a6.99 6.99 0 0 0 2.311 3.256 7.019 7.019 0 0 0 3.721 1.463 9.234 9.234 0 0 0 4.896-1.153 9.208 9.208 0 0 0 3.56-3.547c2.15-3.594 2.347-8.37.691-13.801h.002ZM59.261 97.632c-1.467.44-3.049.29-4.408-.416a5.87 5.87 0 0 1-2.868-3.366 5.856 5.856 0 0 1 .298-4.408 5.876 5.876 0 0 1 3.296-2.95 5.893 5.893 0 0 1 4.425.18 5.873 5.873 0 0 1 3.044 3.208 5.855 5.855 0 0 1-.062 4.418 5.874 5.874 0 0 1-3.724 3.334Zm-2.871-9.576a4.132 4.132 0 0 0-2.616 2.346 4.12 4.12 0 0 0-.042 3.11 4.132 4.132 0 0 0 2.143 2.256 4.146 4.146 0 0 0 5.432-1.954 4.12 4.12 0 0 0 .207-3.102 4.13 4.13 0 0 0-2.021-2.367 4.146 4.146 0 0 0-3.103-.289ZM59.25 84.129c-1.387.413-2.88.3-4.19-.318a5.866 5.866 0 0 1-2.905-3.03A5.848 5.848 0 0 1 53.4 74.39a5.877 5.877 0 0 1 6.395-1.299 5.87 5.87 0 0 1 2.645 2.147 5.85 5.85 0 0 1 .029 6.511 5.87 5.87 0 0 1-3.217 2.38Zm-2.867-9.576a4.14 4.14 0 0 0-2.649 2.397 4.128 4.128 0 0 0 1.503 4.983 4.152 4.152 0 0 0 6.082-1.651 4.128 4.128 0 0 0-.604-4.463 4.147 4.147 0 0 0-4.332-1.267Z" fill="#6B6D73"/>
+  <path d="M57.575 90.223c4.24 0 7.68-2.292 7.68-5.118 0-2.826-3.44-5.118-7.68-5.118-4.242 0-7.68 2.292-7.68 5.118 0 2.826 3.438 5.118 7.68 5.118Z" fill="#fff"/>
+  <path d="M60.974 90.6a11.902 11.902 0 0 1-3.392.485c-4.791 0-8.55-2.62-8.55-5.972 0-3.353 3.748-5.982 8.537-5.987 2.089-.04 4.143.529 5.912 1.637a4.896 4.896 0 0 1 2.637 4.333 4.882 4.882 0 0 1-2.63 4.338 9.401 9.401 0 0 1-2.514 1.165Zm-6.272-9.34c-2.308.688-3.943 2.177-3.942 3.848 0 2.307 3.123 4.254 6.822 4.25A9.012 9.012 0 0 0 62.532 88a3.199 3.199 0 0 0 1.863-2.903 3.19 3.19 0 0 0-1.867-2.9 8.997 8.997 0 0 0-4.953-1.35c-.972-.002-1.94.136-2.873.412Z" fill="#6B6D73"/>
+  <path d="m59.458 90.067-.18-9.953-2.481-.1-.174 10.17 2.835-.117ZM47.386 87.27a.792.792 0 1 0 .002-1.583.792.792 0 0 0-.002 1.584ZM48.005 83.038a.792.792 0 1 0 .002-1.584.792.792 0 0 0-.002 1.584ZM304.545 114.406a.864.864 0 0 1-.825-.609 85.33 85.33 0 0 1-2.251-32.763c2.233-16.028 11.092-37.063 40.618-46.274a76.436 76.436 0 0 1 12.737-2.914c1.391-8.67 6.684-18.074 18.52-24.563C401.466-8.134 420.462 5.7 420.651 5.84a.86.86 0 0 1-.397 1.542.865.865 0 0 1-.64-.163c-.179-.135-18.333-13.285-45.437 1.576-11.06 6.064-16.123 14.767-17.563 22.846 13.023-1.28 19.26 3.055 22.059 6.329a13.323 13.323 0 0 1 1.998 14.595 10.43 10.43 0 0 1-4.184 4.56 10.464 10.464 0 0 1-6.037 1.393c-7.273-.426-13.292-6.53-15.332-15.552a29.25 29.25 0 0 1-.53-9.307 74.01 74.01 0 0 0-11.985 2.75c-23.012 7.179-36.273 22.275-39.424 44.867a83.392 83.392 0 0 0 2.192 32.021.865.865 0 0 1-.131.765.865.865 0 0 1-.695.349v-.005Zm51.804-80.962a27.537 27.537 0 0 0 .454 9.142c1.867 8.253 7.263 13.831 13.748 14.211a8.804 8.804 0 0 0 5.062-1.175 8.775 8.775 0 0 0 3.512-3.823 11.604 11.604 0 0 0-1.768-12.71c-4.039-4.727-11.408-6.637-21.008-5.645ZM440.769 14.55a6.18 6.18 0 0 1-3.286-.954 6.156 6.156 0 0 1-2.827-5.922 6.144 6.144 0 0 1 1.327-3.146 6.18 6.18 0 0 1 9.2-.444 6.15 6.15 0 0 1 1.626 3.004 6.156 6.156 0 0 1-1.235 5.17 6.18 6.18 0 0 1-4.805 2.291Zm.012-10.586c-.918 0-1.814.284-2.564.814a4.425 4.425 0 0 0-.223 7.065 4.448 4.448 0 0 0 6.873-1.715c.36-.843.448-1.777.253-2.673a4.401 4.401 0 0 0-1.547-2.515 4.42 4.42 0 0 0-2.792-.976ZM438.168 28.613a6.194 6.194 0 0 1-4.255-1.692 6.16 6.16 0 0 1-.456-8.478 6.197 6.197 0 0 1 8.46-.91 6.163 6.163 0 0 1 1.366 8.38 6.185 6.185 0 0 1-5.115 2.7Zm.021-10.586a4.413 4.413 0 0 0-3.655 1.931 4.395 4.395 0 0 0 .979 5.98 4.42 4.42 0 0 0 6.037-.652 4.4 4.4 0 0 0-.325-6.05 4.422 4.422 0 0 0-3.036-1.209Z" fill="#6B6D73"/>
+  <path d="M447.443 17.067c.545-2.943-2.595-5.989-7.011-6.802-4.417-.813-8.439.914-8.983 3.857-.544 2.944 2.595 5.989 7.012 6.802 4.416.813 8.438-.914 8.982-3.857Z" fill="#fff"/>
+  <path d="M440.635 21.988a12.945 12.945 0 0 1-2.331-.216 11.326 11.326 0 0 1-5.812-2.831 5.528 5.528 0 0 1-1.892-4.974 5.527 5.527 0 0 1 3.547-3.973 12.069 12.069 0 0 1 12.252 2.256 5.535 5.535 0 0 1 1.893 4.974 5.547 5.547 0 0 1-3.547 3.973c-1.303.537-2.7.806-4.11.79Zm-2.385-11.063a8.717 8.717 0 0 0-3.421.652 3.89 3.89 0 0 0-2.53 2.703 3.873 3.873 0 0 0 1.397 3.425 10.344 10.344 0 0 0 10.364 1.909 3.89 3.89 0 0 0 2.53-2.703 3.881 3.881 0 0 0-1.397-3.425 9.583 9.583 0 0 0-4.923-2.372 11.218 11.218 0 0 0-2.017-.189h-.003Z" fill="#6B6D73"/>
+  <path d="m438.449 10.067-1.737 10.397 2.562.583 2.149-10.555-2.974-.425ZM448.86 21.253a.838.838 0 1 0 .002-1.676.838.838 0 0 0-.002 1.676ZM450.323 16.965a.838.838 0 1 0 0-1.675.839.839 0 1 0 0 1.675Z" fill="#6B6D73"/>
+</svg>

package/{styles → src/assets/styles}/material/_theme.scss

@@ -1,38 +1,38 @@
 // Custom Theming for Angular Material
 // For more information: https://material.angular.io/guide/theming
 @use '@angular/material' as mat;
+@import '@angular/material/theming';
+
+// Plus imports for other components in your app.
+@import '../scss/utilities/index';
+@import 'overrides/index';
+
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // Be sure that you only ever include this mixin once!
 @include mat.core();
 @include mat.legacy-core();
-// Plus imports for other components in your app.
-@import '../scss/utilities/index';
-@import './overrides/index';
-@import '../scss/utilities/palettes';
 
-// Define a custom typography config that overrides the font-family as well as the
-// `headlines` and `body-1` levels.
 $custom-typography: mat.define-typography-config(
-        $font-family: $font-family-primary,
-        $body-1: mat.define-typography-level(
-                        $font-size-base,
-                        $base-line-height,
-                        $font-weight-regular,
-                $letter-spacing: normal,
-                $font-family: $font-family-primary,
-        ),
-        $button: mat.define-typography-level(
-                        $font-size-base,
-                $letter-spacing: normal,
-        ),
-        $body-2: mat.define-typography-level(
-                        $font-size-base,
-                        $base-line-height,
-                        $font-weight-regular,
-                $letter-spacing: normal,
-                $font-family: $font-family-primary,
-        )
+  $font-family: $font-family-primary,
+  $body-1: mat.define-typography-level(
+      $font-size-base,
+      $base-line-height,
+      $font-weight-regular,
+    $letter-spacing: normal,
+    $font-family: $font-family-primary,
+  ),
+  $button: mat.define-typography-level(
+      $font-size-base,
+    $letter-spacing: normal,
+  ),
+  $body-2: mat.define-typography-level(
+      $font-size-base,
+      $base-line-height,
+      $font-weight-regular,
+    $letter-spacing: normal,
+    $font-family: $font-family-primary,
+  )
 );
 
 
@@ -48,20 +48,20 @@ $cuorium-warn: mat.define-palette($brand-palette-warn);
 // Create the theme object. A theme consists of configurations for individual
 // theming systems such as "color" or "typography".
 $cuorium-theme: mat.define-light-theme((
-        color: (
-                primary: $cuorium-primary,
-                accent: $cuorium-accent,
-                warn: $cuorium-warn,
-        ),
-        typography: $custom-typography
+  color: (
+    primary: $cuorium-primary,
+    accent: $cuorium-accent,
+    warn: $cuorium-warn,
+  ),
+  typography: $custom-typography
 ));
 
 
 // Include theme styles for core and each component used in your app.
 // Alternatively, you can import and @include the theme mixins for each component
 // that you are using.
- @include mat.all-component-themes($cuorium-theme);
- @include mat.all-legacy-component-themes($cuorium-theme);
+@include mat.all-component-themes($cuorium-theme);
+@include mat.all-legacy-component-themes($cuorium-theme);
 
 .mat-body p,
 .mat-body-1 p,

package/{styles → src/assets/styles}/material/overrides/_button.scss

@@ -1,10 +1,10 @@
-button, //::TODO Remove after legacy goes
-button.mdc-button,
+button,
 a {
-  &.mdc-button,
+  &.mat-button,
+  &.mat-stroked-button,
   &.mdc-button--outlined,
-  &.mdc-button--raised,
-  &.mdc-button--unelevated {
+  &.mat-raised-button,
+  &.mat-flat-button {
     @extend .btn;
 
     &.btn__group--item,
@@ -17,53 +17,58 @@ a {
     }
   }
 
-  &.mdc-button.mat-primary,
-  &.mdc-button--unelevated.mat-primary {
+  &.mat-button.mat-primary,
+  &.mat-flat-button.mat-primary {
     @extend .btn__primary;
   }
 
+  &.mat-stroked-button.mat-primary,
   &.mdc-button--outlined.mat-primary {
     @extend .btn__primary--outline;
 
     border: 0;
   }
 
-  &.mat-mdc-button.mat-accent,
-  &.mdc-button--unelevated.mat-accent {
+  &.mat-button.mat-accent,
+  &.mat-flat-button.mat-accent {
     @extend .btn__secondary;
   }
 
+  &.mat-stroked-button.mat-accent,
   &.mdc-button--outlined.mat-accent {
     @extend .btn__secondary--outline;
 
     border: 0;
   }
 
-  &.mdc-button.mat-warn {
+  &.mat-button.mat-warn {
     @extend .btn__warn;
   }
 
-  &.mdc-button.mat-success {
+  &.mat-button.mat-success {
     @extend .btn__success;
   }
 
+  &.mat-stroked-button.mat-warn,
   &.mdc-button--outlined.mat-warn {
     @extend .btn__warn--outline;
 
     border: 0;
   }
 
+  &.mat-stroked-button.mat-success,
   &.mdc-button--outlined.mat-success {
     @extend .btn__success--outline;
 
     border: 0;
   }
 
-  &.mdc-button:disabled {
+  &.mat-button.mat-button-disabled {
     @extend .btn__disabled;
   }
 
-  &.mdc-button--outlined:disabled {
+  &.mat-stroked-button.mat-button-disabled,
+  &.mdc-button--outlined.mat-button-disabled {
     @extend .btn__disabled--outline;
   }
 
@@ -71,11 +76,11 @@ a {
     @extend .btn__with-icon--wrapper;
   }
 
-  &.mat-mdc-icon-button .mat-button-wrapper .mat-icon {
+  &.mat-icon-button .mat-button-wrapper .mat-icon {
     margin-right: 0;
   }
 
-  &.mdc-button.mat-mdc-icon-button {
+  &.mat-button.mat-icon-button {
     min-width: auto;
     padding: calc-rem(8);
   }

package/{styles → src/assets/styles}/material/overrides/_datepicker.scss

@@ -1,4 +1,4 @@
-@import "../../scss/utilities/index.scss";
+@import "../../scss/utilities/index";
 
 .header {
   display: flex;

package/src/assets/styles/material/overrides/_icon.scss

@@ -0,0 +1,3 @@
+mat-icon {
+  @extend .icon;
+}

package/{styles → src/assets/styles}/material/overrides/_table.scss

@@ -1,12 +1,18 @@
+.mat-table,
 .mat-mdc-table {
   @extend .table-ui;
   @extend .table-ui__bordered;
 
-  td.mat-mdc-cell, td.mat-mdc-footer-cell {
+  td.mat-mdc-cell, td.mat-mdc-footer-cell,
+  td.mat-cell, td.mat-footer-cell {
     padding: .36rem .36rem .36rem 0;
 
     &:first-of-type {
       padding-left: calc-rem(14);
     }
   }
+
+  mat-icon {
+    @extend .icon;
+  }
 }

package/src/assets/styles/material/overrides/index.scss

@@ -0,0 +1,20 @@
+@import "autocomplete";
+@import "menu";
+@import 'button';
+@import 'card';
+@import 'chip';
+@import 'datepicker';
+@import 'dialog';
+@import 'divider';
+@import 'expansion';
+@import 'form';
+@import 'icon';
+@import 'paginator';
+@import 'phone';
+@import 'select';
+@import 'tab';
+@import 'table';
+@import 'toaster';
+@import 'toggle';
+@import 'toolbar';
+@import 'tooltip';

package/{styles → src/assets/styles}/scss/modules/_datepicker.scss

@@ -1,5 +1,11 @@
 @import "../utilities/index";
 
+.datepicker-ui {
+  mat-icon {
+    color: var(--color-gray-500);
+  }
+}
+
 ecabs-date-picker {
   .mat-datepicker-input {
     // max-height: 2.625rem;;

package/{styles → src/assets/styles}/scss/modules/_select.scss

@@ -1,4 +1,4 @@
-@import './../utilities/index';
+@import '../utilities/index';
 
 $border-radius: 0.25rem;
 

package/src/assets/styles/scss/utilities/index.scss

@@ -0,0 +1,7 @@
+@import "variables";
+@import "functions";
+@import "colors";
+@import "fonts";
+@import "helpers";
+@import "mixins";
+@import "palettes";

package/src/assets/styles/styles.scss

@@ -0,0 +1,5 @@
+@import "material/theme";
+@import "scss/modules/index";
+@import "scss/utilities/index";
+@import "scss/base/index";
+@import "tailwind/index";

package/src/assets/styles/tailwind/index.scss

@@ -0,0 +1 @@
+/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-gray-200)}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--color-gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--color-gray-400)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.isolate{isolation:isolate}.z-50{z-index:50}.float-right{float:right}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-1{margin-top:-.25rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.size-px{width:1px;height:1px}.w-60{width:15rem}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-y-4{row-gap:1rem}.truncate{overflow:hidden;white-space:nowrap}.overflow-ellipsis,.truncate{text-overflow:ellipsis}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-current{border-color:currentColor}.px-2{padding-left:.5rem;padding-right:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.invert,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia:sepia(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[k\:string\]{k:string}

package/styles/material/overrides/_icon.scss

@@ -1,3 +0,0 @@
-mat-icon, .mat-icon {
-  @extend .icon;
-}

package/styles/material/overrides/index.scss

@@ -1,20 +0,0 @@
-@import "./autocomplete";
-@import "./menu";
-@import './button';
-@import './card';
-@import './chip';
-@import './datepicker';
-@import './dialog';
-@import './divider';
-@import './expansion';
-@import './form';
-@import './icon';
-@import './paginator';
-@import './phone';
-@import './select';
-@import './tab';
-@import './table';
-@import './toaster';
-@import './toggle';
-@import './toolbar';
-@import './tooltip';

package/styles/scss/utilities/index.scss

@@ -1,7 +0,0 @@
-@import "./variables";
-@import "./functions";
-@import "./colors";
-@import "./fonts";
-@import "./helpers";
-@import "./mixins";
-@import "./palettes";

package/styles/styles.scss

@@ -1,5 +0,0 @@
-@import "./material/theme";
-@import "./scss/modules/index";
-@import "./scss/utilities/index";
-@import "./scss/base/index";
-@import "./tailwind/index";