@westpac/ui 0.7.1 → 0.9.0

package/dist/components/radio-group/components/radio/radio.stories.js

@@ -1,40 +0,0 @@
-import { Radio } from './radio.component.js';
-const meta = {
-    title: 'Components/RadioGroup/Radio',
-    component: Radio,
-    tags: [
-        'autodocs'
-    ],
-    decorators: [
-        (Story)=>React.createElement(Story, null)
-    ],
-    argTypes: {
-        isDisabled: {
-            description: 'Controls whether individual radio options are disabled or not',
-            type: {
-                name: 'boolean'
-            }
-        }
-    }
-};
-export default meta;
-export const Default = {
-    args: {
-        children: 'Option 1',
-        value: 'Option 1'
-    }
-};
-export const Hint = {
-    args: {
-        children: 'Option 1',
-        value: 'Option 1',
-        hint: 'Test hint'
-    }
-};
-export const Disabled = {
-    args: {
-        children: 'Option 1',
-        value: 'Option 1',
-        isDisabled: true
-    }
-};

package/dist/components/radio-group/radio-group.stories.js

@@ -1,215 +0,0 @@
-import { RadioGroup } from './radio-group.component.js';
-const meta = {
-    title: 'Components/RadioGroup',
-    component: RadioGroup,
-    tags: [
-        'autodocs'
-    ],
-    decorators: [
-        (Story)=>React.createElement(Story, null)
-    ],
-    args: {
-        label: React.createElement("h2", null, "Test")
-    },
-    argTypes: {
-        orientation: {
-            description: "Controls orientation of `Radio` components, can't be applied directly on `Radio` \n\n `'horizontal'` `'vertical'`",
-            type: {
-                name: 'enum',
-                value: [
-                    'horizontal',
-                    'vertical'
-                ]
-            }
-        },
-        isDisabled: {
-            description: 'Controls whether all radio options are disabled or not',
-            type: {
-                name: 'boolean'
-            }
-        },
-        label: {
-            description: 'Not part of original GEL component but added for compatability with React Aria and accessibility. Styling can be done by passing tag with className as value.'
-        }
-    }
-};
-export default meta;
-export const Default = {
-    args: {
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3"
-            }, "Option 3")
-        ]
-    }
-};
-export const LongLines = {
-    args: {
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3"
-            }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et odit labore illo sint tempora magnam modi nesciunt consectetur vitae maiores itaque reiciendis sunt nisi ullam officiis, provident fugiat, esse iste adipisci repellat! Incidunt delectus, pariatur quaerat vitae aspernatur eveniet libero.")
-        ]
-    }
-};
-export const DefaultValue = {
-    args: {
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3"
-            }, "Option 3")
-        ],
-        defaultValue: 'Option 1'
-    }
-};
-export const Inline = {
-    args: {
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3"
-            }, "Option 3")
-        ],
-        orientation: 'horizontal'
-    }
-};
-export const InlineLongLines = {
-    args: {
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3"
-            }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et odit labore illo sint tempora magnam modi nesciunt consectetur vitae maiores itaque reiciendis sunt nisi ullam officiis, provident fugiat, esse iste adipisci repellat! Incidunt delectus, pariatur quaerat vitae aspernatur eveniet libero.")
-        ],
-        orientation: 'horizontal'
-    }
-};
-export const Disabled = {
-    args: {
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3"
-            }, "Option 3")
-        ],
-        isDisabled: true
-    }
-};
-export const Large = {
-    args: {
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3"
-            }, "Option 3")
-        ],
-        size: 'large'
-    }
-};
-export const HiddenOptions = {
-    args: {
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3"
-            }, "Option 3")
-        ],
-        showAmount: 1
-    }
-};
-export const HintText = {
-    args: {
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1",
-                hint: "This is a hint"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2",
-                hint: "This is a hint"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3",
-                hint: "This is a hint"
-            }, "Option 3")
-        ]
-    }
-};
-export const OnChange = {
-    args: {
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3"
-            }, "Option 3")
-        ],
-        onChange: (e)=>console.log(e)
-    }
-};
-export const ErrorMessageAndLabel = {
-    args: {
-        label: 'Are you an existing customer?',
-        errorMessage: 'This is an inline error message',
-        validationState: 'invalid',
-        hintMessage: 'Hint: choose from one of the following options',
-        children: [
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 1"
-            }, "Option 1"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 2"
-            }, "Option 2"),
-            React.createElement(RadioGroup.Radio, {
-                value: "Option 3"
-            }, "Option 3")
-        ]
-    }
-};

