@indice/ng-components 0.5.0-beta.10 → 0.5.0

package/src/assets/styles/nav-links.css

@@ -1,64 +1,64 @@
-.nav-link {
-  @apply cursor-pointer text-white hover:bg-gray-700 hover:text-white hover:shadow-sm px-3 py-2 rounded-lg text-xs whitespace-nowrap overflow-ellipsis overflow-hidden;
-}
-
-.sidebar .nav-link {
-  @apply cursor-pointer text-gray-300 hover:bg-gray-700 hover:text-white flex items-center px-2 py-2 text-sm font-medium rounded-md;
-}
-
-.nav-link-profile {
-  @apply flex items-center cursor-pointer px-4 py-2 rounded-md text-xs text-gray-700 hover:bg-gray-100 whitespace-nowrap overflow-ellipsis overflow-hidden;
-}
-
-.nav-link-mobile {
-  @apply cursor-pointer text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-xs whitespace-nowrap overflow-ellipsis overflow-hidden;
-}
-
-.sidebar .nav-link-list-container {
-  @apply flex-1 flex flex-col overflow-y-auto;
-}
-
-.sidebar .nav-link-list-container-inner {
-  @apply flex-1 px-2 py-4 space-y-2;
-}
-
-.sidebar .nav-link-list-container-inner .icons-only {
-  @apply flex-1 px-2 py-4 space-y-4;
-}
-
-.nav-link-active {
-  @apply cursor-default text-sky-600 bg-gray-900 hover:bg-gray-900 px-3 py-2 rounded-lg text-xs shadow-sm whitespace-nowrap overflow-ellipsis overflow-hidden;
-}
-
-.sidebar .nav-link-active {
-  @apply cursor-default bg-gray-900 text-white flex items-center px-2 py-2 text-sm font-medium rounded-md;
-}
-
-.sidebar .nav-link-active-b {
-  @apply cursor-default bg-gray-900 border-b border-sky-400 text-white flex items-center px-2 py-2 text-sm font-medium rounded-md;
-}
-
-.sidebar .nav-link-active-l {
-  @apply cursor-default  bg-gray-900 border-l border-sky-400 text-white flex items-center px-2 py-2 text-sm font-medium rounded-md;
-}
-
-.nav-link-profile-active {
-  @apply cursor-default rounded-md block px-4 py-2 text-xs text-sky-900 shadow-sm whitespace-nowrap overflow-ellipsis overflow-hidden;
-}
-
-.nav-link-mobile-active {
-  @apply cursor-default bg-gray-900 text-sky-300 block px-3 py-2 rounded-lg text-xs whitespace-nowrap overflow-ellipsis overflow-hidden;
-}
-  
-.view-nav-link {
-  @apply cursor-pointer rounded-md text-gray-600 hover:border-gray-50 border-transparent border-l-2 hover:bg-gray-50 hover:text-gray-900 py-2 px-4 flex items-center text-sm whitespace-nowrap overflow-ellipsis overflow-hidden;
-}
-  
-.view-nav-link-active {
-  @apply cursor-default bg-gray-100 border-gray-600 hover:border-gray-600 text-gray-900;
-}
-  
-
-.min-nav-link-text-width {
-  width: 220px;
-}
+.nav-link {
+  @apply cursor-pointer text-white hover:bg-gray-700 hover:text-white hover:shadow-sm px-3 py-2 rounded-lg text-xs whitespace-nowrap overflow-ellipsis overflow-hidden;
+}
+
+.sidebar .nav-link {
+  @apply cursor-pointer text-gray-300 hover:bg-gray-700 hover:text-white flex items-center px-2 py-2 text-sm font-medium rounded-md;
+}
+
+.nav-link-profile {
+  @apply flex items-center cursor-pointer px-4 py-2 rounded-md text-xs text-gray-700 hover:bg-gray-100 whitespace-nowrap overflow-ellipsis overflow-hidden;
+}
+
+.nav-link-mobile {
+  @apply cursor-pointer text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-xs whitespace-nowrap overflow-ellipsis overflow-hidden;
+}
+
+.sidebar .nav-link-list-container {
+  @apply flex-1 flex flex-col overflow-y-auto;
+}
+
+.sidebar .nav-link-list-container-inner {
+  @apply flex-1 px-2 py-4 space-y-2;
+}
+
+.sidebar .nav-link-list-container-inner .icons-only {
+  @apply flex-1 px-2 py-4 space-y-4;
+}
+
+.nav-link-active {
+  @apply cursor-default text-sky-600 bg-gray-900 hover:bg-gray-900 px-3 py-2 rounded-lg text-xs shadow-sm whitespace-nowrap overflow-ellipsis overflow-hidden;
+}
+
+.sidebar .nav-link-active {
+  @apply cursor-default bg-gray-900 text-white flex items-center px-2 py-2 text-sm font-medium rounded-md;
+}
+
+.sidebar .nav-link-active-b {
+  @apply cursor-default bg-gray-900 border-b border-sky-400 text-white flex items-center px-2 py-2 text-sm font-medium rounded-md;
+}
+
+.sidebar .nav-link-active-l {
+  @apply cursor-default  bg-gray-900 border-l border-sky-400 text-white flex items-center px-2 py-2 text-sm font-medium rounded-md;
+}
+
+.nav-link-profile-active {
+  @apply cursor-default rounded-md block px-4 py-2 text-xs text-sky-900 shadow-sm whitespace-nowrap overflow-ellipsis overflow-hidden;
+}
+
+.nav-link-mobile-active {
+  @apply cursor-default bg-gray-900 text-sky-300 block px-3 py-2 rounded-lg text-xs whitespace-nowrap overflow-ellipsis overflow-hidden;
+}
+  
+.view-nav-link {
+  @apply cursor-pointer rounded-md text-gray-600 hover:border-gray-50 border-transparent border-l-2 hover:bg-gray-50 hover:text-gray-900 py-2 px-4 flex items-center text-sm whitespace-nowrap overflow-ellipsis overflow-hidden;
+}
+  
+.view-nav-link-active {
+  @apply cursor-default bg-gray-100 border-gray-600 hover:border-gray-600 text-gray-900;
+}
+  
+
+.min-nav-link-text-width {
+  width: 220px;
+}

