@autoguru/overdrive 4.34.0 → 4.35.0

package/dist/components/Button/stories.js

@@ -1,291 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { AccountBoxIcon } from '@autoguru/icons';
-import { action } from '@storybook/addon-actions';
-import * as React from 'react';
-import { Column, Columns } from "../Columns/index.js";
-import { Icon } from "../Icon/index.js";
-import { Button } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const onClick = action('onClick');
-export default {
-  title: 'Components/Buttons',
-  component: Button,
-  decorators: [story => _jsx("div", {
-    style: {
-      display: 'grid',
-      gridGap: '12px',
-      gridAutoFlow: 'row dense'
-    },
-    children: story()
-  })],
-  argTypes: {
-    is: {
-      options: ['button', 'a']
-    }
-  }
-};
-const Template = args => _jsx("div", {
-  style: {
-    width: 200
-  },
-  children: _jsx(Button, _objectSpread({}, args))
-});
-const TemplateMulti = args => _jsxs(_Fragment, {
-  children: [_jsxs(Columns, {
-    space: "3",
-    children: [_jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({}, args), {}, {
-        children: "Login"
-      }))
-    }), _jsx(Column, {
-      children: _jsxs(Button, _objectSpread(_objectSpread({}, args), {}, {
-        children: [_jsx(Icon, {
-          icon: AccountBoxIcon
-        }), "Login"]
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({}, args), {}, {
-        children: _jsx(Icon, {
-          icon: AccountBoxIcon
-        })
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        isLoading: true
-      }, args), {}, {
-        children: "A very very very long button Label"
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        disabled: true
-      }, args), {}, {
-        children: "Login"
-      }))
-    })]
-  }), _jsxs(Columns, {
-    space: "3",
-    children: [_jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        rounded: true
-      }, args), {}, {
-        children: "Login"
-      }))
-    }), _jsx(Column, {
-      children: _jsxs(Button, _objectSpread(_objectSpread({
-        rounded: true
-      }, args), {}, {
-        children: [_jsx(Icon, {
-          icon: AccountBoxIcon
-        }), "Login"]
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        rounded: true
-      }, args), {}, {
-        children: _jsx(Icon, {
-          icon: AccountBoxIcon
-        })
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        rounded: true,
-        isLoading: true
-      }, args), {}, {
-        children: "Login"
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        rounded: true,
-        disabled: true
-      }, args), {}, {
-        children: "Login"
-      }))
-    })]
-  }), _jsxs(Columns, {
-    space: "3",
-    children: [_jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        minimal: true
-      }, args), {}, {
-        children: "Login"
-      }))
-    }), _jsx(Column, {
-      children: _jsxs(Button, _objectSpread(_objectSpread({
-        minimal: true
-      }, args), {}, {
-        children: [_jsx(Icon, {
-          icon: AccountBoxIcon
-        }), "Login"]
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        minimal: true
-      }, args), {}, {
-        children: _jsx(Icon, {
-          icon: AccountBoxIcon
-        })
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        minimal: true,
-        isLoading: true
-      }, args), {}, {
-        children: "Login"
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        minimal: true,
-        disabled: true
-      }, args), {}, {
-        children: "Login"
-      }))
-    })]
-  }), _jsxs(Columns, {
-    space: "3",
-    children: [_jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        minimal: true,
-        rounded: true
-      }, args), {}, {
-        children: "1"
-      }))
-    }), _jsx(Column, {
-      children: _jsxs(Button, _objectSpread(_objectSpread({
-        minimal: true,
-        rounded: true
-      }, args), {}, {
-        children: [_jsx(Icon, {
-          icon: AccountBoxIcon
-        }), "1"]
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        minimal: true,
-        rounded: true
-      }, args), {}, {
-        children: _jsx(Icon, {
-          icon: AccountBoxIcon
-        })
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        minimal: true,
-        rounded: true,
-        isLoading: true
-      }, args), {}, {
-        children: "1"
-      }))
-    }), _jsx(Column, {
-      children: _jsx(Button, _objectSpread(_objectSpread({
-        minimal: true,
-        rounded: true,
-        disabled: true
-      }, args), {}, {
-        children: "1"
-      }))
-    })]
-  }), _jsx(Button, _objectSpread(_objectSpread({
-    isFullWidth: true
-  }, args), {}, {
-    children: "Full Width"
-  }))]
-});
-const standardProps = {
-  isFullWidth: void 0,
-  size: void 0,
-  variant: void 0,
-  children: 'Login',
-  onClick
-};
-export const standard = Template.bind(standardProps);
-standard.args = standardProps;
-const primarySmallProps = {
-  size: 'small',
-  variant: 'primary',
-  onClick
-};
-export const primarySmall = TemplateMulti.bind(primarySmallProps);
-primarySmall.args = primarySmallProps;
-const primaryMediumProps = {
-  size: 'medium',
-  variant: 'primary',
-  onClick
-};
-export const primaryMedium = TemplateMulti.bind(primaryMediumProps);
-primaryMedium.args = primaryMediumProps;
-const brandSmallProps = {
-  size: 'small',
-  variant: 'brand',
-  onClick
-};
-export const brandSmall = TemplateMulti.bind(brandSmallProps);
-brandSmall.args = brandSmallProps;
-const brandMediumProps = {
-  size: 'medium',
-  variant: 'brand',
-  onClick
-};
-export const brandMedium = TemplateMulti.bind(brandMediumProps);
-brandMedium.args = brandMediumProps;
-const secondarySmallProps = {
-  size: 'small',
-  variant: 'secondary',
-  onClick
-};
-export const secondarySmall = TemplateMulti.bind(secondarySmallProps);
-secondarySmall.args = secondarySmallProps;
-const secondaryMediumProps = {
-  size: 'medium',
-  variant: 'secondary',
-  onClick
-};
-export const secondaryMedium = TemplateMulti.bind(secondaryMediumProps);
-secondaryMedium.args = secondaryMediumProps;
-const informationSmallProps = {
-  size: 'small',
-  variant: 'information',
-  onClick
-};
-export const informationSmall = TemplateMulti.bind(informationSmallProps);
-informationSmall.args = informationSmallProps;
-const informationMediumProps = {
-  size: 'medium',
-  variant: 'information',
-  onClick
-};
-export const informationMedium = TemplateMulti.bind(informationMediumProps);
-informationMedium.args = informationMediumProps;
-const warningSmallProps = {
-  size: 'small',
-  variant: 'warning',
-  onClick
-};
-export const warningSmall = TemplateMulti.bind(warningSmallProps);
-warningSmall.args = warningSmallProps;
-const warningMediumProps = {
-  size: 'medium',
-  variant: 'warning',
-  onClick
-};
-export const warningMedium = TemplateMulti.bind(warningMediumProps);
-warningMedium.args = warningMediumProps;
-const successSmallProps = {
-  size: 'small',
-  variant: 'success',
-  onClick
-};
-export const successSmall = TemplateMulti.bind(successSmallProps);
-successSmall.args = successSmallProps;
-const successMediumProps = {
-  size: 'medium',
-  variant: 'success',
-  onClick
-};
-export const successMedium = TemplateMulti.bind(successMediumProps);
-successMedium.args = successMediumProps;

