@naniteninja/dashboard-components-lib 1.0.0 → 1.0.1

package/src/lib/shared-styles/common/user-menu.scss

@@ -1,129 +1,129 @@
-.user-menu-overlay + .cdk-overlay-connected-position-bounding-box {
-  .mat-mdc-menu-panel.lib-btn-menu-panel .mat-mdc-menu-content:not(:empty) {
-    padding-top: 8px !important;
-    padding-bottom: 8px !important;
-    min-width: 280px !important;
-  }
-  .mat-mdc-menu-panel button.mat-mdc-menu-item {
-    height: auto !important;
-  }
-  .mat-mdc-menu-panel.lib-btn-menu-panel {
-    .user-menu-item {
-      min-height: 2.08rem !important;
-      --mat-menu-item-label-text-size: 1rem;
-      --lib-menu--button-padding: 3px 2px 0px 4px;
-      .basic-user-menu-template {
-        display: flex;
-        flex-direction: column;
-        .body-template {
-          display: flex;
-          align-items: center;
-          gap: 9px;
-          padding-right: 18px;
-          span {
-            color: #fe3c72;
-            font-weight: bold;
-          }
-          .notifications-icon {
-            position: relative;
-            .notification-alert {
-              position: absolute;
-              top: 4px;
-              right: -1px;
-              width: 6px;
-              height: 6px;
-              border: 0.4px solid rgba(255, 255, 255, 0.2);
-              border-radius: 50%;
-              background: #fe3c72;
-              box-shadow: 0 0 3px 1px #e15561;
-            }
-          }
-        }
-        .notifications-container {
-          overflow-y: scroll;
-          max-height: 8px;
-          opacity: 1;
-          transition: all 500ms ease;
-          direction: ltr !important;
-          &::-webkit-scrollbar-track {
-            height: 90% !important;
-            background: transparent !important;
-          }
-          &::-webkit-scrollbar-thumb {
-            background-color: transparent;
-            border: none;
-          }
-          .more-notifications {
-            width: 100%;
-            background: rgba(0, 0, 0, 0.203);
-            border-radius: 10px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 20px;
-            font-size: 8px;
-            margin-top: 8px;
-          }
-          lib-notifications-list {
-            display: flex;
-            width: 100%;
-          }
-          .hideNotificationsLoader {
-            opacity: 0;
-            height: 0px !important;
-            overflow: auto !important;
-          }
-          .showNotificationsLoader {
-            opacity: 1;
-          }
-        }
-        .notificationsOpened {
-          max-height: min(300px, 45vh);
-          -webkit-transition: all 1s ease !important;
-          -moz-transition: all 1s ease !important;
-          -o-transition: all 1s ease !important;
-          transition: all 1s ease !important;
-          &::-webkit-scrollbar-thumb {
-            background-color: inherit;
-            border: inherit;
-          }
-        }
-
-        .notificationsBase {
-          overflow-y: scroll;
-          opacity: 0;
-          &::-webkit-scrollbar-thumb {
-            background-color: transparent;
-            border: none;
-          }
-        }
-
-        .moreNotifications {
-          overflow-y: scroll;
-          &::-webkit-scrollbar-thumb {
-            background-color: #fe3b72 !important;
-            border: 3px solid black !important;
-          }
-        }
-      }
-    }
-  }
-
-  .user-menu-item + .lib-btn-menu-panel-separator {
-    background: linear-gradient(90deg, rgba(1, 206, 194, 0) 0%, rgba(247, 245, 221, 0.2) 50%, rgba(9, 217, 248, 0) 100%) !important;
-    max-width: 132px;
-    margin-left: auto;
-  }
-}
-
-#user-menu-btn {
-  lib-base-btn {
-    .lib-button-component {
-      > button {
-        width: 35px !important;
-        height: 35px !important;
-        border: none !important;
-      }
-    }
-  }
-}
+.user-menu-overlay + .cdk-overlay-connected-position-bounding-box {
+  .mat-mdc-menu-panel.lib-btn-menu-panel .mat-mdc-menu-content:not(:empty) {
+    padding-top: 8px !important;
+    padding-bottom: 8px !important;
+    min-width: 280px !important;
+  }
+  .mat-mdc-menu-panel button.mat-mdc-menu-item {
+    height: auto !important;
+  }
+  .mat-mdc-menu-panel.lib-btn-menu-panel {
+    .user-menu-item {
+      min-height: 2.08rem !important;
+      --mat-menu-item-label-text-size: 1rem;
+      --lib-menu--button-padding: 3px 2px 0px 4px;
+      .basic-user-menu-template {
+        display: flex;
+        flex-direction: column;
+        .body-template {
+          display: flex;
+          align-items: center;
+          gap: 9px;
+          padding-right: 18px;
+          span {
+            color: #fe3c72;
+            font-weight: bold;
+          }
+          .notifications-icon {
+            position: relative;
+            .notification-alert {
+              position: absolute;
+              top: 4px;
+              right: -1px;
+              width: 6px;
+              height: 6px;
+              border: 0.4px solid rgba(255, 255, 255, 0.2);
+              border-radius: 50%;
+              background: #fe3c72;
+              box-shadow: 0 0 3px 1px #e15561;
+            }
+          }
+        }
+        .notifications-container {
+          overflow-y: scroll;
+          max-height: 8px;
+          opacity: 1;
+          transition: all 500ms ease;
+          direction: ltr !important;
+          &::-webkit-scrollbar-track {
+            height: 90% !important;
+            background: transparent !important;
+          }
+          &::-webkit-scrollbar-thumb {
+            background-color: transparent;
+            border: none;
+          }
+          .more-notifications {
+            width: 100%;
+            background: rgba(0, 0, 0, 0.203);
+            border-radius: 10px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 20px;
+            font-size: 8px;
+            margin-top: 8px;
+          }
+          lib-notifications-list {
+            display: flex;
+            width: 100%;
+          }
+          .hideNotificationsLoader {
+            opacity: 0;
+            height: 0px !important;
+            overflow: auto !important;
+          }
+          .showNotificationsLoader {
+            opacity: 1;
+          }
+        }
+        .notificationsOpened {
+          max-height: min(300px, 45vh);
+          -webkit-transition: all 1s ease !important;
+          -moz-transition: all 1s ease !important;
+          -o-transition: all 1s ease !important;
+          transition: all 1s ease !important;
+          &::-webkit-scrollbar-thumb {
+            background-color: inherit;
+            border: inherit;
+          }
+        }
+
+        .notificationsBase {
+          overflow-y: scroll;
+          opacity: 0;
+          &::-webkit-scrollbar-thumb {
+            background-color: transparent;
+            border: none;
+          }
+        }
+
+        .moreNotifications {
+          overflow-y: scroll;
+          &::-webkit-scrollbar-thumb {
+            background-color: #fe3b72 !important;
+            border: 3px solid black !important;
+          }
+        }
+      }
+    }
+  }
+
+  .user-menu-item + .lib-btn-menu-panel-separator {
+    background: linear-gradient(90deg, rgba(1, 206, 194, 0) 0%, rgba(247, 245, 221, 0.2) 50%, rgba(9, 217, 248, 0) 100%) !important;
+    max-width: 132px;
+    margin-left: auto;
+  }
+}
+
+#user-menu-btn {
+  lib-base-btn {
+    .lib-button-component {
+      > button {
+        width: 35px !important;
+        height: 35px !important;
+        border: none !important;
+      }
+    }
+  }
+}