package/src/assets/styles/notifications-indicator.component.css

@@ -1,37 +1,37 @@
-.notifications-nav-link {
-  @apply block py-3 pl-3 pr-2 text-xs text-gray-700 hover:bg-gray-50;
-}
-
-.header-notifications {
-  @apply flex gap-3 items-center;
-}
-
-.header-notifications-dropdown-button {
-  @apply max-w-xs focus:outline-none rounded-full flex items-center text-sm ring-1 ring-blue-300 focus:ring-offset-1
-  focus:ring-offset-blue-800 focus:ring-blue-400 transition ease-in duration-100;
-}
-
-.header-notifications-dropdown {
-  @apply z-50 origin-top-right absolute right-0 pt-3 pl-2 mt-2 w-80 rounded-lg shadow-lg bg-white ring-1 ring-black ring-black/5 focus:outline-none;
-}
-
-.header-notifications-dropdown-with-username {
-  @apply z-50 origin-top-right absolute right-0 pt-3 pl-1.5 mt-1 w-80 rounded-lg shadow-lg bg-white ring-1 ring-black ring-black/5 focus:outline-none;
-}
-
-.header-notifications-dropdown-view-all-button{
-  @apply items-center align-text-bottom font-medium w-full px-2.5 py-2.5 text-xs text-gray-600 focus:outline-none;
-}
-
-.notification-messages::-webkit-scrollbar-thumb {
-  @apply bg-gray-600 hover:bg-gray-700;
-}
-
-
-.notification-messages::-webkit-scrollbar {
-  width: 7px;
-  height: 7px;
-  background: transparent;
-  cursor: pointer;
-  /* or add it to the track */
-}
+.notifications-nav-link {
+  @apply block py-3 pl-3 pr-2 text-xs text-gray-700 hover:bg-gray-50;
+}
+
+.header-notifications {
+  @apply flex gap-3 items-center;
+}
+
+.header-notifications-dropdown-button {
+  @apply max-w-xs focus:outline-none rounded-full flex items-center text-sm ring-1 ring-blue-300 focus:ring-offset-1
+  focus:ring-offset-blue-800 focus:ring-blue-400 transition ease-in duration-100;
+}
+
+.header-notifications-dropdown {
+  @apply z-50 origin-top-right absolute right-0 pt-3 pl-2 mt-2 w-80 rounded-lg shadow-lg bg-white ring-1 ring-black ring-black/5 focus:outline-none;
+}
+
+.header-notifications-dropdown-with-username {
+  @apply z-50 origin-top-right absolute right-0 pt-3 pl-1.5 mt-1 w-80 rounded-lg shadow-lg bg-white ring-1 ring-black ring-black/5 focus:outline-none;
+}
+
+.header-notifications-dropdown-view-all-button{
+  @apply items-center align-text-bottom font-medium w-full px-2.5 py-2.5 text-xs text-gray-600 focus:outline-none;
+}
+
+.notification-messages::-webkit-scrollbar-thumb {
+  @apply bg-gray-600 hover:bg-gray-700;
+}
+
+
+.notification-messages::-webkit-scrollbar {
+  width: 7px;
+  height: 7px;
+  background: transparent;
+  cursor: pointer;
+  /* or add it to the track */
+}

