@opengovsg/oui-theme 0.0.12 → 0.0.14

package/dist/components/pagination.d.mts

@@ -0,0 +1,261 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Pagination wrapper **Tailwind Variants** component
+ *
+ * const {base, cursor, prev, next, item } = paginationStyles({...})
+ *
+ * @example
+ * <ul className={base()} aria-label="pagination navigation">
+ *    <li className={cursor()} aria-hidden="true">{active page}</li> // this marks the active page
+ *    <li role="button" className={prev()} aria-label="Go to previous page" data-disabled="true">Prev</li>
+ *    <li role="button" className={item()} aria-label="page 1" data-active="true">1</li>
+ *    <li role="button" className={item()} aria-label="page 2">2</li>
+ *    <li role="button" className={item()} aria-hidden="true">...</li>
+ *    <li role="button" className={item()} aria-label="page 10">10</li>
+ *    <li role="button" className={next()} aria-label="Go to next page">Next</li>
+ *  </ul>
+ */
+declare const paginationStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        light: {
+            item: string;
+        };
+    };
+    color: {
+        main: {
+            cursor: string;
+        };
+        neutral: {
+            cursor: string;
+        };
+        success: {
+            cursor: string;
+        };
+        warning: {
+            cursor: string;
+        };
+        critical: {
+            cursor: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+            cursor: string;
+        };
+        md: {
+            item: string;
+            cursor: string;
+        };
+        lg: {
+            item: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {};
+        sm: {};
+        md: {};
+        lg: {};
+        full: {};
+    };
+    isCompact: {
+        true: {
+            wrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableCursorAnimation: {
+        true: {
+            cursor: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            item: string;
+            cursor: string;
+        };
+        false: {
+            item: string[];
+            cursor: string[];
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string[];
+    item: string[];
+    prev: string;
+    next: string;
+    cursor: string[];
+    forwardIcon: string[];
+    ellipsis: string;
+    chevronNext: string;
+}, undefined, {
+    variant: {
+        light: {
+            item: string;
+        };
+    };
+    color: {
+        main: {
+            cursor: string;
+        };
+        neutral: {
+            cursor: string;
+        };
+        success: {
+            cursor: string;
+        };
+        warning: {
+            cursor: string;
+        };
+        critical: {
+            cursor: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+            cursor: string;
+        };
+        md: {
+            item: string;
+            cursor: string;
+        };
+        lg: {
+            item: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {};
+        sm: {};
+        md: {};
+        lg: {};
+        full: {};
+    };
+    isCompact: {
+        true: {
+            wrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableCursorAnimation: {
+        true: {
+            cursor: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            item: string;
+            cursor: string;
+        };
+        false: {
+            item: string[];
+            cursor: string[];
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string[];
+    item: string[];
+    prev: string;
+    next: string;
+    cursor: string[];
+    forwardIcon: string[];
+    ellipsis: string;
+    chevronNext: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        light: {
+            item: string;
+        };
+    };
+    color: {
+        main: {
+            cursor: string;
+        };
+        neutral: {
+            cursor: string;
+        };
+        success: {
+            cursor: string;
+        };
+        warning: {
+            cursor: string;
+        };
+        critical: {
+            cursor: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+            cursor: string;
+        };
+        md: {
+            item: string;
+            cursor: string;
+        };
+        lg: {
+            item: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {};
+        sm: {};
+        md: {};
+        lg: {};
+        full: {};
+    };
+    isCompact: {
+        true: {
+            wrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableCursorAnimation: {
+        true: {
+            cursor: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            item: string;
+            cursor: string;
+        };
+        false: {
+            item: string[];
+            cursor: string[];
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string[];
+    item: string[];
+    prev: string;
+    next: string;
+    cursor: string[];
+    forwardIcon: string[];
+    ellipsis: string;
+    chevronNext: string;
+}, undefined, unknown, unknown, undefined>>;
+type PaginationVariantProps = VariantProps<typeof paginationStyles>;
+type PaginationSlots = keyof ReturnType<typeof paginationStyles>;
+
+export { type PaginationSlots, type PaginationVariantProps, paginationStyles };

package/dist/components/pagination.d.ts

@@ -0,0 +1,261 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Pagination wrapper **Tailwind Variants** component
+ *
+ * const {base, cursor, prev, next, item } = paginationStyles({...})
+ *
+ * @example
+ * <ul className={base()} aria-label="pagination navigation">
+ *    <li className={cursor()} aria-hidden="true">{active page}</li> // this marks the active page
+ *    <li role="button" className={prev()} aria-label="Go to previous page" data-disabled="true">Prev</li>
+ *    <li role="button" className={item()} aria-label="page 1" data-active="true">1</li>
+ *    <li role="button" className={item()} aria-label="page 2">2</li>
+ *    <li role="button" className={item()} aria-hidden="true">...</li>
+ *    <li role="button" className={item()} aria-label="page 10">10</li>
+ *    <li role="button" className={next()} aria-label="Go to next page">Next</li>
+ *  </ul>
+ */
+declare const paginationStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        light: {
+            item: string;
+        };
+    };
+    color: {
+        main: {
+            cursor: string;
+        };
+        neutral: {
+            cursor: string;
+        };
+        success: {
+            cursor: string;
+        };
+        warning: {
+            cursor: string;
+        };
+        critical: {
+            cursor: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+            cursor: string;
+        };
+        md: {
+            item: string;
+            cursor: string;
+        };
+        lg: {
+            item: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {};
+        sm: {};
+        md: {};
+        lg: {};
+        full: {};
+    };
+    isCompact: {
+        true: {
+            wrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableCursorAnimation: {
+        true: {
+            cursor: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            item: string;
+            cursor: string;
+        };
+        false: {
+            item: string[];
+            cursor: string[];
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string[];
+    item: string[];
+    prev: string;
+    next: string;
+    cursor: string[];
+    forwardIcon: string[];
+    ellipsis: string;
+    chevronNext: string;
+}, undefined, {
+    variant: {
+        light: {
+            item: string;
+        };
+    };
+    color: {
+        main: {
+            cursor: string;
+        };
+        neutral: {
+            cursor: string;
+        };
+        success: {
+            cursor: string;
+        };
+        warning: {
+            cursor: string;
+        };
+        critical: {
+            cursor: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+            cursor: string;
+        };
+        md: {
+            item: string;
+            cursor: string;
+        };
+        lg: {
+            item: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {};
+        sm: {};
+        md: {};
+        lg: {};
+        full: {};
+    };
+    isCompact: {
+        true: {
+            wrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableCursorAnimation: {
+        true: {
+            cursor: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            item: string;
+            cursor: string;
+        };
+        false: {
+            item: string[];
+            cursor: string[];
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string[];
+    item: string[];
+    prev: string;
+    next: string;
+    cursor: string[];
+    forwardIcon: string[];
+    ellipsis: string;
+    chevronNext: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        light: {
+            item: string;
+        };
+    };
+    color: {
+        main: {
+            cursor: string;
+        };
+        neutral: {
+            cursor: string;
+        };
+        success: {
+            cursor: string;
+        };
+        warning: {
+            cursor: string;
+        };
+        critical: {
+            cursor: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+            cursor: string;
+        };
+        md: {
+            item: string;
+            cursor: string;
+        };
+        lg: {
+            item: string;
+            cursor: string;
+        };
+    };
+    radius: {
+        none: {};
+        sm: {};
+        md: {};
+        lg: {};
+        full: {};
+    };
+    isCompact: {
+        true: {
+            wrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableCursorAnimation: {
+        true: {
+            cursor: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            item: string;
+            cursor: string;
+        };
+        false: {
+            item: string[];
+            cursor: string[];
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string[];
+    item: string[];
+    prev: string;
+    next: string;
+    cursor: string[];
+    forwardIcon: string[];
+    ellipsis: string;
+    chevronNext: string;
+}, undefined, unknown, unknown, undefined>>;
+type PaginationVariantProps = VariantProps<typeof paginationStyles>;
+type PaginationSlots = keyof ReturnType<typeof paginationStyles>;
+
+export { type PaginationSlots, type PaginationVariantProps, paginationStyles };

package/dist/components/pagination.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkMA67SUVHjs = require('../chunk-MA67SUVH.js');
+require('../chunk-7Y2HFACM.js');
+require('../chunk-ZIQLHX3U.js');
+require('../chunk-PWPTVAIL.js');
+require('../chunk-UZONBJUX.js');
+require('../chunk-HEB3T2LL.js');
+
+
+exports.paginationStyles = _chunkMA67SUVHjs.paginationStyles;
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

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

package/dist/components/pagination.mjs

@@ -0,0 +1,12 @@
+import {
+  paginationStyles
+} from "../chunk-LMYYQSDD.mjs";
+import "../chunk-C7FUGWVY.mjs";
+import "../chunk-HAUMMW6T.mjs";
+import "../chunk-E43A5ROR.mjs";
+import "../chunk-4JENAMGV.mjs";
+import "../chunk-R6W5A7PF.mjs";
+export {
+  paginationStyles
+};
+//# sourceMappingURL=pagination.mjs.map

package/dist/components/pagination.mjs.map

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

package/dist/components/popover.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 popoverStyles: tailwind_variants.TVReturnType<{
     isEntering: {
@@ -10,22 +9,6 @@ declare const popoverStyles: tailwind_variants.TVReturnType<{
         true: string;
     };
 }, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        isEntering?: boolean | (string | number | symbol)[] | undefined;
-        isExiting?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isEntering: {
         true: string;
     };
@@ -39,35 +22,8 @@ declare const popoverStyles: tailwind_variants.TVReturnType<{
     isExiting: {
         true: string;
     };
-}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", tailwind_variants_dist_config_js.TVConfig<{
-    isEntering: {
-        true: string;
-    };
-    isExiting: {
-        true: string;
-    };
-}, {
-    isEntering: {
-        true: string;
-    };
-    isExiting: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", unknown, unknown, undefined>>;
 type PopoverVariantProps = VariantProps<typeof popoverStyles>;
-declare const popoverArrowStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {} | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", tailwind_variants_dist_config_js.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+declare const popoverArrowStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", unknown, unknown, undefined>>;
 
 export { type PopoverVariantProps, popoverArrowStyles, popoverStyles };

package/dist/components/popover.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 popoverStyles: tailwind_variants.TVReturnType<{
     isEntering: {
@@ -10,22 +9,6 @@ declare const popoverStyles: tailwind_variants.TVReturnType<{
         true: string;
     };
 }, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        isEntering?: boolean | (string | number | symbol)[] | undefined;
-        isExiting?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isEntering: {
         true: string;
     };
@@ -39,35 +22,8 @@ declare const popoverStyles: tailwind_variants.TVReturnType<{
     isExiting: {
         true: string;
     };
-}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", tailwind_variants_dist_config_js.TVConfig<{
-    isEntering: {
-        true: string;
-    };
-    isExiting: {
-        true: string;
-    };
-}, {
-    isEntering: {
-        true: string;
-    };
-    isExiting: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", unknown, unknown, undefined>>;
 type PopoverVariantProps = VariantProps<typeof popoverStyles>;
-declare const popoverArrowStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {} | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", tailwind_variants_dist_config_js.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+declare const popoverArrowStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", unknown, unknown, undefined>>;
 
 export { type PopoverVariantProps, popoverArrowStyles, popoverStyles };