@spaced-out/ui-design-system 0.4.15-beta.4 → 0.5.0

package/lib/components/Icon/SemanticIcon.stories.d.ts

@@ -0,0 +1,190 @@
+import * as React from 'react';
+import type { SemanticIconProps } from './';
+declare const _default: {
+    argTypes: {
+        readonly semantic: {
+            readonly description: "The semantic type of the Icon Container (e.g., success, warning, danger, etc.).\n        This works only in case of `<SemanticIcon />`\n        ";
+            readonly control: {
+                readonly type: "select";
+            };
+            readonly options: unknown[];
+            readonly table: {
+                readonly type: {
+                    readonly summary: "AlertSemanticType";
+                };
+            };
+        };
+        readonly classNames: {
+            readonly description: "External classnames to be applied. Only valid in case of `<SemanticIcon />`. Use the className prop for `<Icon />`";
+            readonly control: {
+                readonly type: "object";
+            };
+            readonly table: {
+                readonly type: {
+                    readonly summary: "{wrapper?: string, icon?: string}";
+                };
+            };
+        };
+        readonly type: {
+            readonly description: "Type represents 5 unique icon styles :- Solid, Regular, Light, Thin, Duotone";
+            readonly options: readonly ["regular", "solid", "duotone", "brands"];
+            readonly control: {
+                readonly type: "select";
+            };
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+                readonly defaultValue: {
+                    readonly summary: "regular";
+                };
+            };
+        };
+        readonly name: {
+            readonly description: "Icon Name represents name of icon as supported by fontawesome";
+            readonly type: {
+                readonly required: true;
+            };
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+                readonly defaultValue: {
+                    readonly summary: "face-party";
+                };
+            };
+        };
+        readonly color: {
+            readonly description: "Same set of colors as supported in text";
+            readonly options: unknown[];
+            readonly control: {
+                readonly type: "select";
+            };
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+                readonly defaultValue: {
+                    readonly summary: "primary";
+                };
+            };
+        };
+        readonly size: {
+            readonly description: "Icon supports three size variants namely small and medium. `small` < `medium` < `large`";
+            readonly options: unknown[];
+            readonly control: {
+                readonly type: "select";
+            };
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+                readonly defaultValue: {
+                    readonly summary: "medium";
+                };
+            };
+        };
+        readonly swapOpacity: {
+            readonly name: "swapOpacity";
+            readonly description: "Swap the default opacity of each layer in a duotone icon.";
+            readonly options: readonly [false, true];
+            readonly control: "boolean";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "boolean";
+                };
+                readonly defaultValue: {
+                    readonly summary: false;
+                };
+            };
+        };
+        readonly className: {
+            readonly description: "External className to be applied on container";
+            readonly control: {
+                readonly type: "text";
+            };
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
+        readonly onClick: {
+            readonly description: "onClick handler";
+            readonly action: "clicked";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "(SyntheticEvent<HTMLElement>) => mixed";
+                };
+            };
+        };
+        readonly disabled: {
+            readonly description: "If **true**, the clickable icon is disabled";
+            readonly control: {
+                readonly type: "boolean";
+            };
+            readonly table: {
+                readonly type: {
+                    readonly summary: "boolean";
+                };
+                readonly defaultValue: {
+                    readonly summary: "false";
+                };
+            };
+        };
+        readonly ariaLabel: {
+            readonly control: {
+                readonly type: "text";
+            };
+            readonly description: "**aria-label** should be added where `ClickableIcon` and `CloseIcon` is used. This would avoid accessibility violations in screen readers";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
+    };
+    parameters: {
+        readonly docs: {
+            readonly subtitle: "Generates a Icon component";
+            readonly description: {
+                readonly component: "\n```js\nimport {\n  Icon,\n  ClickableIcon,\n  CloseIcon,\n  SemanticIcon\n} from \"@spaced-out/ui-design-system/lib/components/Icon\";\n```\nIcon component uses <a href=\"https://fontawesome.com/icons\" target=\"_blank\">fontawesome</a> icon internally.\nThe name prop has be to consistent with one used in fontawesome.\n        ";
+            };
+        };
+        readonly storySource: {
+            readonly componentPath: "/src/components/Icon/Icon";
+        };
+    };
+    tags: string[];
+    title: string;
+    component: ({ semantic, classNames, size, ...iconProps }: SemanticIconProps) => React.JSX.Element;
+};
+export default _default;
+/**
+ * The SemanticIcon component is a reusable
+ * React component that allows you to display
+ * icons with semantic styling based on different
+ * semantic types. It's designed to work with Font Awesome icons
+ * and can be used to maintain consistent icon styles across your
+ * application.
+ *
+ * Usage:
+ *
+ * ```jsx
+  <SemanticIcon
+    semantic="success"
+    iconName="chart-line-up"
+    iconSize="medium"
+    iconType="solid"
+    classNames={{ wrapper: css.wrapper, icon: css.icon }}
+  />
+ * ```
+ */
+export declare const _SemanticIcon: {
+    (args: SemanticIconProps): React.JSX.Element;
+    args: {
+        name: string;
+        semantic: string;
+    };
+};
+//# sourceMappingURL=SemanticIcon.stories.d.ts.map

