@opengovsg/oui-theme 0.0.12 → 0.0.13

package/dist/{chunk-OXGFRESN.js → chunk-33K2SFQM.js}

@@ -9,7 +9,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 var dateInputStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
     base: "block min-w-[150px]",
-    segment: "type-literal:px-0 rounded-xs inline p-0.5 text-gray-800 caret-transparent outline-0 forced-color-adjust-none dark:text-zinc-200 forced-colors:text-[ButtonText]"
+    segment: "type-literal:px-0 inline rounded-xs p-0.5 caret-transparent outline-0"
   },
   variants: {
     variant: {},
@@ -23,12 +23,12 @@ var dateInputStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     },
     isDisabled: {
       true: {
-        segment: "text-interaction-support-disabled-content forced-colors:text-[GrayText]"
+        segment: "text-interaction-support-disabled-content"
       }
     },
     isFocused: {
       true: {
-        segment: "bg-interaction-main-default text-white dark:text-white forced-colors:bg-[Highlight] forced-colors:text-[HighlightText]"
+        segment: "bg-interaction-main-default text-white dark:text-white"
       }
     },
     size: {
@@ -52,4 +52,4 @@ var dateFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.dateInputStyles = dateInputStyles; exports.dateFieldStyles = dateFieldStyles;
-//# sourceMappingURL=chunk-OXGFRESN.js.map
+//# sourceMappingURL=chunk-33K2SFQM.js.map

package/dist/chunk-33K2SFQM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-33K2SFQM.js","../src/components/date-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qBAAA;AAAA,IACN,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAKM,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,MAAA,EAAQ;AACV,CAAC,CAAA;ADDD;AACA;AACE;AACA;AACF,qFAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-33K2SFQM.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const dateInputStyles = tv({\n  slots: {\n    base: \"block min-w-[150px]\",\n    segment:\n      \"type-literal:px-0 inline rounded-xs p-0.5 caret-transparent outline-0\",\n  },\n  variants: {\n    variant: {},\n    isPlaceholder: {\n      true: {\n        segment: \"text-interaction-support-placeholder\",\n      },\n      false: {\n        segment: \"text-base-content-default\",\n      },\n    },\n    isDisabled: {\n      true: {\n        segment: \"text-interaction-support-disabled-content\",\n      },\n    },\n    isFocused: {\n      true: {\n        segment: \"bg-interaction-main-default text-white dark:text-white\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        base: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        base: \"prose-body-1\",\n      },\n    },\n  },\n})\n\nexport type DateInputSlots = keyof ReturnType<typeof dateInputStyles>\nexport type DateInputVariantProps = VariantProps<typeof dateInputStyles>\n\nexport const dateFieldStyles = tv({\n  extend: inputStyles,\n})\n\nexport type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>\n"]}

package/dist/{chunk-YES4V53K.mjs → chunk-FTUBU2ZU.mjs}

@@ -9,7 +9,7 @@ import {
 var dateInputStyles = tv({
   slots: {
     base: "block min-w-[150px]",
-    segment: "type-literal:px-0 rounded-xs inline p-0.5 text-gray-800 caret-transparent outline-0 forced-color-adjust-none dark:text-zinc-200 forced-colors:text-[ButtonText]"
+    segment: "type-literal:px-0 inline rounded-xs p-0.5 caret-transparent outline-0"
   },
   variants: {
     variant: {},
@@ -23,12 +23,12 @@ var dateInputStyles = tv({
     },
     isDisabled: {
       true: {
-        segment: "text-interaction-support-disabled-content forced-colors:text-[GrayText]"
+        segment: "text-interaction-support-disabled-content"
       }
     },
     isFocused: {
       true: {
-        segment: "bg-interaction-main-default text-white dark:text-white forced-colors:bg-[Highlight] forced-colors:text-[HighlightText]"
+        segment: "bg-interaction-main-default text-white dark:text-white"
       }
     },
     size: {
@@ -52,4 +52,4 @@ export {
   dateInputStyles,
   dateFieldStyles
 };
-//# sourceMappingURL=chunk-YES4V53K.mjs.map
+//# sourceMappingURL=chunk-FTUBU2ZU.mjs.map

package/dist/chunk-FTUBU2ZU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const dateInputStyles = tv({\n  slots: {\n    base: \"block min-w-[150px]\",\n    segment:\n      \"type-literal:px-0 inline rounded-xs p-0.5 caret-transparent outline-0\",\n  },\n  variants: {\n    variant: {},\n    isPlaceholder: {\n      true: {\n        segment: \"text-interaction-support-placeholder\",\n      },\n      false: {\n        segment: \"text-base-content-default\",\n      },\n    },\n    isDisabled: {\n      true: {\n        segment: \"text-interaction-support-disabled-content\",\n      },\n    },\n    isFocused: {\n      true: {\n        segment: \"bg-interaction-main-default text-white dark:text-white\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        base: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        base: \"prose-body-1\",\n      },\n    },\n  },\n})\n\nexport type DateInputSlots = keyof ReturnType<typeof dateInputStyles>\nexport type DateInputVariantProps = VariantProps<typeof dateInputStyles>\n\nexport const dateFieldStyles = tv({\n  extend: inputStyles,\n})\n\nexport type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAKM,IAAM,kBAAkB,GAAG;AAAA,EAChC,QAAQ;AACV,CAAC;","names":[]}

package/dist/components/badge.d.mts

@@ -1,6 +1,5 @@
 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: {
@@ -9,22 +8,6 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
         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;
@@ -35,21 +18,6 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
         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;
@@ -59,17 +27,7 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
         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>>>;
+}, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
 declare const badgeStyles: tailwind_variants.TVReturnType<{
     isCloseable: {
         true: string;
@@ -134,26 +92,6 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
     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;
     };
@@ -279,125 +217,7 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
     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>>;
+}, undefined, unknown, unknown, undefined>>;
 type BadgeVariantProps = VariantProps<typeof badgeStyles>;
 type BadgeSlots = keyof typeof badgeStyles.slots;
 

package/dist/components/badge.d.ts

@@ -1,6 +1,5 @@
 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: {
@@ -9,22 +8,6 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
         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;
@@ -35,21 +18,6 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
         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;
@@ -59,17 +27,7 @@ declare const badgeCloseButtonStyles: tailwind_variants.TVReturnType<{
         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>>>;
+}, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
 declare const badgeStyles: tailwind_variants.TVReturnType<{
     isCloseable: {
         true: string;
@@ -134,26 +92,6 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
     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;
     };
@@ -279,125 +217,7 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
     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>>;
+}, undefined, unknown, unknown, undefined>>;
 type BadgeVariantProps = VariantProps<typeof badgeStyles>;
 type BadgeSlots = keyof typeof badgeStyles.slots;
 

package/dist/components/banner.d.mts

@@ -1,6 +1,5 @@
 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 bannerStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -40,22 +39,6 @@ declare const bannerStyles: tailwind_variants.TVReturnType<{
     icon: string;
     dismissButton: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {
         unstyled: string;
         info: {
@@ -129,67 +112,7 @@ declare const bannerStyles: tailwind_variants.TVReturnType<{
     content: string;
     icon: string;
     dismissButton: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        unstyled: string;
-        info: {
-            base: string;
-            dismissButton: string;
-        };
-        warning: {
-            base: string;
-            dismissButton: string;
-        };
-        error: {
-            base: string;
-            dismissButton: string;
-        };
-    };
-    size: {
-        sm: {
-            base: string;
-            content: string;
-            icon: string;
-            dismissButton: string;
-        };
-        md: {
-            base: string;
-            content: string;
-            icon: string;
-            dismissButton: string;
-        };
-    };
-}, {
-    variant: {
-        unstyled: string;
-        info: {
-            base: string;
-            dismissButton: string;
-        };
-        warning: {
-            base: string;
-            dismissButton: string;
-        };
-        error: {
-            base: string;
-            dismissButton: string;
-        };
-    };
-    size: {
-        sm: {
-            base: string;
-            content: string;
-            icon: string;
-            dismissButton: string;
-        };
-        md: {
-            base: string;
-            content: string;
-            icon: string;
-            dismissButton: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type BannerVariantProps = VariantProps<typeof bannerStyles>;
 type BannerSlots = keyof ReturnType<typeof bannerStyles>;