@opengovsg/oui-theme 0.0.4 → 0.0.6

package/dist/components/index.js.map

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

package/dist/components/index.mjs

@@ -1,7 +1,31 @@
-import "../chunk-KK47HKQ6.mjs";
+import "../chunk-ARRSHAJG.mjs";
+import {
+  tagFieldItemStyles,
+  tagFieldStyles
+} from "../chunk-GUV5RZUP.mjs";
+import {
+  textAreaStyles
+} from "../chunk-RKCURSL5.mjs";
+import {
+  toggleStyles
+} from "../chunk-U5G5CDX6.mjs";
+import {
+  fieldBorderStyles,
+  fieldGroupStyles
+} from "../chunk-2YKM6BLP.mjs";
+import {
+  descriptionStyles,
+  fieldErrorStyles,
+  labelStyles
+} from "../chunk-TBOBJYPO.mjs";
 import {
   govtBannerStyles
 } from "../chunk-SETXC4VI.mjs";
+import {
+  selectItemStyles,
+  selectSearchStyles,
+  selectStyles
+} from "../chunk-SCEZEIC2.mjs";
 import {
   skipNavLinkStyles
 } from "../chunk-FWC3DOGE.mjs";
@@ -9,28 +33,16 @@ import {
   spinnerStyles
 } from "../chunk-7XIXHTLH.mjs";
 import {
-  tagFieldItemStyles,
-  tagFieldStyles
-} from "../chunk-GUV5RZUP.mjs";
-import {
-  textAreaStyles
-} from "../chunk-HTU3V6IU.mjs";
-import {
-  toggleStyles
-} from "../chunk-U5G5CDX6.mjs";
+  badgeCloseButtonStyles,
+  badgeStyles
+} from "../chunk-E7JBRLR5.mjs";
 import {
   bannerStyles
 } from "../chunk-2HLZ2TA2.mjs";
 import {
   buttonStyles
-} from "../chunk-6I5HW6G2.mjs";
-import "../chunk-IVOSH3A7.mjs";
-import "../chunk-M2BG3FAA.mjs";
-import "../chunk-SFKXXWVK.mjs";
-import "../chunk-HAUMMW6T.mjs";
-import "../chunk-TL5MCSZQ.mjs";
-import "../chunk-J2WMLIIA.mjs";
-import "../chunk-XTHC46M2.mjs";
+} from "../chunk-LB4U4MBD.mjs";
+import "../chunk-C7FUGWVY.mjs";
 import {
   calendarStyles
 } from "../chunk-GK7MVUI2.mjs";
@@ -41,22 +53,21 @@ import {
   comboBoxClearButtonStyles,
   comboBoxItemStyles,
   comboBoxStyles
-} from "../chunk-SOOR7R6F.mjs";
+} from "../chunk-Z5EKAZRY.mjs";
 import {
   inputStyles
-} from "../chunk-WLVKPCAW.mjs";
-import {
-  fieldBorderStyles,
-  fieldGroupStyles
-} from "../chunk-2YKM6BLP.mjs";
-import {
-  descriptionStyles,
-  fieldErrorStyles,
-  labelStyles
-} from "../chunk-JAQCLNC3.mjs";
+} from "../chunk-43I4FEYX.mjs";
+import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
+import "../chunk-SFKXXWVK.mjs";
+import "../chunk-HAUMMW6T.mjs";
+import "../chunk-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {
+  badgeCloseButtonStyles,
+  badgeStyles,
   bannerStyles,
   buttonStyles,
   calendarStyles,
