npm - @opengovsg/oui - Versions diffs - 0.0.24 → 0.0.26 - Mend

@opengovsg/oui 0.0.24 → 0.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/dist/types/modal/modal.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import type { ModalOverlayProps } from "react-aria-components";
+import type { ModalSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
+import { modalStyles } from "@opengovsg/oui-theme";
+export interface ModalProps extends ModalOverlayProps, VariantProps<typeof modalStyles> {
+    classNames?: SlotsToClasses<ModalSlots>;
+}
+export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=modal.d.ts.map

package/dist/types/modal/modal.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAQ9D,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAsB,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAMtE,MAAM,WAAW,UACf,SAAQ,iBAAiB,EACvB,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,eAAO,MAAM,KAAK,uGAsDhB,CAAA"}

package/dist/types/pagination/use-pagination.d.ts CHANGED Viewed

@@ -149,182 +149,182 @@ export declare function usePagination(originalProps: UsePaginationProps): {
     dotsJump: number;
     slots: {
         base: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         wrapper: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         item: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         prev: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         next: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         cursor: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         forwardIcon: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         ellipsis: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         chevronNext: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
     } & {
         base: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         wrapper: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         item: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         prev: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         next: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         cursor: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         forwardIcon: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         ellipsis: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         chevronNext: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;