qt-ui-kit 1.0.78 → 1.0.80

package/dist/style.css

@@ -20,7 +20,6 @@
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
     --text-sm--line-height: calc(1.25 / 0.875);
-    --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
@@ -45,6 +44,7 @@
     --color-qtpurple-300: #D8D7FF;
     --color-qtpurple-200: #EFEEFF;
     --color-qtpurple-500: #6558FD;
+    --color-qtpurple-600: #4F3ED0;
     --color-qtpurple-800: #4D4273;
     --color-qtgreen-300: #D2F8B6;
     --color-qtgreen-200: #E8FE99;
@@ -220,42 +220,42 @@
   .relative {
     position: relative;
   }
+  .-top-2 {
+    top: calc(var(--spacing) * -2);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
-  .top-3 {
-    top: calc(var(--spacing) * 3);
-  }
-  .right-0 {
-    right: calc(var(--spacing) * 0);
+  .top-\[140\%\] {
+    top: 140%;
   }
   .right-\[-6px\] {
     right: -6px;
   }
+  .right-\[56\%\] {
+    right: 56%;
+  }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
+  .left-22 {
+    left: calc(var(--spacing) * 22);
+  }
   .left-\[-6px\] {
     left: -6px;
   }
-  .left-full {
-    left: 100%;
-  }
   .z-0 {
     z-index: 0;
   }
   .z-10 {
     z-index: 10;
   }
-  .z-50 {
-    z-index: 50;
-  }
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -268,9 +268,6 @@
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
-  .ml-2 {
-    margin-left: calc(var(--spacing) * 2);
-  }
   .line-clamp-1 {
     overflow: hidden;
     display: -webkit-box;
@@ -289,12 +286,6 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
   }
-  .line-clamp-4 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 4;
-  }
   .line-clamp-5 {
     overflow: hidden;
     display: -webkit-box;
@@ -322,6 +313,9 @@
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
   .h-\[17px\] {
     height: 17px;
   }
@@ -389,6 +383,9 @@
   .w-\[66px\] {
     width: 66px;
   }
+  .w-\[100px\] {
+    width: 100px;
+  }
   .w-\[409px\] {
     width: 409px;
   }
@@ -469,6 +466,12 @@
   .flex-col {
     flex-direction: column;
   }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
@@ -496,6 +499,9 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
@@ -572,6 +578,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .border-\[1\.5px\] {
+    border-style: var(--tw-border-style);
+    border-width: 1.5px;
+  }
   .border-\[2px\] {
     border-style: var(--tw-border-style);
     border-width: 2px;
@@ -610,6 +620,9 @@
   .border-qtneutral-500 {
     border-color: var(--color-qtneutral-500);
   }
+  .border-qtneutral-700 {
+    border-color: var(--color-qtneutral-700);
+  }
   .border-qtorange-300 {
     border-color: var(--color-qtorange-300);
   }
@@ -634,9 +647,6 @@
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
-  .bg-neutral-6 {
-    background-color: var(--color-neutral-6);
-  }
   .bg-qtgreen-50 {
     background-color: var(--color-qtgreen-50);
   }
@@ -741,17 +751,6 @@
   .text-\[9px\] {
     font-size: 9px;
   }
-  .text-\[14px\] {
-    font-size: 14px;
-  }
-  .leading-\[120\%\] {
-    --tw-leading: 120%;
-    line-height: 120%;
-  }
-  .leading-\[130\%\] {
-    --tw-leading: 130%;
-    line-height: 130%;
-  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -760,10 +759,6 @@
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
-  .font-normal {
-    --tw-font-weight: var(--font-weight-normal);
-    font-weight: var(--font-weight-normal);
-  }
   .font-semibold {
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
@@ -820,6 +815,9 @@
   .text-qtpurple-500 {
     color: var(--color-qtpurple-500);
   }
+  .text-qtpurple-600 {
+    color: var(--color-qtpurple-600);
+  }
   .text-white {
     color: var(--color-white);
   }
@@ -888,6 +886,13 @@
       }
     }
   }
+  .hover\:bg-white {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-white);
+      }
+    }
+  }
   .hover\:text-qtpurple-500 {
     &:hover {
       @media (hover: hover) {
@@ -908,6 +913,14 @@
 :root {
   --font-sans: 'Inter', sans-serif;
 }
+.category-badge-text {
+  font-family: Inter;
+  font-weight: 600;
+  font-style: Semi Bold;
+  font-size: 12px;
+  line-height: 120%;
+  letter-spacing: 1%;
+}
 .label-2 {
   font-family: Inter;
   font-weight: 500;
@@ -1099,10 +1112,6 @@
   inherits: false;
   initial-value: solid;
 }
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;
@@ -1242,7 +1251,6 @@
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
       --tw-border-style: solid;
-      --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
       --tw-shadow: 0 0 #0000;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qt-ui-kit",
-  "version": "1.0.78",
+  "version": "1.0.80",
   "description": "Reusable component library with Tailwind v4 and custom CSS",
   "main": "./dist/index.js",
   "module": "./dist/index.js",