@opengovsg/oui-theme 0.0.5 → 0.0.7

package/dist/components/badge.d.mts

@@ -0,0 +1,404 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+
+declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, string, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    isFocusVisible: {
+        false: string;
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    isFocusVisible: {
+        false: string;
+        true: string;
+    };
+}, undefined, "outline-offset-2 outline-none", {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    isFocusVisible: {
+        false: string;
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    isFocusVisible: {
+        false: string;
+        true: string;
+    };
+}, undefined, "outline-offset-2 outline-none", tailwind_variants_dist_config_js.TVConfig<{
+    isFocusVisible: {
+        false: string;
+        true: string;
+    };
+}, {
+    isFocusVisible: {
+        false: string;
+        true: string;
+    };
+}>, unknown, unknown, undefined>>>;
+declare const badgeStyles: tailwind_variants.TVReturnType<{
+    isCloseable: {
+        true: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        subtle: {};
+        outline: {
+            base: string;
+        };
+        dot: {
+            base: string;
+            dot: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+            dot: string;
+        };
+        sm: {
+            base: string;
+            dot: string;
+        };
+        md: {
+            base: string;
+            dot: string;
+        };
+    };
+    color: {
+        main: string;
+        sub: string;
+        success: string;
+        neutral: string;
+        warning: string;
+        critical: string;
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    dot: string;
+    content: string;
+}, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        color?: boolean | (string | number | symbol)[] | undefined;
+        radius?: boolean | (string | number | symbol)[] | undefined;
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isCloseable?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    isCloseable: {
+        true: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        subtle: {};
+        outline: {
+            base: string;
+        };
+        dot: {
+            base: string;
+            dot: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+            dot: string;
+        };
+        sm: {
+            base: string;
+            dot: string;
+        };
+        md: {
+            base: string;
+            dot: string;
+        };
+    };
+    color: {
+        main: string;
+        sub: string;
+        success: string;
+        neutral: string;
+        warning: string;
+        critical: string;
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    dot: string;
+    content: string;
+}, tailwind_variants.TVReturnType<{
+    isCloseable: {
+        true: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        subtle: {};
+        outline: {
+            base: string;
+        };
+        dot: {
+            base: string;
+            dot: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+            dot: string;
+        };
+        sm: {
+            base: string;
+            dot: string;
+        };
+        md: {
+            base: string;
+            dot: string;
+        };
+    };
+    color: {
+        main: string;
+        sub: string;
+        success: string;
+        neutral: string;
+        warning: string;
+        critical: string;
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    dot: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    isCloseable: {
+        true: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        subtle: {};
+        outline: {
+            base: string;
+        };
+        dot: {
+            base: string;
+            dot: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+            dot: string;
+        };
+        sm: {
+            base: string;
+            dot: string;
+        };
+        md: {
+            base: string;
+            dot: string;
+        };
+    };
+    color: {
+        main: string;
+        sub: string;
+        success: string;
+        neutral: string;
+        warning: string;
+        critical: string;
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    isCloseable: {
+        true: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        subtle: {};
+        outline: {
+            base: string;
+        };
+        dot: {
+            base: string;
+            dot: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+            dot: string;
+        };
+        sm: {
+            base: string;
+            dot: string;
+        };
+        md: {
+            base: string;
+            dot: string;
+        };
+    };
+    color: {
+        main: string;
+        sub: string;
+        success: string;
+        neutral: string;
+        warning: string;
+        critical: string;
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type BadgeVariantProps = VariantProps<typeof badgeStyles>;
+type BadgeSlots = keyof typeof badgeStyles.slots;
+
+export { type BadgeSlots, type BadgeVariantProps, badgeCloseButtonStyles, badgeStyles };