@opengovsg/oui-theme 0.0.0-snapshot-20250311073924

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

@@ -0,0 +1,211 @@
+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 fieldBorderStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isFocusWithin?: boolean | (string | number | symbol)[] | undefined;
+        isInvalid?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, {
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const fieldGroupStyles: tailwind_variants.TVReturnType<{
+    isDisabled: {
+        true: string;
+    };
+}, undefined, "group flex items-center rounded-sm border bg-white not-motion-reduce:transition-shadow", {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isFocusWithin?: boolean | (string | number | symbol)[] | undefined;
+        isInvalid?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isFocusWithin?: boolean | (string | number | symbol)[] | undefined;
+        isInvalid?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, {
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>>;
+type FieldVariantProps = VariantProps<typeof fieldGroupStyles>;
+type FieldSlots = keyof ReturnType<typeof fieldGroupStyles>;
+
+export { type FieldSlots, type FieldVariantProps, fieldBorderStyles, fieldGroupStyles };

package/dist/components/field-group.d.ts

@@ -0,0 +1,211 @@
+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 fieldBorderStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isFocusWithin?: boolean | (string | number | symbol)[] | undefined;
+        isInvalid?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, {
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const fieldGroupStyles: tailwind_variants.TVReturnType<{
+    isDisabled: {
+        true: string;
+    };
+}, undefined, "group flex items-center rounded-sm border bg-white not-motion-reduce:transition-shadow", {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isFocusWithin?: boolean | (string | number | symbol)[] | undefined;
+        isInvalid?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isFocusWithin?: boolean | (string | number | symbol)[] | undefined;
+        isInvalid?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, undefined, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}, {
+    variant: {
+        outline: string;
+    };
+    isFocusWithin: {
+        true: string;
+    };
+    isInvalid: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>>;
+type FieldVariantProps = VariantProps<typeof fieldGroupStyles>;
+type FieldSlots = keyof ReturnType<typeof fieldGroupStyles>;
+
+export { type FieldSlots, type FieldVariantProps, fieldBorderStyles, fieldGroupStyles };

package/dist/components/field-group.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkTPVZYXBGjs = require('../chunk-TPVZYXBG.js');
+require('../chunk-UZONBJUX.js');
+require('../chunk-HEB3T2LL.js');
+
+
+
+exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles;
+//# sourceMappingURL=field-group.js.map

package/dist/components/field-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/field-group.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,6HAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/field-group.js"}

package/dist/components/field-group.mjs

@@ -0,0 +1,11 @@
+import {
+  fieldBorderStyles,
+  fieldGroupStyles
+} from "../chunk-2YKM6BLP.mjs";
+import "../chunk-4JENAMGV.mjs";
+import "../chunk-R6W5A7PF.mjs";
+export {
+  fieldBorderStyles,
+  fieldGroupStyles
+};
+//# sourceMappingURL=field-group.mjs.map

package/dist/components/field-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/field.d.mts

@@ -0,0 +1,202 @@
+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 labelStyles: tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, "text-base-content-strong w-fit cursor-default", {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: 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;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, "text-base-content-strong w-fit cursor-default", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+}>, unknown, unknown, undefined>>;
+type LabelVariantProps = VariantProps<typeof labelStyles>;
+declare const descriptionStyles: tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, "text-base-content-medium", {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: 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;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, "text-base-content-medium", tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+}>, unknown, unknown, undefined>>;
+type DescriptionVariantProps = VariantProps<typeof descriptionStyles>;
+declare const fieldErrorStyles: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            text: string;
+            icon: string;
+        };
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+    };
+}, {
+    icon: string;
+    text: string;
+}, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    size: {
+        xs: {
+            text: string;
+            icon: string;
+        };
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+    };
+}, {
+    icon: string;
+    text: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            text: string;
+            icon: string;
+        };
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+    };
+}, {
+    icon: string;
+    text: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        xs: {
+            text: string;
+            icon: string;
+        };
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+    };
+}, {
+    size: {
+        xs: {
+            text: string;
+            icon: string;
+        };
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type FieldErrorVariantProps = VariantProps<typeof fieldErrorStyles>;
+type FieldErrorSlots = keyof ReturnType<typeof fieldErrorStyles>;
+
+export { type DescriptionVariantProps, type FieldErrorSlots, type FieldErrorVariantProps, type LabelVariantProps, descriptionStyles, fieldErrorStyles, labelStyles };