package/dist/components/CheckBox/stories.js

@@ -1,206 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["disabled"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import * as React from 'react';
-import { Badge } from "../Badge/index.js";
-import { Heading } from "../Heading/index.js";
-import { StarRating } from "../StarRating/index.js";
-import { Text } from "../Text/index.js";
-import { CheckBox } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
-  title: 'Components/Inputs/CheckBox',
-  component: CheckBox,
-  decorators: [story => _jsx("div", {
-    style: {
-      maxWidth: '500px',
-      width: '100%'
-    },
-    children: story()
-  })]
-};
-const listData = [{
-  label: 'Avocado',
-  value: 'avocado'
-}, {
-  label: 'Blueberries',
-  value: 'blueberries'
-}, {
-  label: 'Cherries',
-  value: 'cherries'
-}, {
-  label: 'Coconut',
-  value: 'coconut'
-}, {
-  label: 'Strawberries',
-  value: 'strawberries'
-}];
-export const list = _ref => {
-  let {
-      disabled
-    } = _ref,
-    args = _objectWithoutProperties(_ref, _excluded);
-  return _jsx(_Fragment, {
-    children: listData.map(item => {
-      return _jsx(CheckBox, {
-        disabled: disabled,
-        children: item.label,
-        value: item.value,
-        name: "want-".concat(item.value),
-        checked: args[item.value]
-      }, item.value);
-    })
-  });
-};
-list.args = {
-  disabled: false,
-  avocado: true,
-  blueberries: true,
-  cherries: false,
-  coconut: true,
-  strawberries: false
-};
-const Template = args => _jsx(CheckBox, _objectSpread({}, args));
-const uncheckedProps = {
-  checked: false,
-  disabled: false,
-  name: 'check-name',
-  children: 'check me!',
-  value: '1'
-};
-const emptyProps = {
-  checked: false,
-  disabled: false,
-  name: 'check-name',
-  children: null,
-  value: '1'
-};
-const checkedProps = {
-  checked: true,
-  disabled: false,
-  name: 'check-name',
-  children: 'check me!',
-  value: '1'
-};
-const disabledProps = {
-  checked: false,
-  disabled: true,
-  name: 'check-name',
-  children: 'check me!',
-  value: '1'
-};
-const disabledCheckedProps = {
-  checked: true,
-  disabled: true,
-  name: 'check-name',
-  children: 'check me!',
-  value: '1'
-};
-const multipleLinesProps = {
-  checked: false,
-  disabled: false,
-  name: 'check-name',
-  children: 'There is a very good reason why this thing is a multi-line, sometimes we need to show people a lot of things. And thus this exists.',
-  value: '1'
-};
-const Item = _ref2 => {
-  let {
-    label,
-    rating
-  } = _ref2;
-  return _jsxs("div", {
-    style: {
-      display: 'grid',
-      gridGap: '8px',
-      gridTemplateColumns: '1fr auto'
-    },
-    children: [_jsx(Text, {
-      children: label
-    }), _jsx(StarRating, {
-      rating: rating
-    })]
-  });
-};
-const withComponentProps = {
-  checked: false,
-  disabled: false,
-  name: 'check-name',
-  children: _jsx(Item, {
-    label: "Avocados",
-    rating: "4.3"
-  }),
-  value: '1'
-};
-const withMultiLineComponentProps = {
-  checked: false,
-  disabled: false,
-  name: 'check-name',
-  children: _jsxs("div", {
-    style: {
-      display: 'grid',
-      gridGap: '8px',
-      gridTemplateColumns: '1fr auto auto'
-    },
-    children: [_jsx(Heading, {
-      is: "h5",
-      children: "Your last order"
-    }), _jsx(Badge, {
-      colour: "neutral",
-      label: "SUBSCRIBE"
-    }), _jsx(Badge, {
-      colour: "neutral",
-      label: "AUTO TOP-UP"
-    }), _jsxs("div", {
-      style: {
-        gridColumn: '1/4',
-        display: 'grid',
-        gridGap: '8px',
-        gridTemplateColumns: '1fr auto'
-      },
-      children: [_jsx(Text, {
-        size: "2",
-        children: "Ending in 5678"
-      }), _jsx(Text, {
-        size: "2",
-        children: "Updated 12 Dec 2018"
-      })]
-    })]
-  }),
-  value: '1'
-};
-export const unchecked = Template.bind(uncheckedProps);
-unchecked.args = uncheckedProps;
-export const checked = Template.bind(checkedProps);
-checked.args = checkedProps;
-export const disabled = Template.bind(disabledProps);
-disabled.args = disabledProps;
-export const disabledChecked = Template.bind(disabledCheckedProps);
-disabledChecked.args = disabledCheckedProps;
-export const multipleLines = Template.bind(multipleLinesProps);
-multipleLines.args = multipleLinesProps;
-export const withNoChildren = Template.bind(emptyProps);
-withNoChildren.args = emptyProps;
-export const withComponent = Template.bind(withComponentProps);
-withComponent.args = withComponentProps;
-withComponent.argTypes = {
-  children: {
-    control: {
-      disable: true
-    }
-  }
-};
-export const withMultiLineComponent = Template.bind(withMultiLineComponentProps);
-withMultiLineComponent.args = withMultiLineComponentProps;
-withMultiLineComponent.argTypes = {
-  children: {
-    control: {
-      disable: true
-    }
-  }
-};

