@carto/meridian-ds 2.9.2 → 2.9.3-alpha-lists.5

package/dist/types/components/List/List.stories.d.ts

@@ -0,0 +1,452 @@
+import { default as React } from 'react';
+import { ListProps } from '..';
+/**
+ * Props that are compatible with List
+ */
+interface StoryProps {
+    variant?: ListProps['variant'];
+    spacing?: number;
+    dense?: boolean;
+    direction?: 'column' | 'column-reverse' | 'row-reverse' | 'row';
+    disableGutters?: boolean;
+    disablePadding?: boolean;
+    fixedHeight?: boolean;
+    divider?: boolean;
+    virtualized?: boolean;
+    virtualizedItemHeight?: number;
+    virtualizedListHeight?: number;
+    overscanCount?: number;
+    listItemPrimaryText?: string;
+    listItemSecondaryText?: string;
+}
+/**
+ * Extended props for Playground story with additional controls
+ */
+interface PlaygroundStoryProps extends StoryProps {
+    mediaContent?: 'none' | 'avatar' | 'icon';
+    rightContent?: 'none' | 'text' | 'chip' | 'tag';
+}
+declare const options: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+    argTypes: {
+        variant: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        spacing: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        dense: {
+            control: "boolean";
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        direction: {
+            control: "select";
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        disableGutters: {
+            control: "boolean";
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        disablePadding: {
+            control: "boolean";
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        fixedHeight: {
+            control: "boolean";
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        divider: {
+            control: "boolean";
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        virtualized: {
+            control: "boolean";
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        virtualizedItemHeight: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+            if: {
+                arg: string;
+                truthy: true;
+            };
+        };
+        virtualizedListHeight: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+            if: {
+                arg: string;
+                truthy: true;
+            };
+        };
+        overscanCount: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+            if: {
+                arg: string;
+                truthy: true;
+            };
+        };
+        listItemPrimaryText: {
+            control: "text";
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        listItemSecondaryText: {
+            control: "text";
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+    };
+    args: {
+        variant: string;
+        spacing: undefined;
+        direction: string;
+        dense: boolean;
+        disableGutters: boolean;
+        disablePadding: boolean;
+        fixedHeight: boolean;
+        divider: boolean;
+        virtualized: boolean;
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+        status: {
+            type: string;
+        };
+    };
+};
+export default options;
+export declare const Playground: {
+    render: ({ variant, spacing, listItemPrimaryText, listItemSecondaryText, mediaContent, rightContent, ...rest }: PlaygroundStoryProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        mediaContent: string;
+        rightContent: string;
+    };
+    argTypes: {
+        mediaContent: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        rightContent: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export declare const Size: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Variants: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const PrimaryAction: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const SecondaryAction: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const DoubleAction: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Spacing: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Subheaders: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const FixedHeight: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Divider: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Gutters: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Direction: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Virtualized: {
+    render: ({ listItemPrimaryText, listItemSecondaryText, ...props }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        variant: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+            codePanel: boolean;
+        };
+    };
+};
+//# sourceMappingURL=List.stories.d.ts.map

package/dist/types/components/List/List.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAgBvC,OAAO,EAQL,SAAS,EAIV,MAAM,cAAc,CAAA;AAErB;;GAEG;AACH,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,GAAG,gBAAgB,GAAG,aAAa,GAAG,KAAK,CAAA;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED;;GAEG;AACH,UAAU,oBAAqB,SAAQ,UAAU;IAC/C,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;CAChD;AAED,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HG,CAAA;AAChB,eAAe,OAAO,CAAA;AAu0DtB,eAAO,MAAM,UAAU;oHApzDpB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAm1DtB,CAAA;AAED,eAAO,MAAM,IAAI;uEAn0Dd,UAAU;;;;;;;;;;;;;;;CA80DZ,CAAA;AAED,eAAO,MAAM,QAAQ;uEA/vDlB,UAAU;;;;;;;;;;;;;;;CA0wDZ,CAAA;AAED,eAAO,MAAM,aAAa;uEAttDvB,UAAU;;;;;;;;;;;;;;;CAiuDZ,CAAA;AAED,eAAO,MAAM,eAAe;uEA79CzB,UAAU;;;;;;;;;;;;;;;CAw+CZ,CAAA;AAED,eAAO,MAAM,YAAY;uEAz0CtB,UAAU;;;;;;;;;;;;;;;CAo1CZ,CAAA;AAED,eAAO,MAAM,OAAO;uEAviBjB,UAAU;;;;;;;;;;;;;;;CAkjBZ,CAAA;AAED,eAAO,MAAM,UAAU;uEA13BpB,UAAU;;;;;;;;;;;;;;;CAq4BZ,CAAA;AAED,eAAO,MAAM,WAAW;uEA5tBrB,UAAU;;;;;;;;;;;;;;;CAuuBZ,CAAA;AAED,eAAO,MAAM,OAAO;uEAnfjB,UAAU;;;;;;;;CA6fZ,CAAA;AAED,eAAO,MAAM,OAAO;uEAjcjB,UAAU;;;;;;;;;;;;;;;CA4cZ,CAAA;AAED,eAAO,MAAM,SAAS;uEAvZnB,UAAU;;;;;;;;;;;;;;;CAkaZ,CAAA;AAED,eAAO,MAAM,WAAW;uEA7PrB,UAAU;;;;;;;;;;;;;;;;CAyQZ,CAAA"}

package/dist/types/components/List/List.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=List.test.d.ts.map

package/dist/types/components/List/List.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.test.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.test.tsx"],"names":[],"mappings":""}

package/dist/types/components/List/ListItem/ListItem.d.ts

@@ -0,0 +1,9 @@
+import { ListItemProps as MUIListItemProps, ListItemButtonProps as MUIListItemButtonProps } from '@mui/material';
+/**
+ * Props for the ListItem component.
+ * Includes all MUI ListItem and ListItemButton props plus custom props defined in theme types
+ */
+export type ListItemProps = MUIListItemProps & Omit<MUIListItemButtonProps, keyof MUIListItemProps>;
+declare const ListItem: import('react').ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement | HTMLLIElement>>;
+export default ListItem;
+//# sourceMappingURL=ListItem.d.ts.map

package/dist/types/components/List/ListItem/ListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAEjC,mBAAmB,IAAI,sBAAsB,EAC9C,MAAM,eAAe,CAAA;AAGtB;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAC1C,IAAI,CAAC,sBAAsB,EAAE,MAAM,gBAAgB,CAAC,CAAA;AAsEtD,QAAA,MAAM,QAAQ,uIAAwB,CAAA;AAEtC,eAAe,QAAQ,CAAA"}