package/dist/components/repeater/repeater.stories.js

@@ -1,29 +0,0 @@
-import { Form, Input } from '../index.js';
-import { Repeater } from './repeater.component.js';
-const meta = {
-    title: 'Components/Repeater',
-    component: Repeater,
-    tags: [
-        'autodocs'
-    ],
-    decorators: [
-        (Story)=>React.createElement(Story, null)
-    ],
-    args: {
-        children: React.createElement(Form, null, React.createElement(Form.Group, null, React.createElement(Form.Label, {
-            htmlFor: `test`
-        }, "Primary"), React.createElement(Form.Hint, null, "Primary title text"), React.createElement(Input, {
-            name: "test",
-            onChange: (e)=>console.log(e)
-        })))
-    }
-};
-export default meta;
-export const Default = {
-    args: {}
-};
-export const Separator = {
-    args: {
-        separator: true
-    }
-};

package/dist/components/select/select.stories.js

@@ -1,74 +0,0 @@
-import { Field } from '../field/index.js';
-import { Select } from './select.component.js';
-const meta = {
-    title: 'Components/Select',
-    component: Select,
-    tags: [
-        'autodocs'
-    ],
-    decorators: [
-        (Story)=>React.createElement(Story, null)
-    ]
-};
-export default meta;
-export const Default = {
-    args: {
-        children: React.createElement(React.Fragment, null, React.createElement("option", {
-            value: "option-1"
-        }, "option 1"), React.createElement("option", {
-            value: "option-2"
-        }, "option 2"), React.createElement("option", {
-            value: "option-3"
-        }, "option 3"), React.createElement("option", {
-            value: "option-4"
-        }, "option 4"))
-    }
-};
-export const Invalid = {
-    args: {
-        invalid: true,
-        children: React.createElement(React.Fragment, null, React.createElement("option", {
-            value: "option-1"
-        }, "option 1"), React.createElement("option", {
-            value: "option-2"
-        }, "option 2"), React.createElement("option", {
-            value: "option-3"
-        }, "option 3"), React.createElement("option", {
-            value: "option-4"
-        }, "option 4"))
-    }
-};
-export const Disabled = {
-    args: {
-        disabled: true,
-        children: React.createElement(React.Fragment, null, React.createElement("option", {
-            value: "option-1"
-        }, "option 1"), React.createElement("option", {
-            value: "option-2"
-        }, "option 2"), React.createElement("option", {
-            value: "option-3"
-        }, "option 3"), React.createElement("option", {
-            value: "option-4"
-        }, "option 4"))
-    }
-};
-export const FormField = {
-    args: {},
-    render: ()=>{
-        return React.createElement(Field, {
-            label: "Are you an existing customer?",
-            hintMessage: "Hint: choose from one of the following options",
-            errorMessage: "This is an inline error message"
-        }, React.createElement(Select, {
-            invalid: true
-        }, React.createElement("option", {
-            value: "option-1"
-        }, "option 1"), React.createElement("option", {
-            value: "option-2"
-        }, "option 2"), React.createElement("option", {
-            value: "option-3"
-        }, "option 3"), React.createElement("option", {
-            value: "option-4"
-        }, "option 4")));
-    }
-};