vibrant-tool 0.1.4 → 0.1.5

package/dist/lib/services/vibrant-image.service.d.ts

@@ -0,0 +1,29 @@
+export interface VibrantS3Image {
+    key: string;
+    name: string;
+    size?: number;
+    lastModified?: string;
+    url: string;
+    smallUrl?: string;
+    largeUrl?: string;
+    smallKey?: string;
+    largeKey?: string;
+}
+export interface VibrantFolderResponse {
+    success: boolean;
+    prefix: string;
+    files: VibrantS3Image[];
+    folders?: {
+        prefix: string;
+        name: string;
+    }[];
+    total?: number;
+}
+export declare const VibrantImageService: {
+    getFolderData(params?: {
+        item?: string;
+        page?: number;
+        limit?: number;
+        search?: string;
+    }): Promise<VibrantFolderResponse>;
+};

package/dist/vibrant-tool.css

@@ -573,14 +573,14 @@
     left: calc(var(--spacing) * 4);
   }
 
-  .-z-10 {
-    z-index: calc(10 * -1);
-  }
-
   .z-10 {
     z-index: 10;
   }
 
+  .z-20 {
+    z-index: 20;
+  }
+
   .z-40 {
     z-index: 40;
   }
@@ -617,6 +617,10 @@
     grid-column: span 2 / span 2;
   }
 
+  .col-span-full {
+    grid-column: 1 / -1;
+  }
+
   .container {
     width: 100%;
   }
@@ -651,10 +655,6 @@
     }
   }
 
-  .m-4 {
-    margin: calc(var(--spacing) * 4);
-  }
-
   .mx-0\.5 {
     margin-inline: calc(var(--spacing) * .5);
   }
@@ -679,6 +679,10 @@
     margin-block: calc(var(--spacing) * 2);
   }
 
+  .my-3 {
+    margin-block: calc(var(--spacing) * 3);
+  }
+
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
@@ -771,6 +775,10 @@
     display: none;
   }
 
+  .inline-block {
+    display: inline-block;
+  }
+
   .inline-flex {
     display: inline-flex;
   }
@@ -915,10 +923,6 @@
     height: calc(100vh - 250px);
   }
 
-  .h-\[calc\(100vh-288px\)\] {
-    height: calc(100vh - 288px);
-  }
-
   .h-auto {
     height: auto;
   }
@@ -939,10 +943,6 @@
     max-height: calc(var(--spacing) * 60);
   }
 
-  .max-h-\[50vh\] {
-    max-height: 50vh;
-  }
-
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
@@ -1007,10 +1007,6 @@
     width: calc(var(--spacing) * 40);
   }
 
-  .w-72 {
-    width: calc(var(--spacing) * 72);
-  }
-
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
@@ -1035,10 +1031,6 @@
     width: 270px;
   }
 
-  .w-auto {
-    width: auto;
-  }
-
   .w-full {
     width: 100%;
   }
@@ -1055,10 +1047,6 @@
     max-width: var(--container-4xl);
   }
 
-  .max-w-full {
-    max-width: 100%;
-  }
-
   .max-w-md {
     max-width: var(--container-md);
   }
@@ -1541,16 +1529,6 @@
     background-color: var(--color-black);
   }
 
-  .bg-black\/20 {
-    background-color: #0003;
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-black\/20 {
-      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
-    }
-  }
-
   .bg-black\/40 {
     background-color: #0006;
   }
@@ -1631,8 +1609,14 @@
     }
   }
 
-  .bg-gray-300 {
-    background-color: var(--color-gray-300);
+  .bg-gray-200\/90 {
+    background-color: #e5e7ebe6;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-gray-200\/90 {
+      background-color: color-mix(in oklab, var(--color-gray-200) 90%, transparent);
+    }
   }
 
   .bg-gray-300\/50 {
@@ -1859,8 +1843,8 @@
     object-fit: cover;
   }
 
-  .p-0 {
-    padding: calc(var(--spacing) * 0);
+  .object-fill {
+    object-fit: fill;
   }
 
   .p-0\.5 {
@@ -1975,6 +1959,10 @@
     padding-block: calc(var(--spacing) * 5);
   }
 
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
+
   .py-\[5px\] {
     padding-block: 5px;
   }
@@ -2027,6 +2015,10 @@
     padding-bottom: calc(var(--spacing) * 6);
   }
 
+  .pb-8 {
+    padding-bottom: calc(var(--spacing) * 8);
+  }
+
   .pb-10 {
     padding-bottom: calc(var(--spacing) * 10);
   }
@@ -2451,11 +2443,6 @@
     filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
   }
 
-  .blur-xl {
-    --tw-blur: blur(var(--blur-xl));
-    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
-  }
-
   .grayscale {
     --tw-grayscale: grayscale(100%);
     filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
@@ -2686,6 +2673,16 @@
       background-color: var(--color-neutral-800);
     }
 
+    .hover\:bg-white\/10:hover {
+      background-color: #ffffff1a;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-white\/10:hover {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+
     .hover\:bg-white\/15:hover {
       background-color: #ffffff26;
     }