package/dist/components/ColourInput/stories.js

@@ -1,173 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIcon, CurrencyUsdIcon, FourByFourIcon, PlusIcon, StarIcon } from '@autoguru/icons';
-import { action } from '@storybook/addon-actions';
-import * as React from 'react';
-import { ColourInput } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/Inputs/Colour',
-  component: ColourInput,
-  parameters: {
-    chromatic: {}
-  }
-};
-const defaultColour = '#ec4040';
-const iconOptions = {
-  CalendarIcon,
-  AccountEditIcon,
-  AlertCircleIcon,
-  CarMultipleIcon,
-  CurrencyUsdIcon,
-  PlusIcon,
-  StarIcon
-};
-const attachOptions = {
-  NONE: 'NONE',
-  TOP: 'TOP',
-  RIGHT: 'RIGHT',
-  LEFT: 'LEFT',
-  BOTTOM: 'BOTTOM',
-  ALL: 'ALL'
-};
-const argTypes = {
-  value: {
-    control: {
-      type: 'color'
-    }
-  },
-  attach: {
-    defaultValue: 'NONE',
-    description: 'Input attach',
-    options: attachOptions,
-    control: {
-      type: 'select'
-    }
-  },
-  suffixIcon: {
-    defaultValue: null,
-    description: 'Input suffix Icon',
-    options: iconOptions,
-    control: {
-      type: 'select'
-    }
-  }
-};
-const Template = args => _jsx(ColourInput, _objectSpread({}, args));
-const sharedProps = {
-  disabled: false,
-  name: 'date',
-  placeholder: 'Your favourite colour',
-  isValid: false,
-  isTouched: false,
-  isLoading: false,
-  isFocused: false,
-  reserveHintSpace: false,
-  hintText: '',
-  notch: true,
-  suffixIcon: void 0,
-  onChange: action('onChange'),
-  onFocus: action('onFocus'),
-  onBlur: action('onBlur')
-};
-const standardProps = sharedProps;
-const withAValueProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  value: defaultColour,
-  placeholder: 'What is your favourite car colour?'
-});
-const withHintTextProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  hintText: 'Hint Text',
-  placeholder: 'What is your favourite car colour?'
-});
-const withIconProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  suffixIcon: FourByFourIcon
-});
-const disabledProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  value: defaultColour,
-  placeholder: 'What is your favourite car colour?',
-  disabled: true
-});
-const validProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  value: defaultColour,
-  placeholder: 'What is your favourite car colour?',
-  isTouched: true,
-  isValid: true
-});
-const invalidProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  value: '#ffd402',
-  placeholder: 'What is your favourite car colour?',
-  isTouched: true,
-  isValid: false,
-  hintText: 'Invalid colour'
-});
-const noNotchProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  placeholder: 'What is your favourite car colour?',
-  notch: false
-});
-const noNotchWithValueProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  value: defaultColour,
-  placeholder: 'What is your favourite car colour?',
-  notch: false
-});
-const loadingProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  isLoading: true
-});
-export const standard = Template.bind(standardProps);
-standard.args = standardProps;
-standard.argTypes = argTypes;
-export const withAValue = Template.bind(withAValueProps);
-withAValue.args = withAValueProps;
-withAValue.argTypes = argTypes;
-export const withHintText = Template.bind(withHintTextProps);
-withHintText.args = withHintTextProps;
-withHintText.argTypes = argTypes;
-export const notchDisabled = Template.bind(noNotchProps);
-notchDisabled.args = noNotchProps;
-notchDisabled.argTypes = argTypes;
-export const notchDisabledWithValue = Template.bind(noNotchWithValueProps);
-notchDisabledWithValue.args = noNotchWithValueProps;
-notchDisabledWithValue.argTypes = argTypes;
-export const withIcon = Template.bind(withIconProps);
-withIcon.args = withIconProps;
-withIcon.argTypes = argTypes;
-export const disabled = Template.bind(disabledProps);
-disabled.args = disabledProps;
-disabled.argTypes = argTypes;
-export const valid = Template.bind(validProps);
-valid.args = validProps;
-valid.argTypes = argTypes;
-export const invalid = Template.bind(invalidProps);
-invalid.args = invalidProps;
-invalid.argTypes = argTypes;
-export const loading = Template.bind(loadingProps);
-loading.args = loadingProps;
-loading.argTypes = argTypes;
-const smallProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  size: 'small'
-});
-export const small = Template.bind(smallProps);
-small.args = smallProps;
-small.argTypes = argTypes;
-const withValueSmallProps = _objectSpread(_objectSpread({}, withAValueProps), {}, {
-  size: 'small'
-});
-export const withValueSmall = Template.bind(withValueSmallProps);
-withValueSmall.args = withValueSmallProps;
-withValueSmall.argTypes = argTypes;
-const withIconSmallProps = _objectSpread(_objectSpread({}, withAValueProps), {}, {
-  suffixIcon: CarIcon,
-  size: 'small'
-});
-export const withIconSmall = Template.bind(withIconSmallProps);
-withIconSmall.args = withIconSmallProps;
-withIconSmall.argTypes = argTypes;
-const loadingSmallProps = _objectSpread(_objectSpread({}, withAValueProps), {}, {
-  isLoading: true,
-  size: 'small'
-});
-export const loadingSmall = Template.bind(loadingSmallProps);
-loadingSmall.args = loadingSmallProps;
-loadingSmall.argTypes = argTypes;