@opengovsg/oui-theme 0.0.10 → 0.0.12

package/dist/chunk-YES4V53K.mjs

@@ -0,0 +1,55 @@
+import {
+  inputStyles
+} from "./chunk-43I4FEYX.mjs";
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/date-field.ts
+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]"
+  },
+  variants: {
+    variant: {},
+    isPlaceholder: {
+      true: {
+        segment: "text-interaction-support-placeholder"
+      },
+      false: {
+        segment: "text-base-content-default"
+      }
+    },
+    isDisabled: {
+      true: {
+        segment: "text-interaction-support-disabled-content forced-colors:text-[GrayText]"
+      }
+    },
+    isFocused: {
+      true: {
+        segment: "bg-interaction-main-default text-white dark:text-white forced-colors:bg-[Highlight] forced-colors:text-[HighlightText]"
+      }
+    },
+    size: {
+      xs: {
+        base: "prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1"
+      },
+      sm: {
+        base: "prose-body-2 max-sm:prose-body"
+      },
+      md: {
+        base: "prose-body-1"
+      }
+    }
+  }
+});
+var dateFieldStyles = tv({
+  extend: inputStyles
+});
+
+export {
+  dateInputStyles,
+  dateFieldStyles
+};
+//# sourceMappingURL=chunk-YES4V53K.mjs.map

package/dist/chunk-YES4V53K.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 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]\",\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:\n          \"text-interaction-support-disabled-content forced-colors:text-[GrayText]\",\n      },\n    },\n    isFocused: {\n      true: {\n        segment:\n          \"bg-interaction-main-default text-white dark:text-white forced-colors:bg-[Highlight] forced-colors:text-[HighlightText]\",\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,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SACE;AAAA,MACJ;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.js

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkNL5XE6BWjs = require('../chunk-NL5XE6BW.js');
+var _chunk4TOCRU3Ijs = require('../chunk-4TOCRU3I.js');
 require('../chunk-7Y2HFACM.js');
 require('../chunk-OLJN3WXR.js');
-require('../chunk-ZXZSQRVC.js');
 require('../chunk-2LTV7VB5.js');
-require('../chunk-X2UCVIR5.js');
 require('../chunk-ZIQLHX3U.js');
 require('../chunk-O3I4FUFD.js');
+require('../chunk-ZXZSQRVC.js');
+require('../chunk-X2UCVIR5.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
-exports.badgeCloseButtonStyles = _chunkNL5XE6BWjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkNL5XE6BWjs.badgeStyles;
+exports.badgeCloseButtonStyles = _chunk4TOCRU3Ijs.badgeCloseButtonStyles; exports.badgeStyles = _chunk4TOCRU3Ijs.badgeStyles;
 //# sourceMappingURL=badge.js.map

package/dist/components/badge.mjs

@@ -1,14 +1,14 @@
 import {
   badgeCloseButtonStyles,
   badgeStyles
-} from "../chunk-KHQ7EBS5.mjs";
+} from "../chunk-XBNY4LLV.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import "../chunk-M2BG3FAA.mjs";
-import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import "../chunk-SFKXXWVK.mjs";
 import "../chunk-HAUMMW6T.mjs";
 import "../chunk-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
+import "../chunk-SFKXXWVK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/button.d.mts

