@qasa/qds-ui 0.33.0 → 0.35.0

package/dist/preset.css

@@ -167,9 +167,9 @@
   --background-color-positive: var(--color-green-60);
   --background-color-inset: var(--color-gray-10);
 
-  --border-color-strong: var(--color-gray-40);
-  --border-color-default: var(--color-gray-30);
-  --border-color-default-hover: var(--color-gray-40);
+  --border-color-strong: var(--color-gray-50);
+  --border-color-default: var(--color-gray-40);
+  --border-color-default-hover: var(--color-gray-50);
   --border-color-default-selected: var(--color-brown);
   --border-color-subtle: var(--color-gray-20);
   --border-color-negative: var(--color-red-60);
@@ -310,6 +310,101 @@
   letter-spacing: var(--tracking-tight);
 }
 
+/* Dropdown menu animations */
+@keyframes dropdown-in-top {
+  from {
+    opacity: 0;
+    transform: translateY(4px) scale(0.94);
+  }
+}
+@keyframes dropdown-in-right {
+  from {
+    opacity: 0;
+    transform: translateX(-4px) scale(0.94);
+  }
+}
+@keyframes dropdown-in-bottom {
+  from {
+    opacity: 0;
+    transform: translateY(-4px) scale(0.94);
+  }
+}
+@keyframes dropdown-in-left {
+  from {
+    opacity: 0;
+    transform: translateX(4px) scale(0.94);
+  }
+}
+@keyframes dropdown-out-top {
+  to {
+    opacity: 0;
+    transform: translateY(4px) scale(0.94);
+  }
+}
+@keyframes dropdown-out-right {
+  to {
+    opacity: 0;
+    transform: translateX(-4px) scale(0.94);
+  }
+}
+@keyframes dropdown-out-bottom {
+  to {
+    opacity: 0;
+    transform: translateY(-4px) scale(0.94);
+  }
+}
+@keyframes dropdown-out-left {
+  to {
+    opacity: 0;
+    transform: translateX(4px) scale(0.94);
+  }
+}
+@utility animate-dropdown-in-top {
+  animation: dropdown-in-top 240ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@utility animate-dropdown-in-right {
+  animation: dropdown-in-right 240ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@utility animate-dropdown-in-bottom {
+  animation: dropdown-in-bottom 240ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@utility animate-dropdown-in-left {
+  animation: dropdown-in-left 240ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@utility animate-dropdown-out-top {
+  animation: dropdown-out-top 180ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@utility animate-dropdown-out-right {
+  animation: dropdown-out-right 180ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@utility animate-dropdown-out-bottom {
+  animation: dropdown-out-bottom 180ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@utility animate-dropdown-out-left {
+  animation: dropdown-out-left 180ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+/* Loading dots animations */
+@keyframes loading-dot-scale {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+@utility animate-loading-dot {
+  animation: loading-dot-scale 1200ms ease-in-out infinite both;
+}
+@utility animate-loading-dot-delay-1 {
+  animation-delay: 160ms;
+}
+@utility animate-loading-dot-delay-2 {
+  animation-delay: 320ms;
+}
+
 @layer base {
   *,
   ::after,
@@ -345,3 +440,5 @@
     cursor: not-allowed;
   }
 }
+
+@source inline("sm:size-8 sm:text-xs sm:[&_svg]:size-3.5 md:size-8 md:text-xs md:[&_svg]:size-3.5 lg:size-8 lg:text-xs lg:[&_svg]:size-3.5 xl:size-8 xl:text-xs xl:[&_svg]:size-3.5 2xl:size-8 2xl:text-xs 2xl:[&_svg]:size-3.5 sm:size-10 sm:text-base sm:[&_svg]:size-4 md:size-10 md:text-base md:[&_svg]:size-4 lg:size-10 lg:text-base lg:[&_svg]:size-4 xl:size-10 xl:text-base xl:[&_svg]:size-4 2xl:size-10 2xl:text-base 2xl:[&_svg]:size-4 sm:size-12 sm:text-xl sm:[&_svg]:size-5 md:size-12 md:text-xl md:[&_svg]:size-5 lg:size-12 lg:text-xl lg:[&_svg]:size-5 xl:size-12 xl:text-xl xl:[&_svg]:size-5 2xl:size-12 2xl:text-xl 2xl:[&_svg]:size-5 sm:size-16 sm:text-[28px] sm:[&_svg]:size-8 md:size-16 md:text-[28px] md:[&_svg]:size-8 lg:size-16 lg:text-[28px] lg:[&_svg]:size-8 xl:size-16 xl:text-[28px] xl:[&_svg]:size-8 2xl:size-16 2xl:text-[28px] 2xl:[&_svg]:size-8 sm:size-24 sm:text-[40px] sm:[&_svg]:size-12 md:size-24 md:text-[40px] md:[&_svg]:size-12 lg:size-24 lg:text-[40px] lg:[&_svg]:size-12 xl:size-24 xl:text-[40px] xl:[&_svg]:size-12 2xl:size-24 2xl:text-[40px] 2xl:[&_svg]:size-12 sm:size-32 sm:text-[56px] sm:[&_svg]:size-16 md:size-32 md:text-[56px] md:[&_svg]:size-16 lg:size-32 lg:text-[56px] lg:[&_svg]:size-16 xl:size-32 xl:text-[56px] xl:[&_svg]:size-16 2xl:size-32 2xl:text-[56px] 2xl:[&_svg]:size-16 sm:-ml-1 sm:mr-2 sm:[&>svg]:size-4 md:-ml-1 md:mr-2 md:[&>svg]:size-4 lg:-ml-1 lg:mr-2 lg:[&>svg]:size-4 xl:-ml-1 xl:mr-2 xl:[&>svg]:size-4 2xl:-ml-1 2xl:mr-2 2xl:[&>svg]:size-4 sm:mr-3 md:mr-3 lg:mr-3 xl:mr-3 2xl:mr-3 sm:[&>svg]:size-5 md:[&>svg]:size-5 lg:[&>svg]:size-5 xl:[&>svg]:size-5 2xl:[&>svg]:size-5 sm:-ml-2 sm:mr-4 md:-ml-2 md:mr-4 lg:-ml-2 lg:mr-4 xl:-ml-2 xl:mr-4 2xl:-ml-2 2xl:mr-4 sm:-mr-1 sm:ml-2 md:-mr-1 md:ml-2 lg:-mr-1 lg:ml-2 xl:-mr-1 xl:ml-2 2xl:-mr-1 2xl:ml-2 sm:ml-3 md:ml-3 lg:ml-3 xl:ml-3 2xl:ml-3 sm:-mr-2 sm:ml-4 md:-mr-2 md:ml-4 lg:-mr-2 lg:ml-4 xl:-mr-2 xl:ml-4 2xl:-mr-2 2xl:ml-4 sm:h-8 sm:px-4 sm:text-sm sm:font-bold sm:tracking-[-0.01em] md:h-8 md:px-4 md:text-sm md:font-bold md:tracking-[-0.01em] lg:h-8 lg:px-4 lg:text-sm lg:font-bold lg:tracking-[-0.01em] xl:h-8 xl:px-4 xl:text-sm xl:font-bold xl:tracking-[-0.01em] 2xl:h-8 2xl:px-4 2xl:text-sm 2xl:font-bold 2xl:tracking-[-0.01em] sm:h-10 sm:px-5 md:h-10 md:px-5 lg:h-10 lg:px-5 xl:h-10 xl:px-5 2xl:h-10 2xl:px-5 sm:h-12 sm:px-6 md:h-12 md:px-6 lg:h-12 lg:px-6 xl:h-12 xl:px-6 2xl:h-12 2xl:px-6 sm:h-14 sm:px-8 md:h-14 md:px-8 lg:h-14 lg:px-8 xl:h-14 xl:px-8 2xl:h-14 2xl:px-8 sm:h-16 md:h-16 lg:h-16 xl:h-16 2xl:h-16 sm:type-label-sm md:type-label-sm lg:type-label-sm xl:type-label-sm 2xl:type-label-sm sm:type-label-md md:type-label-md lg:type-label-md xl:type-label-md 2xl:type-label-md sm:text-[8px] md:text-[8px] lg:text-[8px] xl:text-[8px] 2xl:text-[8px] sm:text-[16px] md:text-[16px] lg:text-[16px] xl:text-[16px] 2xl:text-[16px]");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qasa/qds-ui",
-  "version": "0.33.0",
+  "version": "0.35.0",
   "license": "UNLICENSED",
   "repository": {
     "type": "git",
@@ -72,8 +72,7 @@
   },
   "scripts": {
     "dev": "tsup --watch",
-    "build": "pnpm build-safelist && tsup",
-    "build-safelist": "tsx scripts/build-safelist/run.ts",
+    "build": "tsup",
     "clean": "rimraf dist",
     "test": "vitest run",
     "test:watch": "vitest --watch",

package/dist/safelist.txt

@@ -1,127 +0,0 @@
-AUTOMATICALLY GENERATED FILE - DO NOT MODIFY
-
-sm:-ml-1
-sm:mr-2
-sm:[&>svg]:size-4
-md:-ml-1
-md:mr-2
-md:[&>svg]:size-4
-lg:-ml-1
-lg:mr-2
-lg:[&>svg]:size-4
-xl:-ml-1
-xl:mr-2
-xl:[&>svg]:size-4
-2xl:-ml-1
-2xl:mr-2
-2xl:[&>svg]:size-4
-sm:mr-3
-md:mr-3
-lg:mr-3
-xl:mr-3
-2xl:mr-3
-sm:[&>svg]:size-5
-md:[&>svg]:size-5
-lg:[&>svg]:size-5
-xl:[&>svg]:size-5
-2xl:[&>svg]:size-5
-sm:-ml-2
-sm:mr-4
-md:-ml-2
-md:mr-4
-lg:-ml-2
-lg:mr-4
-xl:-ml-2
-xl:mr-4
-2xl:-ml-2
-2xl:mr-4
-sm:-mr-1
-sm:ml-2
-md:-mr-1
-md:ml-2
-lg:-mr-1
-lg:ml-2
-xl:-mr-1
-xl:ml-2
-2xl:-mr-1
-2xl:ml-2
-sm:ml-3
-md:ml-3
-lg:ml-3
-xl:ml-3
-2xl:ml-3
-sm:-mr-2
-sm:ml-4
-md:-mr-2
-md:ml-4
-lg:-mr-2
-lg:ml-4
-xl:-mr-2
-xl:ml-4
-2xl:-mr-2
-2xl:ml-4
-sm:h-8
-sm:px-4
-sm:text-sm
-sm:font-bold
-sm:tracking-[-0.01em]
-md:h-8
-md:px-4
-md:text-sm
-md:font-bold
-md:tracking-[-0.01em]
-lg:h-8
-lg:px-4
-lg:text-sm
-lg:font-bold
-lg:tracking-[-0.01em]
-xl:h-8
-xl:px-4
-xl:text-sm
-xl:font-bold
-xl:tracking-[-0.01em]
-2xl:h-8
-2xl:px-4
-2xl:text-sm
-2xl:font-bold
-2xl:tracking-[-0.01em]
-sm:h-10
-sm:px-5
-md:h-10
-md:px-5
-lg:h-10
-lg:px-5
-xl:h-10
-xl:px-5
-2xl:h-10
-2xl:px-5
-sm:h-12
-sm:px-6
-sm:text-base
-md:h-12
-md:px-6
-md:text-base
-lg:h-12
-lg:px-6
-lg:text-base
-xl:h-12
-xl:px-6
-xl:text-base
-2xl:h-12
-2xl:px-6
-2xl:text-base
-sm:h-14
-sm:px-8
-md:h-14
-md:px-8
-lg:h-14
-lg:px-8
-xl:h-14
-xl:px-8
-2xl:h-14
-2xl:px-8
-sm:h-16
-md:h-16
-lg:h-16
-xl:h-16
-2xl:h-16