@opengovsg/oui-theme 0.0.7 → 0.0.11

package/dist/components/tabs.d.ts

@@ -0,0 +1,380 @@
+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 tabsStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    prominence: {
+        normal: string;
+        strong: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "isolate flex gap-4", {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        prominence?: boolean | (string | number | symbol)[] | undefined;
+        orientation?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    prominence: {
+        normal: string;
+        strong: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    prominence: {
+        normal: string;
+        strong: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "isolate flex gap-4", tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    prominence: {
+        normal: string;
+        strong: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    prominence: {
+        normal: string;
+        strong: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+type TabsVariantProps = VariantProps<typeof tabsStyles>;
+declare const tabStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    prominence: {
+        normal: string;
+        strong: string;
+    };
+    isSelected: {
+        false: string;
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, undefined, "group relative flex w-fit shrink-0 cursor-pointer items-center justify-center transition forced-color-adjust-none", {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isSelected?: boolean | (string | number | symbol)[] | undefined;
+        prominence?: boolean | (string | number | symbol)[] | undefined;
+        orientation?: 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>>>;
+type TabVariantProps = VariantProps<typeof tabStyles>;
+declare const tabPanelStyles: tailwind_variants.TVReturnType<{} | {
+    isFocusVisible: {
+        false: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+        };
+        true: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+        };
+    };
+}, undefined, "text-base-content-default dark:text-base-content-inverse flex-1", {
+    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", {
+    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>>>;
+type TabPanelVariantProps = VariantProps<typeof tabPanelStyles>;
+declare const tabListStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "flex", {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        orientation?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "flex", tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+type TabListVariantProps = VariantProps<typeof tabListStyles>;
+
+export { type TabListVariantProps, type TabPanelVariantProps, type TabVariantProps, type TabsVariantProps, tabListStyles, tabPanelStyles, tabStyles, tabsStyles };

package/dist/components/tabs.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunkXJNNSVHSjs = require('../chunk-XJNNSVHS.js');
+require('../chunk-X2UCVIR5.js');
+require('../chunk-UZONBJUX.js');
+require('../chunk-HEB3T2LL.js');
+
+
+
+
+
+exports.tabListStyles = _chunkXJNNSVHSjs.tabListStyles; exports.tabPanelStyles = _chunkXJNNSVHSjs.tabPanelStyles; exports.tabStyles = _chunkXJNNSVHSjs.tabStyles; exports.tabsStyles = _chunkXJNNSVHSjs.tabsStyles;
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

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

package/dist/components/tabs.mjs

@@ -0,0 +1,16 @@
+import {
+  tabListStyles,
+  tabPanelStyles,
+  tabStyles,
+  tabsStyles
+} from "../chunk-J43U6YH5.mjs";
+import "../chunk-SFKXXWVK.mjs";
+import "../chunk-4JENAMGV.mjs";
+import "../chunk-R6W5A7PF.mjs";
+export {
+  tabListStyles,
+  tabPanelStyles,
+  tabStyles,
+  tabsStyles
+};
+//# sourceMappingURL=tabs.mjs.map

package/dist/components/tabs.mjs.map

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

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

@@ -2,109 +2,6 @@ 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 tagFieldItemStyles: tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: 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: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
 declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     isDisabled: {
         true: {
@@ -146,6 +43,7 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     trigger: string;
     description: string;
     error: string;
+    popover: string;
     list: string;
 }, undefined, {
     responsiveVariants?: boolean | (string | number | symbol)[] | {
@@ -205,6 +103,7 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     trigger: string;
     description: string;
     error: string;
+    popover: string;
     list: string;
 }, tailwind_variants.TVReturnType<{
     isDisabled: {
@@ -247,6 +146,7 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     trigger: string;
     description: string;
     error: string;
+    popover: string;
     list: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<{
     isDisabled: {
@@ -311,6 +211,5 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
 }>, unknown, unknown, undefined>>;
 type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>;
 type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>;
-type TagFieldItemSlots = keyof ReturnType<typeof tagFieldItemStyles>;
 
-export { type TagFieldItemSlots, type TagFieldSlots, type TagFieldVariantProps, tagFieldItemStyles, tagFieldStyles };
+export { type TagFieldSlots, type TagFieldVariantProps, tagFieldStyles };

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

@@ -2,109 +2,6 @@ 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 tagFieldItemStyles: tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: 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: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
 declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     isDisabled: {
         true: {
@@ -146,6 +43,7 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     trigger: string;
     description: string;
     error: string;
+    popover: string;
     list: string;
 }, undefined, {
     responsiveVariants?: boolean | (string | number | symbol)[] | {
@@ -205,6 +103,7 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     trigger: string;
     description: string;
     error: string;
+    popover: string;
     list: string;
 }, tailwind_variants.TVReturnType<{
     isDisabled: {
@@ -247,6 +146,7 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     trigger: string;
     description: string;
     error: string;
+    popover: string;
     list: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<{
     isDisabled: {
@@ -311,6 +211,5 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
 }>, unknown, unknown, undefined>>;
 type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>;
 type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>;
-type TagFieldItemSlots = keyof ReturnType<typeof tagFieldItemStyles>;
 
-export { type TagFieldItemSlots, type TagFieldSlots, type TagFieldVariantProps, tagFieldItemStyles, tagFieldStyles };
+export { type TagFieldSlots, type TagFieldVariantProps, tagFieldStyles };