@autoguru/overdrive 4.33.1 → 4.35.0

package/dist/components/DropDown/stories.js

@@ -1,117 +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 { DownloadIcon, SettingsIcon, SquareEditOutlineIcon, TrashCanOutlineIcon } from '@autoguru/icons';
-import { action } from '@storybook/addon-actions';
-import * as React from 'react';
-import { Fragment } from 'react';
-import { Box } from "../Box/index.js";
-import { DropDown, DropDownOption } 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";
-const onClick = action('onClick');
-export default {
-  title: 'Components/DropDown',
-  component: DropDown,
-  decorators: [story => _jsx("div", {
-    style: {
-      display: 'grid',
-      gridGap: '12px',
-      gridAutoFlow: 'row dense'
-    },
-    children: story()
-  })],
-  argTypes: {
-    size: {
-      options: ['small', 'medium'],
-      defaultValue: 'medium',
-      control: {
-        type: 'select'
-      }
-    },
-    variant: {
-      options: ['primary', 'secondary', 'danger', 'information', 'warning', 'danger'],
-      defaultValue: 'primary',
-      control: {
-        type: 'select'
-      }
-    }
-  }
-};
-const Template = args => _jsx(Box, {
-  style: {
-    height: '100vh',
-    width: '100vw',
-    maxHeight: '350px'
-  },
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  children: _jsx(DropDown, _objectSpread({}, args))
-});
-const option1 = _jsx(DropDownOption, {
-  label: "Download",
-  icon: DownloadIcon
-});
-const option2 = _jsx(DropDownOption, {
-  label: "Delete",
-  icon: TrashCanOutlineIcon
-});
-const optionDisabled = _jsx(DropDownOption, {
-  disabled: true,
-  label: "Edit",
-  icon: SquareEditOutlineIcon
-});
-const standardProps = {
-  label: 'Attachment',
-  children: _jsxs(_Fragment, {
-    children: [option1, option1, optionDisabled]
-  }),
-  onClick
-};
-export const primary = Template.bind(standardProps);
-primary.args = standardProps;
-const withOpenMenuProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  isOpen: true
-});
-export const withOpenMenu = Template.bind(withOpenMenuProps);
-withOpenMenu.args = withOpenMenuProps;
-const secondaryProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  variant: 'secondary'
-});
-export const secondary = Template.bind(secondaryProps);
-secondary.args = secondaryProps;
-const minimalPrimaryProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  variant: 'primary',
-  minimal: true
-});
-export const minimalPrimary = Template.bind(minimalPrimaryProps);
-minimalPrimary.args = minimalPrimaryProps;
-const roundedSecondaryProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  variant: 'secondary',
-  rounded: true
-});
-export const roundedSecondary = Template.bind(roundedSecondaryProps);
-roundedSecondary.args = roundedSecondaryProps;
-const withCustomIconProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  variant: 'secondary',
-  icon: SettingsIcon,
-  isOpen: true
-});
-export const withCustomIcon = Template.bind(withCustomIconProps);
-withCustomIcon.args = withCustomIconProps;
-const withManyOptionsProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  isOpen: true,
-  children: _jsx(_Fragment, {
-    children: Array.from({
-      length: 99
-    }).map((_, index) => _jsx(Fragment, {
-      children: index % 2 == 0 ? option1 : option2
-    }, index))
-  })
-});
-export const withManyOptions = Template.bind(withManyOptionsProps);
-withManyOptions.args = withManyOptionsProps;

package/dist/components/EditableText/stories.js

