@fileverse/ui 5.0.1-sepia-2 → 5.0.1-sepia-4

package/dist/index.css

@@ -645,7 +645,7 @@ video {
     --color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
   }
 
-  .sepia {
+  .theme-sepia {
     /* Button */
     --color-button-default: 28, 16%, 21%, 1; /* #3E352D */
     --color-button-default-hover: 29, 16%, 26%, 1; /* #4D4238 */
@@ -1245,6 +1245,9 @@ video {
 .left-1 {
   left: 0.25rem;
 }
+.left-1\.5 {
+  left: 0.375rem;
+}
 .left-1\/2 {
   left: 50%;
 }
@@ -1281,6 +1284,9 @@ video {
 .top-0 {
   top: 0px;
 }
+.top-1\.5 {
+  top: 0.375rem;
+}
 .top-1\/2 {
   top: 50%;
 }
@@ -1351,6 +1357,9 @@ video {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
 .mb-4 {
   margin-bottom: 1rem;
 }
@@ -1450,6 +1459,12 @@ video {
 .h-12 {
   height: 3rem;
 }
+.h-16 {
+  height: 4rem;
+}
+.h-3 {
+  height: 0.75rem;
+}
 .h-3\.5 {
   height: 0.875rem;
 }
@@ -1541,6 +1556,9 @@ video {
 .max-h-40 {
   max-height: 10rem;
 }
+.max-h-7 {
+  max-height: 1.75rem;
+}
 .max-h-96 {
   max-height: 24rem;
 }
@@ -1614,6 +1632,9 @@ video {
 .w-24 {
   width: 6rem;
 }
+.w-3 {
+  width: 0.75rem;
+}
 .w-3\.5 {
   width: 0.875rem;
 }
@@ -2049,6 +2070,9 @@ video {
 .gap-1 {
   gap: 0.25rem;
 }
+.gap-1\.5 {
+  gap: 0.375rem;
+}
 .gap-10 {
   gap: 2.5rem;
 }
@@ -2313,6 +2337,9 @@ video {
 .\!bg-transparent {
   background-color: transparent !important;
 }
+.bg-black\/5 {
+  background-color: rgb(0 0 0 / 0.05);
+}
 .bg-green-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
@@ -2350,6 +2377,9 @@ video {
 .p-1 {
   padding: 0.25rem;
 }
+.p-1\.5 {
+  padding: 0.375rem;
+}
 .p-2 {
   padding: 0.5rem;
 }
@@ -2381,6 +2411,10 @@ video {
   padding-left: 0px;
   padding-right: 0px;
 }
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -2409,6 +2443,10 @@ video {
   padding-left: 2rem;
   padding-right: 2rem;
 }
+.px-\[3px\] {
+  padding-left: 3px;
+  padding-right: 3px;
+}
 .px-px {
   padding-left: 1px;
   padding-right: 1px;
@@ -2575,6 +2613,12 @@ video {
   --tw-text-opacity: 1;
   color: rgb(119 129 138 / var(--tw-text-opacity, 1));
 }
+.text-\[hsl\(var\(--color-bg-default\)\)\] {
+  color: hsl(var(--color-bg-default));
+}
+.text-\[hsl\(var\(--color-icon-secondary\)\)\] {
+  color: hsl(var(--color-icon-secondary));
+}
 .text-\[hsl\(var\(--color-text-inverse\)\)\] {
   color: hsl(var(--color-text-inverse));
 }
@@ -2608,6 +2652,9 @@ video {
 .opacity-50 {
   opacity: 0.5;
 }
+.opacity-60 {
+  opacity: 0.6;
+}
 .opacity-90 {
   opacity: 0.9;
 }
@@ -2635,6 +2682,18 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.outline {
+  outline-style: solid;
+}
+.outline-1 {
+  outline-width: 1px;
+}
+.outline-offset-\[-1px\] {
+  outline-offset: -1px;
+}
+.outline-\[hsl\(var\(--color-border-default\)\)\] {
+  outline-color: hsl(var(--color-border-default));
+}
 .ring-0 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2665,10 +2724,6 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   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);
 }
-.sepia {
-  --tw-sepia: sepia(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);
-}
 .filter {
   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);
 }
@@ -3212,6 +3267,9 @@ textarea:is(:-webkit-autofill, :autofill) {
 .hover\:bg-transparent:hover {
   background-color: transparent;
 }
+.hover\:opacity-80:hover {
+  opacity: 0.8;
+}
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }

package/dist/index.es.d.ts

@@ -907,7 +907,7 @@ export declare interface TextFieldProps extends React_2.InputHTMLAttributes<HTML
     icon?: LucideIconProps["name"];
 }
 
-declare type Theme = "light" | "dark" | "sepia";
+declare type Theme = "light" | "dark" | "theme-sepia";
 
 export declare const ThemeProvider: ({ children, defaultTheme, }: ThemeProviderProps) => JSX_2.Element;