package/lib/components/Icon/SemanticIcon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/SemanticIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqC1C,wBAKE;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa;WAAU,iBAAiB;;;;;CAEpD,CAAC"}

package/lib/components/InContextAlert/InContextAlert.d.ts

@@ -8,7 +8,7 @@ type ClassNames = Readonly<{
     actionContainer?: string;
     icon?: string;
 }>;
-type InContextAlertBaseProps = ({
+type InContextAlertBaseProps = {
     classNames?: ClassNames;
 } & ({
     dismissable: true;
@@ -20,12 +20,12 @@ type InContextAlertBaseProps = ({
     children?: string;
     actionText?: string;
     onAction?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
-});
-export type InContextAlertProps = ((InContextAlertBaseProps) & {
+};
+export type InContextAlertProps = InContextAlertBaseProps & {
     semantic?: AlertSemanticType;
     leftIconName?: string;
     leftIconType?: IconType;
-});
+};
 export declare const InContextAlert: Flow.AbstractComponent<InContextAlertProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=InContextAlert.d.ts.map

package/lib/components/InContextAlert/InContextAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InContextAlert.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAI1D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAStC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,KAAK,uBAAuB,GAAG,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CAAC;IACH,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACzF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG;IACF,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC,GAAG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACtF,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,uBAAuB,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB,CAAC,CAAC;AAiFH,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,cAAc,CAgFrF,CAAC"}
+{"version":3,"file":"InContextAlert.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAI1D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAStC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,KAAK,uBAAuB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACA;IACE,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,CAAC,EACT,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CACJ,GAAG;IACA,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EACL,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;CACf,CAAC;AAEJ,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG;IAC1D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB,CAAC;AAiFF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAmFf,CAAC"}

package/lib/components/InContextAlert/InContextAlert.stories.d.ts

@@ -0,0 +1,164 @@
+import * as React from 'react';
+import type { InContextAlertProps } from './InContextAlert';
+declare const _default: {
+    tags: string[];
+    title: string;
+    argTypes: {
+        actionText: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onAction: {
+            name: string;
+            action: string;
+            description: string;
+            type: {
+                summary: string;
+            };
+        };
+        semantic: {
+            options: unknown[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: "neutral";
+                };
+            };
+        };
+        onCloseClick: {
+            name: string;
+            action: string;
+            description: string;
+            type: {
+                summary: string;
+            };
+        };
+        dismissable: {
+            description: string;
+            name: string;
+            options: boolean[];
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        selfDismiss: {
+            description: string;
+            name: string;
+            options: boolean[];
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        leftIconName: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        leftIconType: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Default: {
+    (args: InContextAlertProps): React.JSX.Element;
+    args: {
+        children: string;
+        semantic: string;
+        leftIconName: string;
+    };
+};
+export declare const _Dismissable: {
+    (args: InContextAlertProps): React.JSX.Element;
+    args: {
+        children: string;
+        semantic: string;
+        dismissable: boolean;
+        selfDismiss: boolean;
+        leftIconName: string;
+    };
+};
+export declare const _Actionable: {
+    (args: InContextAlertProps): React.JSX.Element;
+    args: {
+        children: string;
+        semantic: string;
+        actionText: string;
+    };
+};
+//# sourceMappingURL=InContextAlert.stories.d.ts.map

package/lib/components/InContextAlert/InContextAlert.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InContextAlert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ1D,wBAqHE;AAEF,eAAO,MAAM,QAAQ;WAAU,mBAAmB;;;;;;CAIjD,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,mBAAmB;;;;;;;;CAIrD,CAAC;AAWF,eAAO,MAAM,WAAW;WAAU,mBAAmB;;;;;;CAIpD,CAAC"}

package/lib/components/InfinitePagination/InfinitePagination.d.ts

@@ -4,7 +4,7 @@ import type { GenericObject } from '../Table';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
-export type InfinitePaginationProps = ({
+export type InfinitePaginationProps = {
     items: Array<GenericObject>;
     width: string;
     threshold?: number;
@@ -13,14 +13,13 @@ export type InfinitePaginationProps = ({
     getItemKey?: (item: GenericObject, index: number) => string | number;
     hasNextPage: boolean;
     loadMoreItems: () => Promise<void>;
-} & // to make Flow happy with the disjoint union isVariableSizeList is a mandatory prop
-({
+} & ({
     itemSize: (index: number) => number;
     isVariableSizeList: true;
 } | {
     itemSize: number;
     isVariableSizeList?: false;
-}));
+});
 export declare const InfinitePagination: Flow.AbstractComponent<InfinitePaginationProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=InfinitePagination.d.ts.map

package/lib/components/InfinitePagination/InfinitePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfinitePagination.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAIH,MAAM,MAAM,uBAAuB,GAAG,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrE,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC,GAAG,oFAAoF;AACxF,CAAC;IACC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,kBAAkB,EAAE,IAAI,CAAC;CAC1B,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CAAC,CAAC,CAAC;AAEJ,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,EAAE,cAAc,CAmF7F,CAAC"}
+{"version":3,"file":"InfinitePagination.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAIH,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrE,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC,GAAG,CACA;IACE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,kBAAkB,EAAE,IAAI,CAAC;CAC1B,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CACJ,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CACrD,uBAAuB,EACvB,cAAc,CAsFf,CAAC"}

package/lib/components/InfinitePagination/InfinitePagination.stories.d.ts

@@ -0,0 +1,145 @@
+import * as React from 'react';
+import type { InfinitePaginationProps } from './InfinitePagination';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<InfinitePaginationProps, HTMLDivElement>;
+    argTypes: {
+        items: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        width: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        threshold: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        renderItem: {
+            description: string;
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        getItemKey: {
+            description: string;
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hasNextPage: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        loadMoreItems: {
+            description: string;
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        itemSize: {
+            description: string;
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        isVariableSizeList: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _WithFixedSizeList: {
+    (args: InfinitePaginationProps): React.JSX.Element;
+    args: {
+        classNames: string;
+    };
+};
+export declare const _WithVariableSizeList: {
+    (args: InfinitePaginationProps): React.JSX.Element;
+    args: {
+        classNames: string;
+    };
+};
+//# sourceMappingURL=InfinitePagination.stories.d.ts.map

package/lib/components/InfinitePagination/InfinitePagination.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfinitePagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMlE,wBA8GE;AAEF,eAAO,MAAM,kBAAkB;WAAU,uBAAuB;;;;CAyF/D,CAAC;AAMF,eAAO,MAAM,qBAAqB;WAAU,uBAAuB;;;;CAsGlE,CAAC"}

package/lib/components/InlineDropdown/InlineDropdown.d.ts

@@ -9,7 +9,7 @@ type ClassNames = Readonly<{
     buttonWrapper?: string;
     dropdownContainer?: string;
 }>;
-export type InlineDropdownProps = ((UnstyledButtonProps) & {
+export type InlineDropdownProps = UnstyledButtonProps & {
     classNames?: ClassNames;
     menu?: MenuProps;
     anchorPosition?: AnchorType;
@@ -19,7 +19,7 @@ export type InlineDropdownProps = ((UnstyledButtonProps) & {
     size?: 'medium' | 'small' | 'extraSmall';
     elevation?: ElevationType;
     clickAwayRef?: ClickAwayRefType;
-});
+};
 export declare const InlineDropdown: Flow.AbstractComponent<InlineDropdownProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=InlineDropdown.d.ts.map

package/lib/components/InlineDropdown/InlineDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAE,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG9D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAO9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,mBAAmB,CAAC,GAAG;IACzD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,cAAc,CA4HrF,CAAC"}
+{"version":3,"file":"InlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAO9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,GAAG;IACtD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CA+Hf,CAAC"}

package/lib/components/InlineDropdown/InlineDropdown.js

@@ -106,10 +106,10 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
         top: y ?? _space.spaceNone,
         left: x ?? _space.spaceNone,
         /* NOTE(Sharad): The FloatingPortal renders the menu outside the normal DOM structure,
-         so its parent is effectively the <body> element. This means the menu
-         would otherwise default to the body's width. To support fluid width,
-         we must manually set the dropdown width here; otherwise, it uses a fixed width.
-         Also, Only treat menu as non-fluid if isFluid is strictly false, since default is true in menu and undefined means fluid. */
+        so its parent is effectively the <body> element. This means the menu
+        would otherwise default to the body's width. To support fluid width,
+        we must manually set the dropdown width here; otherwise, it uses a fixed width.
+        Also, Only treat menu as non-fluid if isFluid is strictly false, since default is true in menu and undefined means fluid. */
         ...(menu.isFluid !== false && {
           '--dropdown-width': dropdownWidth
         }),