@@ -1,84 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["onChange", "value"];
-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 isChromatic from 'chromatic';
-import * as React from 'react';
-import { useState } from 'react';
-import { EditableText } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/Inputs/EditableText',
-  component: EditableText,
-  argTypes: {
-    colour: {
-      options: ['muted', 'primary', 'secondary'],
-      defaultValue: 'primary',
-      control: {
-        type: 'select'
-      }
-    }
-  }
-};
-const template = _ref => {
-  let {
-      onChange: incomingOnChange,
-      value: incomingValue
-    } = _ref,
-    args = _objectWithoutProperties(_ref, _excluded);
-  const [value, setValue] = useState(incomingValue);
-  return _jsx(EditableText, _objectSpread({
-    onChange: e => {
-      setValue(e.currentTarget.value);
-      typeof incomingOnChange === 'function' && incomingOnChange(e.currentTarget.value);
-    },
-    value: value
-  }, args));
-};
-const textProps = {
-  colour: 'muted',
-  value: 'Hello World',
-  type: 'text'
-};
-const numberProps = {
-  colour: 'muted',
-  value: '20',
-  type: 'number'
-};
-const formatDate = function () {
-  let date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
-  const year = date.getFullYear();
-  const month = (date.getMonth() + 1).toString().padStart(2, '0');
-  const day = date.getDate().toString().padStart(2, '0');
-  return "".concat(year, "-").concat(month, "-").concat(day);
-};
-const todayStr = formatDate(isChromatic() ? new Date(2019, 5, 1) : new Date());
-const dateProps = {
-  colour: 'muted',
-  value: todayStr,
-  type: 'date'
-};
-const narrowCharactersProps = {
-  colour: 'muted',
-  value: 'Price is $111.01',
-  type: 'text'
-};
-const customSizeProps = {
-  colour: 'warning',
-  value: '$999.99',
-  type: 'text',
-  size: '6'
-};
-export const text = template.bind(textProps);
-export const number = template.bind(numberProps);
-export const date = template.bind(dateProps);
-export const narrowCharacters = template.bind(narrowCharactersProps);
-export const customSize = template.bind(customSizeProps);
-text.args = textProps;
-number.args = numberProps;
-date.args = dateProps;
-narrowCharacters.args = narrowCharactersProps;
-customSize.args = customSizeProps;

package/dist/components/FillHeightBox/stories.js

@@ -1,47 +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 * as React from 'react';
-import { Box } from "../Box/index.js";
-import { StickyBox } from "../StickyBox/index.js";
-import { Text } from "../Text/index.js";
-import { FillHeightBox } from "./FillHeightBox.js";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Foundation/Layout/FillHeightBox',
-  component: StickyBox
-};
-const Template = args => _jsx(FillHeightBox, _objectSpread(_objectSpread({
-  rounded: true,
-  includeMobile: true,
-  bottomGap: "5",
-  width: "full",
-  backgroundColour: "white",
-  borderColour: "gray",
-  borderWidth: "1",
-  boxShadow: "1",
-  height: "full",
-  borderRadius: "1"
-}, args), {}, {
-  children: _jsx(Box, {
-    padding: "5",
-    width: "full",
-    style: {
-      minHeight: '300vh'
-    },
-    children: Array.from({
-      length: 100
-    }).map((_, i) => _jsxs(Text, {
-      is: "p",
-      children: ["I am page content ", i + 1]
-    }, i))
-  })
-}));
-const standardProps = {
-  top: 'none'
-};
-export const standard = Template.bind(standardProps);
-standard.args = standardProps;

package/dist/components/Flyout/stories.js

@@ -1,88 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
-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 { useRef } from 'react';
-import { Box } from "../Box/index.js";
-import { Button } from "../Button/index.js";
-import { EAlignment } from "../Positioner/alignment.js";
-import { TextInput } from "../TextInput/index.js";
-import { Flyout } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
-  title: 'Components/Flyout',
-  component: Flyout,
-  argTypes: {
-    alignment: {
-      options: EAlignment,
-      defaultValue: EAlignment.BOTTOM_LEFT,
-      control: {
-        type: 'select'
-      }
-    },
-    triggerOffset: {
-      control: {
-        type: 'range',
-        min: 0,
-        max: 400
-      }
-    }
-  },
-  parameters: {
-    chromatic: {}
-  }
-};
-const sharedProps = {
-  alignment: EAlignment.BOTTOM_LEFT,
-  isOpen: false,
-  triggerOffset: 12
-};
-const Template = _ref => {
-  let args = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  const triggerRef = useRef(null);
-  return _jsxs(Box, {
-    style: {
-      height: '100vh',
-      width: '100vw',
-      maxHeight: '350px'
-    },
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    children: [_jsx(Button, {
-      ref: triggerRef,
-      children: "some trigger"
-    }), _jsx(Flyout, _objectSpread(_objectSpread({}, args), {}, {
-      triggerRef: triggerRef,
-      children: _jsxs("div", {
-        style: {
-          display: 'grid',
-          gridTemplateRows: 'repeat(2, auto)',
-          gridGap: '16px',
-          padding: '16px'
-        },
-        children: [_jsx(TextInput, {
-          name: "example",
-          placeholder: "example"
-        }), _jsx("div", {
-          children: _jsx(Button, {
-            size: "small",
-            variant: "primary",
-            children: "Save"
-          })
-        })]
-      })
-    }))]
-  });
-};
-const openProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  isOpen: true
-});
-export const Open = Template.bind(openProps);
-Open.args = openProps;
-export const Closed = Template.bind(sharedProps);
-Closed.args = sharedProps;

