@opengovsg/oui-theme 0.0.13 → 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/tabs.js

@@ -3,8 +3,8 @@
 
 
 
-var _chunkXJNNSVHSjs = require('../chunk-XJNNSVHS.js');
-require('../chunk-X2UCVIR5.js');
+var _chunkKLKBOAF7js = require('../chunk-KLKBOAF7.js');
+require('../chunk-PWPTVAIL.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
@@ -12,5 +12,5 @@ require('../chunk-HEB3T2LL.js');
 
 
 
-exports.tabListStyles = _chunkXJNNSVHSjs.tabListStyles; exports.tabPanelStyles = _chunkXJNNSVHSjs.tabPanelStyles; exports.tabStyles = _chunkXJNNSVHSjs.tabStyles; exports.tabsStyles = _chunkXJNNSVHSjs.tabsStyles;
+exports.tabListStyles = _chunkKLKBOAF7js.tabListStyles; exports.tabPanelStyles = _chunkKLKBOAF7js.tabPanelStyles; exports.tabStyles = _chunkKLKBOAF7js.tabStyles; exports.tabsStyles = _chunkKLKBOAF7js.tabsStyles;
 //# sourceMappingURL=tabs.js.map

package/dist/components/tabs.mjs

@@ -3,8 +3,8 @@ import {
   tabPanelStyles,
   tabStyles,
   tabsStyles
-} from "../chunk-J43U6YH5.mjs";
-import "../chunk-SFKXXWVK.mjs";
+} from "../chunk-OJ7NRUXZ.mjs";
+import "../chunk-E43A5ROR.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/tag-field.js

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNPNMMEUTjs = require('../chunk-NPNMMEUT.js');
+var _chunkTTH5N3TRjs = require('../chunk-TTH5N3TR.js');
 require('../chunk-OLJN3WXR.js');
 require('../chunk-2LTV7VB5.js');
-require('../chunk-ZIQLHX3U.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-X2UCVIR5.js');
+require('../chunk-ZIQLHX3U.js');
+require('../chunk-PWPTVAIL.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.tagFieldStyles = _chunkNPNMMEUTjs.tagFieldStyles;
+exports.tagFieldStyles = _chunkTTH5N3TRjs.tagFieldStyles;
 //# sourceMappingURL=tag-field.js.map

package/dist/components/tag-field.mjs

@@ -1,12 +1,12 @@
 import {
   tagFieldStyles
-} from "../chunk-VS4FD2JZ.mjs";
+} from "../chunk-KRCG5SPM.mjs";
 import "../chunk-M2BG3FAA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import "../chunk-HAUMMW6T.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
-import "../chunk-SFKXXWVK.mjs";
+import "../chunk-HAUMMW6T.mjs";
+import "../chunk-E43A5ROR.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/toggle.js

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5ZLWLG6Rjs = require('../chunk-5ZLWLG6R.js');
+var _chunkCO7LICMCjs = require('../chunk-CO7LICMC.js');
 require('../chunk-OLJN3WXR.js');
 require('../chunk-2LTV7VB5.js');
-require('../chunk-ZIQLHX3U.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-X2UCVIR5.js');
+require('../chunk-ZIQLHX3U.js');
+require('../chunk-PWPTVAIL.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.toggleStyles = _chunk5ZLWLG6Rjs.toggleStyles;
+exports.toggleStyles = _chunkCO7LICMCjs.toggleStyles;
 //# sourceMappingURL=toggle.js.map

package/dist/components/toggle.mjs

@@ -1,12 +1,12 @@
 import {
   toggleStyles
-} from "../chunk-2NKETQ3I.mjs";
+} from "../chunk-R3METMPK.mjs";
 import "../chunk-M2BG3FAA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import "../chunk-HAUMMW6T.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
-import "../chunk-SFKXXWVK.mjs";
+import "../chunk-HAUMMW6T.mjs";
+import "../chunk-E43A5ROR.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/index.d.mts

@@ -21,6 +21,8 @@ export { TabListVariantProps, TabPanelVariantProps, TabVariantProps, TabsVariant
 export { DateFieldVariantProps, DateInputSlots, DateInputVariantProps, dateFieldStyles, dateInputStyles } from './components/date-field.mjs';
 export { DatePickerSlots, DatePickerVariantProps, datePickerStyles } from './components/date-picker.mjs';
 export { DateRangePickerSlots, DateRangePickerVariantProps, dateRangePickerStyles } from './components/date-range-picker.mjs';
+export { CheckboxSlots, CheckboxVariantProps, checkboxGroupStyles, checkboxStyles } from './components/checkbox.mjs';
+export { PaginationSlots, PaginationVariantProps, paginationStyles } from './components/pagination.mjs';
 export { focusClasses, focusVisibleClasses } from './utils/classes.mjs';
 export { customTwMergeConfig, twMerge } from './utils/tw-merge.mjs';
 export { tv } from './utils/tv.mjs';

package/dist/index.d.ts

@@ -21,6 +21,8 @@ export { TabListVariantProps, TabPanelVariantProps, TabVariantProps, TabsVariant
 export { DateFieldVariantProps, DateInputSlots, DateInputVariantProps, dateFieldStyles, dateInputStyles } from './components/date-field.js';
 export { DatePickerSlots, DatePickerVariantProps, datePickerStyles } from './components/date-picker.js';
 export { DateRangePickerSlots, DateRangePickerVariantProps, dateRangePickerStyles } from './components/date-range-picker.js';
+export { CheckboxSlots, CheckboxVariantProps, checkboxGroupStyles, checkboxStyles } from './components/checkbox.js';
+export { PaginationSlots, PaginationVariantProps, paginationStyles } from './components/pagination.js';
 export { focusClasses, focusVisibleClasses } from './utils/classes.js';
 export { customTwMergeConfig, twMerge } from './utils/tw-merge.js';
 export { tv } from './utils/tv.js';