@okam/stack-ui 1.34.0 → 1.35.0

package/theme/DatePicker/index.d.ts

@@ -1,14 +1,35 @@
 export declare const datePickerContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative inline-flex flex-col text-left", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative inline-flex flex-col text-left", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const datePickerButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center focus-ring-black border-l-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center focus-ring-black border-l-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const datePickerWrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const datePickerButton: import("tailwind-variants").TVReturnType<{
+    dateFieldShown: {
+        true: "w-full";
+        false: "w-fit";
+    };
+    isInvalid: {
+        true: "bg-red-100 border-red-500";
+        false: "bg-gray-100 border-color-1-500";
+    };
+}, undefined, "flex gap-4 justify-between items-center border-2 border-color-1-500 rounded-md bg-gray-100 p-4", import("tailwind-variants/dist/config.js").TVConfig<{
+    dateFieldShown: {
+        true: "w-full";
+        false: "w-fit";
+    };
+    isInvalid: {
+        true: "bg-red-100 border-red-500";
+        false: "bg-gray-100 border-color-1-500";
+    };
+}, {} | {} | {}>, {} | {} | {}, undefined, import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>>;
+export declare const datePickerIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-white bg-color-1-500 rounded-md h-full p-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-white bg-color-1-500 rounded-md h-full p-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const datePickerLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-color-1-500 font-bold pb-2 text-2xl", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-color-1-500 font-bold pb-2 text-2xl", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const datePickerWrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "w-fit flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "w-fit flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const datePickerCalendarPopoverUnderlay: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "fixed inset-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "fixed inset-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const datePickerCalendarPopoverContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const datePickerDateField: import("tailwind-variants").TVReturnType<{
+export declare const datePickerDialog: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const datePickerDateFieldContainer: import("tailwind-variants").TVReturnType<{
     dateFieldShown: {
         true: "";
         false: "hidden";
     };
-}, undefined, "pr-1 flex gap-2", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "flex gap-2 items-center justify-between", import("tailwind-variants/dist/config.js").TVConfig<{
     dateFieldShown: {
         true: "";
         false: "hidden";
@@ -28,7 +49,7 @@ export declare const datePickerDateField: import("tailwind-variants").TVReturnTy
         true: "";
         false: "hidden";
     };
-}, undefined, "pr-1 flex gap-2", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "flex gap-2 items-center justify-between", import("tailwind-variants/dist/config.js").TVConfig<{
     dateFieldShown: {
         true: "";
         false: "hidden";
@@ -39,6 +60,143 @@ export declare const datePickerDateField: import("tailwind-variants").TVReturnTy
         false: "hidden";
     };
 }>, unknown, unknown, undefined>>;
-export declare const datePickerDateSegment: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus-ring-black  focus:bg-blue-300", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "focus-ring-black  focus:bg-blue-300", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const datePickerIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const datePickerLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-color-1-500 font-bold px-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-color-1-500 font-bold px-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const datePickerDateField: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex bg-gray-300 p-2 rounded-md", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex bg-gray-300 p-2 rounded-md", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const datePickerDateSegment: import("tailwind-variants").TVReturnType<{} | {} | {} | {}, undefined, "rounded-sm p-1 focus:bg-color-1-400 focus:text-white", import("tailwind-variants/dist/config.js").TVConfig<{} | {} | {} | {}, {} | {} | {}>, {} | {} | {}, undefined, import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>>;
+export declare const datePickerInvalidIndicator: import("tailwind-variants").TVReturnType<{
+    position: {
+        inner: "text-red-500 bg-white";
+        outer: "text-black bg-red-100";
+    };
+}, undefined, "rounded-lg p-2 border-2 border-red-500", import("tailwind-variants/dist/config.js").TVConfig<{
+    position: {
+        inner: "text-red-500 bg-white";
+        outer: "text-black bg-red-100";
+    };
+}, {
+    position: {
+        inner: "text-red-500 bg-white";
+        outer: "text-black bg-red-100";
+    };
+}>, {
+    position: {
+        inner: "text-red-500 bg-white";
+        outer: "text-black bg-red-100";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    position: {
+        inner: "text-red-500 bg-white";
+        outer: "text-black bg-red-100";
+    };
+}, undefined, "rounded-lg p-2 border-2 border-red-500", import("tailwind-variants/dist/config.js").TVConfig<{
+    position: {
+        inner: "text-red-500 bg-white";
+        outer: "text-black bg-red-100";
+    };
+}, {
+    position: {
+        inner: "text-red-500 bg-white";
+        outer: "text-black bg-red-100";
+    };
+}>, unknown, unknown, undefined>>;
+export declare const datePickerTheme: {
+    container: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative inline-flex flex-col text-left", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative inline-flex flex-col text-left", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "w-fit flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "w-fit flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    button: import("tailwind-variants").TVReturnType<{
+        dateFieldShown: {
+            true: "w-full";
+            false: "w-fit";
+        };
+        isInvalid: {
+            true: "bg-red-100 border-red-500";
+            false: "bg-gray-100 border-color-1-500";
+        };
+    }, undefined, "flex gap-4 justify-between items-center border-2 border-color-1-500 rounded-md bg-gray-100 p-4", import("tailwind-variants/dist/config.js").TVConfig<{
+        dateFieldShown: {
+            true: "w-full";
+            false: "w-fit";
+        };
+        isInvalid: {
+            true: "bg-red-100 border-red-500";
+            false: "bg-gray-100 border-color-1-500";
+        };
+    }, {} | {} | {}>, {} | {} | {}, undefined, import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>>;
+    icon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-white bg-color-1-500 rounded-md h-full p-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-white bg-color-1-500 rounded-md h-full p-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    dateField: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex bg-gray-300 p-2 rounded-md", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex bg-gray-300 p-2 rounded-md", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    dateSegment: import("tailwind-variants").TVReturnType<{} | {} | {} | {}, undefined, "rounded-sm p-1 focus:bg-color-1-400 focus:text-white", import("tailwind-variants/dist/config.js").TVConfig<{} | {} | {} | {}, {} | {} | {}>, {} | {} | {}, undefined, import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>>;
+    label: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-color-1-500 font-bold pb-2 text-2xl", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-color-1-500 font-bold pb-2 text-2xl", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    calendarPopover: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    calendarUnderlay: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "fixed inset-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "fixed inset-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    dialog: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    dateFieldContainer: import("tailwind-variants").TVReturnType<{
+        dateFieldShown: {
+            true: "";
+            false: "hidden";
+        };
+    }, undefined, "flex gap-2 items-center justify-between", import("tailwind-variants/dist/config.js").TVConfig<{
+        dateFieldShown: {
+            true: "";
+            false: "hidden";
+        };
+    }, {
+        dateFieldShown: {
+            true: "";
+            false: "hidden";
+        };
+    }>, {
+        dateFieldShown: {
+            true: "";
+            false: "hidden";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        dateFieldShown: {
+            true: "";
+            false: "hidden";
+        };
+    }, undefined, "flex gap-2 items-center justify-between", import("tailwind-variants/dist/config.js").TVConfig<{
+        dateFieldShown: {
+            true: "";
+            false: "hidden";
+        };
+    }, {
+        dateFieldShown: {
+            true: "";
+            false: "hidden";
+        };
+    }>, unknown, unknown, undefined>>;
+    invalidIndicator: import("tailwind-variants").TVReturnType<{
+        position: {
+            inner: "text-red-500 bg-white";
+            outer: "text-black bg-red-100";
+        };
+    }, undefined, "rounded-lg p-2 border-2 border-red-500", import("tailwind-variants/dist/config.js").TVConfig<{
+        position: {
+            inner: "text-red-500 bg-white";
+            outer: "text-black bg-red-100";
+        };
+    }, {
+        position: {
+            inner: "text-red-500 bg-white";
+            outer: "text-black bg-red-100";
+        };
+    }>, {
+        position: {
+            inner: "text-red-500 bg-white";
+            outer: "text-black bg-red-100";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        position: {
+            inner: "text-red-500 bg-white";
+            outer: "text-black bg-red-100";
+        };
+    }, undefined, "rounded-lg p-2 border-2 border-red-500", import("tailwind-variants/dist/config.js").TVConfig<{
+        position: {
+            inner: "text-red-500 bg-white";
+            outer: "text-black bg-red-100";
+        };
+    }, {
+        position: {
+            inner: "text-red-500 bg-white";
+            outer: "text-black bg-red-100";
+        };
+    }>, unknown, unknown, undefined>>;
+};