@@ -71,6 +82,9 @@ export {
   govtBannerStyles,
   inputStyles,
   labelStyles,
+  selectItemStyles,
+  selectSearchStyles,
+  selectStyles,
   skipNavLinkStyles,
   spinnerStyles,
   tagFieldItemStyles,

package/dist/components/input.js

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkWTYHPAGQjs = require('../chunk-WTYHPAGQ.js');
+var _chunkDB7X5OUPjs = require('../chunk-DB7X5OUP.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.inputStyles = _chunkWTYHPAGQjs.inputStyles;
+exports.inputStyles = _chunkDB7X5OUPjs.inputStyles;
 //# sourceMappingURL=input.js.map

package/dist/components/input.mjs

@@ -1,6 +1,6 @@
 import {
   inputStyles
-} from "../chunk-WLVKPCAW.mjs";
+} from "../chunk-43I4FEYX.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/select.d.mts

@@ -0,0 +1,459 @@
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const selectSearchStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            clear?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            clear?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    icon: string;
+    input: string;
+    clear: string;
+}, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {} | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            clear?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    icon: string;
+    input: string;
+    clear: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    icon: string;
+    input: string;
+    clear: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            clear?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+declare const selectItemStyles: tailwind_variants.TVReturnType<{
+    color: {
+        main: {
+            base: string;
+            icon: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isDisabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isSelected: {
+        true: string;
+    };
+}, {
+    base: string;
+    text: string;
+    icon: string;
+}, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        color?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isSelected?: boolean | (string | number | symbol)[] | undefined;
+        isFocused?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    color: {
+        main: {
+            base: string;
+            icon: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isDisabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isSelected: {
+        true: string;
+    };
+}, {
+    base: string;
+    text: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        main: {
+            base: string;
+            icon: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isDisabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isSelected: {
+        true: string;
+    };
+}, {
+    base: string;
+    text: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        main: {
+            base: string;
+            icon: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isDisabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isSelected: {
+        true: string;
+    };
+}, {
+    color: {
+        main: {
+            base: string;
+            icon: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        md: {
+            base: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isDisabled: {
+        true: string;
+    };
+    isFocused: {
+        true: string;
+    };
+    isSelected: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+type SelectItemVariantProps = VariantProps<typeof selectItemStyles>;
+type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>;
+declare const selectStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: string;
+        reverse: string;
+        outline: string;
+        clear: string;
+        unstyled: string;
+    };
+    color: {
+        main: string;
+        success: string;
+        warning: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+        inverse: string;
+    };
+    size: {
+        xs: {
+            selectedText: string;
+            list: string;
+        };
+        sm: {
+            selectedText: string;
+            list: string;
+        };
+        md: {
+            selectedText: string;
+            list: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    trigger: string;
+    selectedText: string;
+    popover: string;
+    list: string;
+    description: string;
+}, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        color?: 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: {
+        solid: string;
+        reverse: string;
+        outline: string;
+        clear: string;
+        unstyled: string;
+    };
+    color: {
+        main: string;
+        success: string;
+        warning: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+        inverse: string;
+    };
+    size: {
+        xs: {
+            selectedText: string;
+            list: string;
+        };
+        sm: {
+            selectedText: string;
+            list: string;
+        };
+        md: {
+            selectedText: string;
+            list: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    trigger: string;
+    selectedText: string;
+    popover: string;
+    list: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: string;
+        reverse: string;
+        outline: string;
+        clear: string;
+        unstyled: string;
+    };
+    color: {
+        main: string;
+        success: string;
+        warning: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+        inverse: string;
+    };
+    size: {
+        xs: {
+            selectedText: string;
+            list: string;
+        };
+        sm: {
+            selectedText: string;
+            list: string;
+        };
+        md: {
+            selectedText: string;
+            list: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    trigger: string;
+    selectedText: string;
+    popover: string;
+    list: string;
+    description: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {
+        solid: string;
+        reverse: string;
+        outline: string;
+        clear: string;
+        unstyled: string;
+    };
+    color: {
+        main: string;
+        success: string;
+        warning: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+        inverse: string;
+    };
+    size: {
+        xs: {
+            selectedText: string;
+            list: string;
+        };
+        sm: {
+            selectedText: string;
+            list: string;
+        };
+        md: {
+            selectedText: string;
+            list: string;
+        };
+    };
+}, {
+    variant: {
+        solid: string;
+        reverse: string;
+        outline: string;
+        clear: string;
+        unstyled: string;
+    };
+    color: {
+        main: string;
+        success: string;
+        warning: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+        inverse: string;
+    };
+    size: {
+        xs: {
+            selectedText: string;
+            list: string;
+        };
+        sm: {
+            selectedText: string;
+            list: string;
+        };
+        md: {
+            selectedText: string;
+            list: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type SelectVariantProps = VariantProps<typeof selectStyles>;
+type SelectVariantSlots = keyof ReturnType<typeof selectStyles>;
+
+export { type SelectItemVariantProps, type SelectItemVariantSlots, type SelectVariantProps, type SelectVariantSlots, selectItemStyles, selectSearchStyles, selectStyles };