package/src/lib/shared-styles/fonts/calistoga.font.scss

@@ -1,6 +1,6 @@
-@font-face {
-  font-family: 'Calistoga';
-  src: url('../../../assets/fonts/calistoga/Calistoga-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
+@font-face {
+  font-family: 'Calistoga';
+  src: url('../../../assets/fonts/calistoga/Calistoga-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}

package/src/lib/shared-styles/fonts/gilroy.font.scss

@@ -1,160 +1,160 @@
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-Thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy-Thin';
-  src: url('../../../assets/fonts/gilroy/Gilroy-Thin.ttf') format('truetype');
-  font-weight: 100;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-ThinItalic.ttf') format('truetype');
-  font-weight: 100;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-UltraLight.ttf') format('truetype');
-  font-weight: 200;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-UltraLightItalic.ttf') format('truetype');
-  font-weight: 200;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-LightItalic.ttf') format('truetype');
-  font-weight: 300;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy-Regular';
-  src: url('../../../assets/fonts/gilroy/Gilroy-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-RegularItalic.ttf') format('truetype');
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy-Medium';
-  src: url('../../../assets/fonts/gilroy/Gilroy-Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-MediumItalic.ttf') format('truetype');
-  font-weight: 500;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-SemiBold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy-SemiBold';
-  src: url('../../../assets/fonts/gilroy/Gilroy-SemiBold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-SemiBoldItalic.ttf') format('truetype');
-  font-weight: 600;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy-Bold';
-  src: url('../../../assets/fonts/gilroy/Gilroy-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-BoldItalic.ttf') format('truetype');
-  font-weight: 700;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-ExtraBold.ttf') format('truetype');
-  font-weight: 800;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-ExtraBoldItalic.ttf') format('truetype');
-  font-weight: 800;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-Heavy.ttf') format('truetype');
-  font-weight: 900;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Gilroy';
-  src: url('../../../assets/fonts/gilroy/Gilroy-HeavyItalic.ttf') format('truetype');
-  font-weight: 900;
-  font-style: italic;
-}
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy-Thin';
+  src: url('../../../assets/fonts/gilroy/Gilroy-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-ThinItalic.ttf') format('truetype');
+  font-weight: 100;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-UltraLight.ttf') format('truetype');
+  font-weight: 200;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-UltraLightItalic.ttf') format('truetype');
+  font-weight: 200;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy-Regular';
+  src: url('../../../assets/fonts/gilroy/Gilroy-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-RegularItalic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy-Medium';
+  src: url('../../../assets/fonts/gilroy/Gilroy-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy-SemiBold';
+  src: url('../../../assets/fonts/gilroy/Gilroy-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-SemiBoldItalic.ttf') format('truetype');
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy-Bold';
+  src: url('../../../assets/fonts/gilroy/Gilroy-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-BoldItalic.ttf') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-ExtraBold.ttf') format('truetype');
+  font-weight: 800;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-ExtraBoldItalic.ttf') format('truetype');
+  font-weight: 800;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-Heavy.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Gilroy';
+  src: url('../../../assets/fonts/gilroy/Gilroy-HeavyItalic.ttf') format('truetype');
+  font-weight: 900;
+  font-style: italic;
+}

package/src/lib/shared-styles/styles.scss

@@ -1,25 +1,25 @@
-@import './common/information-card.scss';
-@import './common/typography.scss';
-@import './common/buttons.scss';
-@import './common/input.scss';
-@import './common/lib-styles-utils.scss';
-@import './common/draggable-scroll-and-marquee.scss';
-@import './common/colors';
-@import './common/tab-menu';
-@import './common/maps';
-@import './common/theme.scss';
-@import './common/date-picker.scss';
-@import './common/typography.scss';
-@import './common/user-menu.scss';
-@import './common/notifications-list.scss';
-@import './common/cards.scss';
-@import './common/modal_styles.scss';
-@import './common/feedback.scss';
-@import './common/matcher-dash.scss';
-@import './common/client-dash.scss';
-@import './common/fonts.scss';
-@import './common/overrides.scss';
-@import './common/swiper.scss';
-@import './common/animations.scss';
-@import './common/lists.scss';
-@import './common/login.scss';
+@import './common/information-card.scss';
+@import './common/typography.scss';
+@import './common/buttons.scss';
+@import './common/input.scss';
+@import './common/lib-styles-utils.scss';
+@import './common/draggable-scroll-and-marquee.scss';
+@import './common/colors';
+@import './common/tab-menu';
+@import './common/maps';
+@import './common/theme.scss';
+@import './common/date-picker.scss';
+@import './common/typography.scss';
+@import './common/user-menu.scss';
+@import './common/notifications-list.scss';
+@import './common/cards.scss';
+@import './common/modal_styles.scss';
+@import './common/feedback.scss';
+@import './common/matcher-dash.scss';
+@import './common/client-dash.scss';
+@import './common/fonts.scss';
+@import './common/overrides.scss';
+@import './common/swiper.scss';
+@import './common/animations.scss';
+@import './common/lists.scss';
+@import './common/login.scss';