@uipath/apollo-react 4.0.0 → 4.1.1

package/dist/canvas/layouts/Row.stories.d.ts

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Row } from './Stack';
-declare const meta: Meta<typeof Row>;
-export default meta;
-type Story = StoryObj<typeof Row>;
-export declare const Basic: Story;
-export declare const WithGap: Story;
-export declare const Alignment: Story;
-export declare const Justification: Story;
-export declare const Wrapping: Story;
-export declare const Spacing: Story;
-export declare const Sizing: Story;
-export declare const Interactive: Story;
-//# sourceMappingURL=Row.stories.d.ts.map

package/dist/canvas/layouts/Row.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.stories.d.ts","sourceRoot":"","sources":["../../../src/canvas/layouts/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAwB9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CA8C1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAElC,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoDvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAyE3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAoCpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC"}

package/dist/canvas/layouts/Row.stories.js

@@ -1,629 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Row } from "./Stack.js";
-const Box = ({ children, ...props })=>/*#__PURE__*/ jsx("div", {
-        ...props,
-        style: {
-            color: 'var(--color-foreground)',
-            backgroundColor: 'var(--color-background-secondary)',
-            padding: '16px',
-            borderRadius: '4px',
-            border: '1px solid var(--color-border)',
-            minWidth: '60px',
-            textAlign: 'center',
-            ...props.style
-        },
-        children: children
-    });
-const meta = {
-    title: 'Core/Layouts/Row',
-    component: Row,
-    parameters: {
-        layout: 'fullscreen'
-    },
-    argTypes: {
-        direction: {
-            control: {
-                type: 'select'
-            },
-            options: [
-                'row',
-                'column',
-                'row-reverse',
-                'column-reverse'
-            ]
-        },
-        align: {
-            control: {
-                type: 'select'
-            },
-            options: [
-                'start',
-                'end',
-                'center',
-                'stretch',
-                'baseline'
-            ]
-        },
-        justify: {
-            control: {
-                type: 'select'
-            },
-            options: [
-                'start',
-                'end',
-                'center',
-                'between',
-                'around',
-                'evenly'
-            ]
-        },
-        wrap: {
-            control: {
-                type: 'select'
-            },
-            options: [
-                'nowrap',
-                'wrap',
-                'wrap-reverse'
-            ]
-        },
-        gap: {
-            control: {
-                type: 'number'
-            }
-        },
-        p: {
-            control: {
-                type: 'number'
-            }
-        },
-        m: {
-            control: {
-                type: 'number'
-            }
-        }
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ jsx("div", {
-                style: {
-                    padding: '16px',
-                    color: 'var(--color-foreground)',
-                    backgroundColor: 'var(--color-background)'
-                },
-                children: /*#__PURE__*/ jsx(Story, {})
-            })
-    ]
-};
-const Row_stories = meta;
-const Basic = {
-    render: ()=>/*#__PURE__*/ jsxs(Row, {
-            gap: 8,
-            children: [
-                /*#__PURE__*/ jsx(Box, {
-                    children: "Item 1"
-                }),
-                /*#__PURE__*/ jsx(Box, {
-                    children: "Item 2"
-                }),
-                /*#__PURE__*/ jsx(Box, {
-                    children: "Item 3"
-                })
-            ]
-        })
-};
-const WithGap = {
-    render: ()=>/*#__PURE__*/ jsxs("div", {
-            children: [
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Gap: 4px"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    gap: 4,
-                    mb: 16,
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "A"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "B"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "C"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Gap: 16px"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    gap: 16,
-                    mb: 16,
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "A"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "B"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "C"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Gap: 32px"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    gap: 32,
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "A"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "B"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "C"
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Alignment = {
-    render: ()=>/*#__PURE__*/ jsxs("div", {
-            children: [
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Align: start"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    align: "start",
-                    gap: 8,
-                    h: 120,
-                    mb: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            style: {
-                                height: '30px'
-                            },
-                            children: "Short"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            style: {
-                                height: '50px'
-                            },
-                            children: "Medium"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            style: {
-                                height: '80px'
-                            },
-                            children: "Tall"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Align: center"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    align: "center",
-                    gap: 8,
-                    h: 120,
-                    mb: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            style: {
-                                height: '30px'
-                            },
-                            children: "Short"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            style: {
-                                height: '50px'
-                            },
-                            children: "Medium"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            style: {
-                                height: '80px'
-                            },
-                            children: "Tall"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Align: end"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    align: "end",
-                    gap: 8,
-                    h: 120,
-                    mb: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            style: {
-                                height: '30px'
-                            },
-                            children: "Short"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            style: {
-                                height: '50px'
-                            },
-                            children: "Medium"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            style: {
-                                height: '80px'
-                            },
-                            children: "Tall"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Align: stretch"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    align: "stretch",
-                    gap: 8,
-                    h: 120,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Stretched"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Stretched"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Stretched"
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Justification = {
-    render: ()=>/*#__PURE__*/ jsxs("div", {
-            children: [
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Justify: start"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    justify: "start",
-                    gap: 8,
-                    w: 400,
-                    mb: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "A"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "B"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "C"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Justify: center"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    justify: "center",
-                    gap: 8,
-                    w: 400,
-                    mb: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "A"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "B"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "C"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Justify: end"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    justify: "end",
-                    gap: 8,
-                    w: 400,
-                    mb: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "A"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "B"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "C"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Justify: between"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    justify: "between",
-                    w: 400,
-                    mb: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "A"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "B"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "C"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Justify: around"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    justify: "around",
-                    w: 400,
-                    mb: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "A"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "B"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "C"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Justify: evenly"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    justify: "evenly",
-                    w: 400,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "A"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "B"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "C"
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Wrapping = {
-    render: ()=>/*#__PURE__*/ jsxs("div", {
-            children: [
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Wrap: nowrap (default)"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    wrap: "nowrap",
-                    gap: 8,
-                    w: 200,
-                    mb: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Item 1"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Item 2"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Item 3"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Item 4"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Item 5"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Wrap: wrap"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    wrap: "wrap",
-                    gap: 8,
-                    w: 200,
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Item 1"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Item 2"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Item 3"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Item 4"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Item 5"
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Spacing = {
-    render: ()=>/*#__PURE__*/ jsxs("div", {
-            children: [
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Padding and Margin"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    gap: 8,
-                    p: 16,
-                    m: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background)',
-                        border: '2px dashed var(--color-border)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Padded"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Content"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Here"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Directional Spacing"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    gap: 8,
-                    pt: 24,
-                    pb: 8,
-                    px: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Custom"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Spacing"
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Sizing = {
-    render: ()=>/*#__PURE__*/ jsxs("div", {
-            children: [
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Fixed Width and Height"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    gap: 8,
-                    w: 300,
-                    h: 100,
-                    justify: "center",
-                    align: "center",
-                    style: {
-                        backgroundColor: 'var(--color-background-secondary)',
-                        border: '1px solid var(--color-border)'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "300px"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "wide"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("h3", {
-                    children: "Min/Max Constraints"
-                }),
-                /*#__PURE__*/ jsxs(Row, {
-                    gap: 8,
-                    minW: 200,
-                    maxW: 400,
-                    p: 16,
-                    style: {
-                        backgroundColor: 'var(--color-background)',
-                        border: '1px solid var(--color-border)',
-                        resize: 'horizontal',
-                        overflow: 'auto'
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Resizable"
-                        }),
-                        /*#__PURE__*/ jsx(Box, {
-                            children: "Container"
-                        })
-                    ]
-                })
-            ]
-        })
-};
-const Interactive = {
-    args: {
-        direction: 'row',
-        gap: 8,
-        align: 'start',
-        justify: 'start',
-        wrap: 'nowrap',
-        p: 0,
-        m: 0
-    },
-    render: (args)=>/*#__PURE__*/ jsxs(Row, {
-            ...args,
-            style: {
-                backgroundColor: 'var(--color-background-secondary)',
-                minHeight: '100px'
-            },
-            children: [
-                /*#__PURE__*/ jsx(Box, {
-                    children: "Item 1"
-                }),
-                /*#__PURE__*/ jsx(Box, {
-                    children: "Item 2"
-                }),
-                /*#__PURE__*/ jsx(Box, {
-                    children: "Item 3"
-                })
-            ]
-        })
-};
-export { Alignment, Basic, Interactive, Justification, Sizing, Spacing, WithGap, Wrapping, Row_stories as default };