@okam/stack-ui 1.35.7 → 1.36.0

package/theme/TabList/index.d.ts

@@ -0,0 +1,772 @@
+declare const tabListTheme: {
+    wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    flex\n    flex-col\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n    flex\n    flex-col\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    container: import("tailwind-variants").TVReturnType<{
+        orientation: {
+            horizontal: "flex-col";
+            vertical: "flex-row";
+        };
+    }, undefined, "\n    flex\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+        orientation: {
+            horizontal: "flex-col";
+            vertical: "flex-row";
+        };
+    }, {
+        orientation: {
+            horizontal: "flex-col";
+            vertical: "flex-row";
+        };
+    }>, {
+        orientation: {
+            horizontal: "flex-col";
+            vertical: "flex-row";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        orientation: {
+            horizontal: "flex-col";
+            vertical: "flex-row";
+        };
+    }, undefined, "\n    flex\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+        orientation: {
+            horizontal: "flex-col";
+            vertical: "flex-row";
+        };
+    }, {
+        orientation: {
+            horizontal: "flex-col";
+            vertical: "flex-row";
+        };
+    }>, unknown, unknown, undefined>>;
+    list: import("tailwind-variants").TVReturnType<{
+        orientation: {
+            horizontal: "flex-row items-center";
+            vertical: "flex-col items-end";
+        };
+    }, undefined, "\n    flex\n    flex-wrap\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+        orientation: {
+            horizontal: "flex-row items-center";
+            vertical: "flex-col items-end";
+        };
+    }, {
+        orientation: {
+            horizontal: "flex-row items-center";
+            vertical: "flex-col items-end";
+        };
+    }>, {
+        orientation: {
+            horizontal: "flex-row items-center";
+            vertical: "flex-col items-end";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        orientation: {
+            horizontal: "flex-row items-center";
+            vertical: "flex-col items-end";
+        };
+    }, undefined, "\n    flex\n    flex-wrap\n    gap-4\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+        orientation: {
+            horizontal: "flex-row items-center";
+            vertical: "flex-col items-end";
+        };
+    }, {
+        orientation: {
+            horizontal: "flex-row items-center";
+            vertical: "flex-col items-end";
+        };
+    }>, unknown, unknown, undefined>>;
+    label: import("tailwind-variants").TVReturnType<{} | {
+        size: {
+            h1: import("tailwind-merge").ClassNameValue | {};
+            h2: import("tailwind-merge").ClassNameValue | {};
+            h3: import("tailwind-merge").ClassNameValue | {};
+            h4: import("tailwind-merge").ClassNameValue | {};
+            h5: import("tailwind-merge").ClassNameValue | {};
+            h6: import("tailwind-merge").ClassNameValue | {};
+            leading: import("tailwind-merge").ClassNameValue | {};
+            paragraph: import("tailwind-merge").ClassNameValue | {};
+            footnotes: import("tailwind-merge").ClassNameValue | {};
+            xs: import("tailwind-merge").ClassNameValue | {};
+        };
+        font: {
+            body: import("tailwind-merge").ClassNameValue | {};
+        };
+        weight: {
+            normal: import("tailwind-merge").ClassNameValue | {};
+            light: import("tailwind-merge").ClassNameValue | {};
+            bold: import("tailwind-merge").ClassNameValue | {};
+        };
+        color: {
+            gray: import("tailwind-merge").ClassNameValue | {};
+            white: import("tailwind-merge").ClassNameValue | {};
+        };
+        isError: {
+            true: import("tailwind-merge").ClassNameValue | {};
+        };
+        align: {
+            center: import("tailwind-merge").ClassNameValue | {};
+            left: import("tailwind-merge").ClassNameValue | {};
+            right: import("tailwind-merge").ClassNameValue | {};
+        };
+    }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{} | {
+        size: {
+            h1: import("tailwind-merge").ClassNameValue | {};
+            h2: import("tailwind-merge").ClassNameValue | {};
+            h3: import("tailwind-merge").ClassNameValue | {};
+            h4: import("tailwind-merge").ClassNameValue | {};
+            h5: import("tailwind-merge").ClassNameValue | {};
+            h6: import("tailwind-merge").ClassNameValue | {};
+            leading: import("tailwind-merge").ClassNameValue | {};
+            paragraph: import("tailwind-merge").ClassNameValue | {};
+            footnotes: import("tailwind-merge").ClassNameValue | {};
+            xs: import("tailwind-merge").ClassNameValue | {};
+        };
+        font: {
+            body: import("tailwind-merge").ClassNameValue | {};
+        };
+        weight: {
+            normal: import("tailwind-merge").ClassNameValue | {};
+            light: import("tailwind-merge").ClassNameValue | {};
+            bold: import("tailwind-merge").ClassNameValue | {};
+        };
+        color: {
+            gray: import("tailwind-merge").ClassNameValue | {};
+            white: import("tailwind-merge").ClassNameValue | {};
+        };
+        isError: {
+            true: import("tailwind-merge").ClassNameValue | {};
+        };
+        align: {
+            center: import("tailwind-merge").ClassNameValue | {};
+            left: import("tailwind-merge").ClassNameValue | {};
+            right: import("tailwind-merge").ClassNameValue | {};
+        };
+    }, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }>, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }>, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }>, unknown, unknown, undefined>>>;
+    panel: {
+        transition: 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>>;
+        container: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n    mt-4\n    p-4\n    bg-color-1-100\n    rounded-md\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    mt-4\n    p-4\n    bg-color-1-100\n    rounded-md\n    focus-ring-black\n    transition-all\n    duration-200\n  ", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    };
+    tab: import("tailwind-variants").TVReturnType<{
+        orientation: {
+            horizontal: "border-b border-b-4";
+            vertical: "border-r border-r-4";
+        };
+        isSelected: {
+            true: "\n        border-color-1-500\n        hover:border-color-1-900\n        active:border-color-1-900\n      ";
+            false: "\n        border-color-1-200\n        hover:border-color-1-400\n        active:border-color-1-400\n      ";
+        };
+        isDisabled: {
+            true: "\n        opacity-30\n        pointer-events-none\n      ";
+        };
+        isFocusVisible: {
+            true: "has-focus-ring";
+        };
+    }, undefined, "\n    focus-ring-black\n    transition-all\n    duration-200\n    px-4\n    py-2\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
+        orientation: {
+            horizontal: "border-b border-b-4";
+            vertical: "border-r border-r-4";
+        };
+        isSelected: {
+            true: "\n        border-color-1-500\n        hover:border-color-1-900\n        active:border-color-1-900\n      ";
+            false: "\n        border-color-1-200\n        hover:border-color-1-400\n        active:border-color-1-400\n      ";
+        };
+        isDisabled: {
+            true: "\n        opacity-30\n        pointer-events-none\n      ";
+        };
+        isFocusVisible: {
+            true: "has-focus-ring";
+        };
+    }, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }>, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }>, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }, {
+        size: {
+            h1: "text-5xl";
+            h2: "text-4xl";
+            h3: "text-3xl";
+            h4: "text-2xl";
+            h5: "text-xl";
+            h6: "text-lg";
+            leading: "text-md font-bold leading-normal";
+            paragraph: "text-md inline";
+            footnotes: "text-sm";
+            xs: "text-xs";
+        };
+        font: {
+            body: "font-body";
+        };
+        weight: {
+            normal: "font-normal";
+            light: "font-light";
+            bold: "font-bold";
+        };
+        color: {
+            gray: "text-gray-500";
+            white: "text-white";
+        };
+        isError: {
+            true: "text-sm text-error py-3";
+        };
+        align: {
+            center: "text-center";
+            left: "text-left";
+            right: "text-right";
+        };
+    }>, unknown, unknown, undefined>>>;
+};
+export default tabListTheme;