package/src/assets/styles/pager.css

@@ -1,31 +1,31 @@
-.pager-container {
-  @apply flex flex-col sm:flex-row mb-2 justify-start;
-}
-
-.pager-container-near {
-  @apply sm:flex-1 justify-start items-center mb-1 sm:mb-0;
-}
-
-.pager-container-far {
-  @apply justify-start flex-nowrap items-center;
-}
-
-.pager-icon-button {
-  @apply inline-flex relative ml-1 mr-2 items-center px-2 py-2 rounded-l-sm text-sm font-medium text-gray-500 hover:bg-gray-50;
-}
-
-.pager-pages-container {
-  @apply relative inline-flex rounded-sm;
-}
-
-.pager-button {
-  @apply relative ml-1 inline-flex items-center px-1 py-2 rounded-l-sm text-sm font-medium text-gray-500 hover:bg-gray-50;
-}
-
-.pager-arrow-button-left {
-  @apply inline-flex relative ml-1 items-center px-1 py-2 rounded-l-sm text-sm font-medium text-gray-500 disabled:text-gray-300 disabled:hover:bg-none hover:bg-gray-50;
-}
-
-.pager-arrow-button-right {
-  @apply inline-flex relative mr-1 items-center px-1 py-2 rounded-l-sm text-sm font-medium text-gray-500 disabled:text-gray-300 disabled:hover:bg-none hover:bg-gray-50;
-}
+.pager-container {
+  @apply flex flex-col sm:flex-row mb-2 justify-start;
+}
+
+.pager-container-near {
+  @apply sm:flex-1 justify-start items-center mb-1 sm:mb-0;
+}
+
+.pager-container-far {
+  @apply justify-start flex-nowrap items-center;
+}
+
+.pager-icon-button {
+  @apply inline-flex relative ml-1 mr-2 items-center px-2 py-2 rounded-l-sm text-sm font-medium text-gray-500 hover:bg-gray-50;
+}
+
+.pager-pages-container {
+  @apply relative inline-flex rounded-sm;
+}
+
+.pager-button {
+  @apply relative ml-1 inline-flex items-center px-1 py-2 rounded-l-sm text-sm font-medium text-gray-500 hover:bg-gray-50;
+}
+
+.pager-arrow-button-left {
+  @apply inline-flex relative ml-1 items-center px-1 py-2 rounded-l-sm text-sm font-medium text-gray-500 disabled:text-gray-300 disabled:hover:bg-none hover:bg-gray-50;
+}
+
+.pager-arrow-button-right {
+  @apply inline-flex relative mr-1 items-center px-1 py-2 rounded-l-sm text-sm font-medium text-gray-500 disabled:text-gray-300 disabled:hover:bg-none hover:bg-gray-50;
+}

package/src/assets/styles/progress-bar.component.css

@@ -1,15 +1,15 @@
-.progress-bar-container {
-    @apply flex grid grid-cols-1;
-}
-
-.progress-bar-label {
-    @apply text-xs mt-2 truncate text-ellipsis;
-}
-
-.progress-bar-backdrop {
-    @apply flex mt-1 h-4 rounded-md backdrop-blur-sm bg-slate-200/25;
-}
-
-.progress-bar-inner {
-    @apply h-2 m-1 rounded-md bg-sky-200 transition-[width] ease-in-out duration-300 transform;
-}
+.progress-bar-container {
+    @apply flex grid grid-cols-1;
+}
+
+.progress-bar-label {
+    @apply text-xs mt-2 truncate text-ellipsis;
+}
+
+.progress-bar-backdrop {
+    @apply flex mt-1 h-4 rounded-md backdrop-blur-sm bg-slate-200/25;
+}
+
+.progress-bar-inner {
+    @apply h-2 m-1 rounded-md bg-sky-200 transition-[width] ease-in-out duration-300 transform;
+}