@obaidazoqili/skysoftware-styles 1.6.0 → 1.8.0

package/dist/styles/styles.css

@@ -438,7 +438,6 @@ h6 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
-  line-clamp: 3;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -447,7 +446,6 @@ h6 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
-  line-clamp: 2;
   overflow: hidden;
   text-overflow: ellipsis;
   min-height: 31px !important;
@@ -457,7 +455,6 @@ h6 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
-  line-clamp: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   min-height: 16px !important;
@@ -466,7 +463,6 @@ h6 {
 .warning-description-truncate {
   display: -webkit-box;
   -webkit-line-clamp: 3;
-  line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
@@ -474,7 +470,6 @@ h6 {
 .line-clamp-two {
   display: -webkit-box;
   -webkit-line-clamp: 2;
-  line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -605,10 +600,6 @@ h6 {
   gap: 38px; 
 }
 
-.cdk-drop-list {
-  gap: .5rem !important
- }
-
 .cdk-overlay-container {
   z-index: 3000 !important;
 }
@@ -661,7 +652,6 @@ h6 {
 }
 
 /* Buttons */
-
 .collapse-btn {
   color: #6B6A6A;
 }
@@ -678,10 +668,21 @@ h6 {
   background: var(--dark-text-color);
 }
 
+.btn-h-sm {
+    height: 1.875rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
 button {
   border-radius: var(--bs-border-radius) !important;
 }
 
+.btn-width {
+    min-width: 80px;
+}
+
 .btn-primary {
   color: var(--bs-white) !important;
   --bs-btn-bg: var(--bs-primary);
@@ -782,16 +783,7 @@ button {
   background-color: var(--bg-light-gray) !important;
 }
 
-.btn-h-sm {
-  height: 1.875rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
 
-.btn-width {
-  min-width: 80px;
-}
 
 /* Links */
 a {
@@ -850,21 +842,11 @@ a.nav-link {
   --bs-dropdown-link-hover-bg: rgba(0, 0, 0, .07);
 }
 
-.dropdown-item{
-  padding: .5rem 1rem;
-}
 
 .dropdown-item:focus, .dropdown-item:hover {
   color: var(--bs-dropdown-link-active-color) !important;
 }
 
-.dropdown-item:hover {
-  color: var(--orange-text-color);
-  font-weight: 600;
-  font-size: var(--font-size-14) !important;
-  background: var(--bs-light-primary-bg);
-  border: 1px solid #EBE5FC;
-}
 
 .dropdown-menu.user-menu {
   top: 106%;
@@ -996,8 +978,16 @@ a.alert-link {
 
 /* Cards */
 
+.card-shadow {
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
+}
+
+.card-radius {
+    border-radius: 0.5rem !important;
+}
+
 .responsive-cards-container-width {
-  width: 60%; 
+    width: 60%;
 }
 
 .card-action svg[role="img"] {
@@ -1006,21 +996,6 @@ a.alert-link {
   height: 24px;
 }
 
-.card.disabled {
-  pointer-events: none;
-  opacity: 0.6;
-}
-
-.card.disabled .card-header,
-.card.disabled .card-body {
-  user-select: none;
-}
-
-.card-header {
-  cursor: pointer;
-  background-color: transparent !important;
-  border-bottom:none!important; 
-}
 
 .card-min-height {
   height: 180px;
@@ -1030,13 +1005,6 @@ a.alert-link {
   max-width: 18rem;
 }
 
-.card-shadow {
-  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
-}
-
-.card-radius {
-  border-radius: 0.5rem !important;
-}
 
 .state-card {
   color: var(--bs-white);
@@ -1204,13 +1172,7 @@ a.alert-link {
   justify-content: center;
 }
 
-.badge-width {
-  width: 238px;
-}
 
-.badge-light {
-  background-color: var(--bs-bg-disabled);
-}
 .property-badge {
   background-color: #F0E4D5 !important;
   font-size: var(--font-size-10) !important;
@@ -1246,22 +1208,6 @@ a.alert-link {
   background-color: var(--bs-default-color-light);
 }
 
-/* Class Tag Item */
-.class-tag-item {
-  display: flex;
-  padding: 4px 8px;
-  align-items: flex-start;
-  gap: 8px;
-  border-radius: 4px;
-  background: var(--bs-light-primary-bg);
-  color: var(--dark-text-color);
-  text-align: center;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: normal;
-}
-
 
 /* Progress */
 
@@ -1777,7 +1723,9 @@ mat-divider.mat-divider.mat-divider-vertical {
 .min-h-100 { min-height: 100px; }
 .min-h-150 { min-height: 150px; }
 .min-h-800 { min-height: 800px !important; }
-
+.mh-150 {
+    min-height: 150px
+}
 /* Width Classes */
 .w-5 { width: 5%; }
 .w-10 { width: 10%; }
@@ -2089,16 +2037,6 @@ a.quick-action:hover > hr.quick-action-element {
   color: var(--bs-red-danger) !important;
 }
 
-.custom-info-icon {
-  display: inline-block;
-  width: 12px;
-  height: 12px;
-  color: var(--light-gray-color);
-  margin-left: 4px;
-  margin-right: 4px;
-  font-size: var(--font-size-12);
-}
-
 .empty-icon { 
   color: var(--gray-border-color) !important; 
 }
@@ -2247,26 +2185,26 @@ a.quick-action:hover > hr.quick-action-element {
   color: var(--dark-text-color);
   font-size: var(--font-size-10) !important;
   font-weight: 500 !important;
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.25rem;
 }
 
 .field-item-custom-label-sm {
-  color: var(--dark-text-color) ;
-  font-size: var(--font-size-12) !important;
-  font-weight: 500 !important;
-  margin-bottom: 0.5rem;
+    color: var(--dark-text-color);
+    font-size: var(--font-size-12) !important;
+    font-weight: 500 !important;
+    margin-bottom: 0.25rem;
 }
 .field-item-custom-label-md {
-  color: var(--dark-text-color);
-  font-size: var(--font-size-14) !important;
-  font-weight: 500 !important;
-  margin-bottom: 0.5rem;
+    color: var(--dark-text-color);
+    font-size: var(--font-size-14) !important;
+    font-weight: 500 !important;
+    margin-bottom: 0.25rem;
 }
 .field-item-custom-label-lg {
-  color: var(--dark-text-color);
-  font-size: var(--font-size-16) !important;
-  font-weight: 500 !important;
-  margin-bottom: 0.5rem;
+    color: var(--dark-text-color);
+    font-size: var(--font-size-16) !important;
+    font-weight: 500 !important;
+    margin-bottom: 0.25rem;
 }
 
 
@@ -2291,25 +2229,25 @@ a.quick-action:hover > hr.quick-action-element {
 
 /* Currency */
 .currency-xs {
-  font-weight: 500;
+  font-weight: 400;
   font-size: var(--font-size-10) !important;
   color: var(--bs-bg-dark-gray) !important;
 }
 
 .currency-sm {
-  font-weight: 500;
+  font-weight: 400;
   font-size: var(--font-size-8) !important;
   color: var(--bs-bg-dark-gray) !important;
 }
 
 .currency-md {
-  font-weight: 500;
+  font-weight: 400;
   font-size: var(--font-size-12) !important;
   color: var(--bs-bg-dark-gray) !important;
 }
 
 .currency-lg {
-  font-weight: 500;
+  font-weight: 400;
   font-size: var(--font-size-16) !important;
   color: var(--bs-bg-dark-gray) !important;
 }
@@ -2397,11 +2335,6 @@ a.quick-action:hover > hr.quick-action-element {
   font-weight: 400;
 }
 
-.divider {
-  display: inline-block;
-  border-right: 1px solid rgba(0, 0, 0, 0.25);
-}
-
 .divider-with-text {
   position: relative;
   text-align: start;
@@ -2571,15 +2504,15 @@ a.quick-action:hover > hr.quick-action-element {
   box-sizing: border-box;
 }
 
-.dx-menu-item-text {
-  display: flex;
-  padding: 8px 12px;
-  align-items: flex-start;
-  gap: 8px;
-  color: #333;
-  font-family: Inter;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 16px;
-}
+.main-container {
+    position: relative;
+    left: 260px;
+    top: 60px;
+    width: calc(100% - 260px);
+    transition: all 0.5s ease;
+    padding-left: 0;
+    padding-right: 0;
+    margin-left: 0;
+    margin-right: 0;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@obaidazoqili/skysoftware-styles",
-    "version": "1.6.0",
+    "version": "1.8.0",
     "description": "Shared UI styles, themes, and fonts",
     "license": "MIT",
     "main": "index.js",