package/dist/components/Heading/stories.js

@@ -1,127 +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 * as React from 'react';
-import { Heading } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const noWrapOptions = [false, true];
-const wordBreakOptions = [false, true];
-const transformOptions = ['uppercase', 'capitalize', undefined];
-const weightOptions = ['normal', 'semiBold', 'bold'];
-const headingTypeOptions = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
-const sizeScale = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
-const alignOptions = ['left', 'center', 'right'];
-const colourOptions = ['dark', 'light', 'neutral', 'primary', 'secondary', 'white', 'information', 'link', 'success', 'danger', 'warning', 'shine'];
-export default {
-  title: 'Foundation/Typography/Heading',
-  argTypes: {
-    noWrap: {
-      options: noWrapOptions,
-      defaultValue: false,
-      control: {
-        type: 'boolean'
-      }
-    },
-    breakWord: {
-      options: wordBreakOptions,
-      defaultValue: false,
-      control: {
-        type: 'boolean'
-      }
-    },
-    transform: {
-      options: transformOptions,
-      defaultValue: null,
-      control: {
-        type: 'select'
-      }
-    },
-    weight: {
-      options: weightOptions,
-      defaultValue: null,
-      control: {
-        type: 'select'
-      }
-    },
-    size: {
-      options: sizeScale,
-      defaultValue: void 0,
-      control: {
-        type: 'select'
-      }
-    },
-    align: {
-      options: alignOptions,
-      defaultValue: 'left',
-      control: {
-        type: 'select'
-      }
-    },
-    colour: {
-      options: colourOptions,
-      defaultValue: void 0,
-      control: {
-        type: 'select'
-      }
-    },
-    is: {
-      options: headingTypeOptions,
-      defaultValue: 'h1',
-      table: {
-        type: {
-          summary: 'heading'
-        },
-        defaultValue: 'h1'
-      },
-      description: 'HTML heading tag to be used',
-      control: {
-        type: 'select'
-      }
-    }
-  }
-};
-const Template = args => _jsx("div", {
-  style: {
-    maxWidth: '350px',
-    width: '100%'
-  },
-  children: _jsx(Heading, _objectSpread({}, args))
-});
-const AllTypesTemplate = args => _jsx("div", {
-  style: {
-    maxWidth: '350px',
-    width: '100%'
-  },
-  children: headingTypeOptions.map(is => _jsx(Heading, _objectSpread(_objectSpread({}, args), {}, {
-    is: is
-  }), is))
-});
-const AllColoursTemplate = args => _jsx("div", {
-  style: {
-    maxWidth: '350px',
-    width: '100%'
-  },
-  children: colourOptions.map((colour, index) => _jsx("div", {
-    style: {
-      marginBottom: 8
-    },
-    children: _jsx(Heading, _objectSpread(_objectSpread({}, args), {}, {
-      colour: colour
-    }), index)
-  }, index))
-});
-const standardProps = {
-  is: 'h1',
-  children: 'I am a heading'
-};
-const allTypesProps = {
-  children: 'I am a heading'
-};
-export const standard = Template.bind(standardProps);
-standard.args = standardProps;
-export const allTypes = AllTypesTemplate.bind(allTypesProps);
-allTypes.args = allTypesProps;
-export const allColours = AllColoursTemplate.bind(allTypesProps);
-allColours.args = allTypesProps;

