@opengovsg/oui-theme 0.0.24 → 0.0.26

package/dist/components/modal.d.mts

@@ -0,0 +1,395 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const modalStyles: tailwind_variants.TVReturnType<{
+    animation: {
+        none: {};
+        fade: {};
+        zoom: {};
+    };
+    placement: {
+        auto: {
+            overlay: string;
+        };
+        center: {
+            overlay: string;
+        };
+        top: {
+            overlay: string;
+        };
+        "top-center": {
+            overlay: string;
+        };
+        bottom: {
+            overlay: string;
+        };
+        "bottom-center": {
+            overlay: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    overlay: {
+        transparent: {
+            overlay: string;
+        };
+        blur: {
+            overlay: string;
+        };
+        opaque: {
+            overlay: string;
+        };
+    };
+    isEntering: {
+        true: {
+            base: string;
+        };
+    };
+    isExiting: {
+        true: {
+            base: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        desktop: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        mobile: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        full: {
+            header: string;
+            body: string;
+            dialog: string;
+            base: string;
+        };
+    };
+    scrollBehavior: {
+        normal: {
+            overlay: string;
+            dialog: string;
+        };
+        inside: {
+            base: string;
+            body: string;
+            dialog: string;
+        };
+        outside: {
+            overlay: string;
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    overlay: string;
+    dialog: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string[];
+}, undefined, {
+    animation: {
+        none: {};
+        fade: {};
+        zoom: {};
+    };
+    placement: {
+        auto: {
+            overlay: string;
+        };
+        center: {
+            overlay: string;
+        };
+        top: {
+            overlay: string;
+        };
+        "top-center": {
+            overlay: string;
+        };
+        bottom: {
+            overlay: string;
+        };
+        "bottom-center": {
+            overlay: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    overlay: {
+        transparent: {
+            overlay: string;
+        };
+        blur: {
+            overlay: string;
+        };
+        opaque: {
+            overlay: string;
+        };
+    };
+    isEntering: {
+        true: {
+            base: string;
+        };
+    };
+    isExiting: {
+        true: {
+            base: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        desktop: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        mobile: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        full: {
+            header: string;
+            body: string;
+            dialog: string;
+            base: string;
+        };
+    };
+    scrollBehavior: {
+        normal: {
+            overlay: string;
+            dialog: string;
+        };
+        inside: {
+            base: string;
+            body: string;
+            dialog: string;
+        };
+        outside: {
+            overlay: string;
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    overlay: string;
+    dialog: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string[];
+}, tailwind_variants.TVReturnType<{
+    animation: {
+        none: {};
+        fade: {};
+        zoom: {};
+    };
+    placement: {
+        auto: {
+            overlay: string;
+        };
+        center: {
+            overlay: string;
+        };
+        top: {
+            overlay: string;
+        };
+        "top-center": {
+            overlay: string;
+        };
+        bottom: {
+            overlay: string;
+        };
+        "bottom-center": {
+            overlay: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    overlay: {
+        transparent: {
+            overlay: string;
+        };
+        blur: {
+            overlay: string;
+        };
+        opaque: {
+            overlay: string;
+        };
+    };
+    isEntering: {
+        true: {
+            base: string;
+        };
+    };
+    isExiting: {
+        true: {
+            base: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        desktop: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        mobile: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        full: {
+            header: string;
+            body: string;
+            dialog: string;
+            base: string;
+        };
+    };
+    scrollBehavior: {
+        normal: {
+            overlay: string;
+            dialog: string;
+        };
+        inside: {
+            base: string;
+            body: string;
+            dialog: string;
+        };
+        outside: {
+            overlay: string;
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    overlay: string;
+    dialog: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ModalVariantProps = VariantProps<typeof modalStyles>;
+type ModalSlots = keyof ReturnType<typeof modalStyles>;
+
+export { type ModalSlots, type ModalVariantProps, modalStyles };