@@ -8,6 +8,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         default: string;
     };
     variant: {
+        field: string;
         solid: string;
         reverse: string;
         outline: string;
@@ -41,6 +42,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    isAttached: {
+        true: string;
+    };
     size: {
         xs: string;
         sm: string;
@@ -57,6 +61,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         isIconOnly?: boolean | (string | number | symbol)[] | undefined;
         layout?: boolean | (string | number | symbol)[] | undefined;
         isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isAttached?: boolean | (string | number | symbol)[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config_js.TWMConfig & {
     twMergeConfig: {
@@ -75,6 +80,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         default: string;
     };
     variant: {
+        field: string;
         solid: string;
         reverse: string;
         outline: string;
@@ -108,6 +114,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    isAttached: {
+        true: string;
+    };
     size: {
         xs: string;
         sm: string;
@@ -120,6 +129,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         default: string;
     };
     variant: {
+        field: string;
         solid: string;
         reverse: string;
         outline: string;
@@ -153,6 +163,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    isAttached: {
+        true: string;
+    };
     size: {
         xs: string;
         sm: string;
@@ -165,6 +178,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         default: string;
     };
     variant: {
+        field: string;
         solid: string;
         reverse: string;
         outline: string;
@@ -198,6 +212,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    isAttached: {
+        true: string;
+    };
     size: {
         xs: string;
         sm: string;
@@ -210,6 +227,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         default: string;
     };
     variant: {
+        field: string;
         solid: string;
         reverse: string;
         outline: string;
@@ -243,6 +261,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    isAttached: {
+        true: string;
+    };
     size: {
         xs: string;
         sm: string;

package/dist/components/button.d.ts

@@ -8,6 +8,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         default: string;
     };
     variant: {
+        field: string;
         solid: string;
         reverse: string;
         outline: string;
@@ -41,6 +42,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    isAttached: {
+        true: string;
+    };
     size: {
         xs: string;
         sm: string;
@@ -57,6 +61,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         isIconOnly?: boolean | (string | number | symbol)[] | undefined;
         layout?: boolean | (string | number | symbol)[] | undefined;
         isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isAttached?: boolean | (string | number | symbol)[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config_js.TWMConfig & {
     twMergeConfig: {
@@ -75,6 +80,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         default: string;
     };
     variant: {
+        field: string;
         solid: string;
         reverse: string;
         outline: string;
@@ -108,6 +114,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    isAttached: {
+        true: string;
+    };
     size: {
         xs: string;
         sm: string;
@@ -120,6 +129,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         default: string;
     };
     variant: {
+        field: string;
         solid: string;
         reverse: string;
         outline: string;
@@ -153,6 +163,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    isAttached: {
+        true: string;
+    };
     size: {
         xs: string;
         sm: string;
@@ -165,6 +178,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         default: string;
     };
     variant: {
+        field: string;
         solid: string;
         reverse: string;
         outline: string;
@@ -198,6 +212,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    isAttached: {
+        true: string;
+    };
     size: {
         xs: string;
         sm: string;
@@ -210,6 +227,7 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         default: string;
     };
     variant: {
+        field: string;
         solid: string;
         reverse: string;
         outline: string;
@@ -243,6 +261,9 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    isAttached: {
+        true: string;
+    };
     size: {
         xs: string;
         sm: string;

package/dist/components/button.js

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkOHMUYFGRjs = require('../chunk-OHMUYFGR.js');
+var _chunkD6ME6X3Fjs = require('../chunk-D6ME6X3F.js');
 require('../chunk-7Y2HFACM.js');
 require('../chunk-OLJN3WXR.js');
-require('../chunk-ZXZSQRVC.js');
 require('../chunk-2LTV7VB5.js');
-require('../chunk-X2UCVIR5.js');
 require('../chunk-ZIQLHX3U.js');
 require('../chunk-O3I4FUFD.js');
+require('../chunk-ZXZSQRVC.js');
+require('../chunk-X2UCVIR5.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.buttonStyles = _chunkOHMUYFGRjs.buttonStyles;
+exports.buttonStyles = _chunkD6ME6X3Fjs.buttonStyles;
 //# sourceMappingURL=button.js.map

package/dist/components/button.mjs

@@ -1,13 +1,13 @@
 import {
   buttonStyles
-} from "../chunk-LB4U4MBD.mjs";
+} from "../chunk-OZPPDCIJ.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import "../chunk-M2BG3FAA.mjs";
-import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import "../chunk-SFKXXWVK.mjs";
 import "../chunk-HAUMMW6T.mjs";
 import "../chunk-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
+import "../chunk-SFKXXWVK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/calendar.js

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5ULZEGWXjs = require('../chunk-5ULZEGWX.js');
+var _chunk2K77M7UDjs = require('../chunk-2K77M7UD.js');
 require('../chunk-OLJN3WXR.js');
-require('../chunk-ZXZSQRVC.js');
 require('../chunk-2LTV7VB5.js');
-require('../chunk-X2UCVIR5.js');
 require('../chunk-ZIQLHX3U.js');
 require('../chunk-O3I4FUFD.js');
+require('../chunk-ZXZSQRVC.js');
+require('../chunk-X2UCVIR5.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.calendarStyles = _chunk5ULZEGWXjs.calendarStyles;
+exports.calendarStyles = _chunk2K77M7UDjs.calendarStyles;
 //# sourceMappingURL=calendar.js.map

package/dist/components/calendar.mjs

@@ -1,12 +1,12 @@
 import {
   calendarStyles
-} from "../chunk-7S572BNQ.mjs";
+} from "../chunk-EY432TXM.mjs";
 import "../chunk-M2BG3FAA.mjs";
-import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import "../chunk-SFKXXWVK.mjs";
 import "../chunk-HAUMMW6T.mjs";
 import "../chunk-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
+import "../chunk-SFKXXWVK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/date-field.d.mts

@@ -0,0 +1,319 @@
+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 dateInputStyles: tailwind_variants.TVReturnType<{
+    variant: {};
+    isPlaceholder: {
+        true: {
+            segment: string;
+        };
+        false: {
+            segment: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            segment: string;
+        };
+    };
+    isFocused: {
+        true: {
+            segment: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    segment: string;
+}, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isFocused?: boolean | (string | number | symbol)[] | undefined;
+        isPlaceholder?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    variant: {};
+    isPlaceholder: {
+        true: {
+            segment: string;
+        };
+        false: {
+            segment: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            segment: string;
+        };
+    };
+    isFocused: {
+        true: {
+            segment: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    segment: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {};
+    isPlaceholder: {
+        true: {
+            segment: string;
+        };
+        false: {
+            segment: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            segment: string;
+        };
+    };
+    isFocused: {
+        true: {
+            segment: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    segment: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {};
+    isPlaceholder: {
+        true: {
+            segment: string;
+        };
+        false: {
+            segment: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            segment: string;
+        };
+    };
+    isFocused: {
+        true: {
+            segment: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+    };
+}, {
+    variant: {};
+    isPlaceholder: {
+        true: {
+            segment: string;
+        };
+        false: {
+            segment: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            segment: string;
+        };
+    };
+    isFocused: {
+        true: {
+            segment: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type DateInputSlots = keyof ReturnType<typeof dateInputStyles>;
+type DateInputVariantProps = VariantProps<typeof dateInputStyles>;
+declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
+    size: {
+        xs: tailwind_variants.ClassValue | {};
+        sm: tailwind_variants.ClassValue | {};
+        md: tailwind_variants.ClassValue | {};
+    };
+    variant: {
+        outline: tailwind_variants.ClassValue | {};
+        unstyled: tailwind_variants.ClassValue | {};
+    };
+    isDisabled: {
+        true: tailwind_variants.ClassValue | {};
+    };
+}, undefined, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    variant: {
+        outline: string;
+        unstyled: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    variant: {
+        outline: string;
+        unstyled: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    variant: {
+        outline: string;
+        unstyled: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    variant: {
+        outline: string;
+        unstyled: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    variant: {
+        outline: string;
+        unstyled: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    variant: {
+        outline: string;
+        unstyled: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>>;
+type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>;
+
+export { type DateFieldVariantProps, type DateInputSlots, type DateInputVariantProps, dateFieldStyles, dateInputStyles };