package/dist/components/HorizontalAutoScroller/stories.js

@@ -1,88 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["childrenNum"];
-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 { Box } from "../Box/index.js";
-import { boxArgTypes, scaleOptions } from "../Box/argTypes.js";
-import { HorizontalAutoScroller } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/HorizontalAutoScroller',
-  component: HorizontalAutoScroller,
-  argTypes: {
-    sliderProgressColour: boxArgTypes.backgroundColour,
-    space: {
-      options: scaleOptions,
-      control: {
-        type: 'select'
-      }
-    },
-    paused: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    noControls: {
-      control: {
-        type: 'boolean'
-      }
-    }
-  }
-};
-const template = _ref => {
-  let {
-      childrenNum
-    } = _ref,
-    args = _objectWithoutProperties(_ref, _excluded);
-  return _jsx(HorizontalAutoScroller, _objectSpread(_objectSpread({}, args), {}, {
-    children: Array.from({
-      length: childrenNum
-    }).map((_, index) => _jsx(Box, {
-      backgroundColour: "gray200",
-      padding: "3",
-      display: "flex",
-      width: "full",
-      height: "full",
-      alignItems: "center",
-      justifyContent: "center",
-      children: _jsx(Box, {
-        style: {
-          width: '100%',
-          height: 20 + Math.ceil(Math.random() * 300)
-        },
-        backgroundColour: "gray900"
-      })
-    }, index))
-  }));
-};
-const standardProps = {
-  paused: false,
-  activePage: 0,
-  childrenNum: 9
-};
-export const standard = template.bind(standardProps);
-standard.args = standardProps;
-const widthStartPageProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  activePage: 3
-});
-export const widthStartPage = template.bind(widthStartPageProps);
-widthStartPage.args = widthStartPageProps;
-const withCustomDurationProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  durationSeconds: 1
-});
-export const withCustomDuration = template.bind(withCustomDurationProps);
-withCustomDuration.args = withCustomDurationProps;
-const withProgressColourProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  sliderProgressColour: 'yellow500'
-});
-export const withProgressColour = template.bind(withProgressColourProps);
-withProgressColour.args = withProgressColourProps;
-const withManySlidesProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  childrenNum: 50
-});
-export const withManySlides = template.bind(withManySlidesProps);
-withManySlides.args = withManySlidesProps;

package/dist/components/Icon/stories.js

@@ -1,62 +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, CheckIcon, CurrencyUsdIcon, MagnifyIcon, PlusIcon, StarIcon } from '@autoguru/icons';
-import * as React from 'react';
-import { Icon } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const iconOptions = {
-  MagnifyIcon,
-  CarIcon,
-  CarMultipleIcon,
-  CalendarIcon,
-  AccountEditIcon,
-  AlertCircleIcon,
-  CurrencyUsdIcon,
-  PlusIcon,
-  StarIcon,
-  CheckIcon,
-  empty: null
-};
-export default {
-  title: 'Foundation/Icon',
-  component: Icon,
-  decorators: [],
-  argTypes: {
-    icon: {
-      options: iconOptions,
-      control: {
-        type: 'select'
-      }
-    },
-    size: {
-      options: ['small', 'medium', 'large'],
-      control: {
-        type: 'select'
-      }
-    }
-  }
-};
-const template = args => _jsx(Icon, _objectSpread({}, args));
-const standardProps = {
-  icon: CalendarIcon
-};
-export const standard = template.bind(standardProps);
-standard.args = standardProps;
-const responsiveProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  size: ['small', 'medium', 'large']
-});
-export const responsive = template.bind(responsiveProps);
-responsive.args = responsiveProps;
-const mediumProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  size: 'medium'
-});
-export const medium = template.bind(mediumProps);
-medium.args = mediumProps;
-const largeProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  size: 'large'
-});
-export const large = template.bind(largeProps);
-large.args = largeProps;