@autoguru/overdrive 4.33.1 → 4.35.0

package/dist/components/NumberInput/stories.js

@@ -1,218 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["value", "onChange"];
-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, PlusIcon, StarIcon } from '@autoguru/icons';
-import { action } from '@storybook/addon-actions';
-import isChromatic from 'chromatic/isChromatic';
-import * as React from 'react';
-import { NumberInput } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const meta = {
-  title: 'Components/Inputs/Number',
-  component: NumberInput,
-  parameters: {
-    chromatic: {}
-  }
-};
-export default meta;
-const defaultValue = isChromatic() ? '42' : Math.round(Math.random() * 100).toString();
-const defaultPlaceholder = 'How many?';
-const iconOptions = {
-  CalendarIcon,
-  AccountEditIcon,
-  AlertCircleIcon,
-  CarMultipleIcon,
-  CurrencyUsdIcon,
-  PlusIcon,
-  StarIcon,
-  CheckIcon
-};
-const attachOptions = {
-  NONE: 'NONE',
-  TOP: 'TOP',
-  RIGHT: 'RIGHT',
-  LEFT: 'LEFT',
-  BOTTOM: 'BOTTOM',
-  ALL: 'ALL'
-};
-const argTypes = {
-  prefixIcon: {
-    defaultValue: null,
-    description: 'Input prefix Icon',
-    options: iconOptions,
-    control: {
-      type: 'select'
-    }
-  },
-  attach: {
-    defaultValue: 'NONE',
-    description: 'Input attach',
-    options: attachOptions,
-    control: {
-      type: 'select'
-    }
-  },
-  suffixIcon: {
-    defaultValue: null,
-    description: 'Input suffix Icon',
-    options: iconOptions,
-    control: {
-      type: 'select'
-    }
-  },
-  maxLength: {
-    defaultValue: null,
-    description: 'Set the max length of the number',
-    control: {
-      type: 'number'
-    }
-  }
-};
-const Template = _ref => {
-  let {
-      value: initialValue,
-      onChange: incomingOnChange
-    } = _ref,
-    args = _objectWithoutProperties(_ref, _excluded);
-  const [value, setValue] = React.useState(initialValue);
-  return _jsx(NumberInput, _objectSpread(_objectSpread({}, args), {}, {
-    value: value,
-    onChange: e => {
-      setValue(e.currentTarget.value);
-      incomingOnChange(e);
-    }
-  }));
-};
-const sharedProps = {
-  disabled: false,
-  name: 'number',
-  value: '',
-  placeholder: defaultPlaceholder,
-  isValid: false,
-  isTouched: false,
-  isLoading: false,
-  isFocused: false,
-  reserveHintSpace: false,
-  hintText: '',
-  notch: true,
-  preventMouseWheel: true,
-  prefixIcon: null,
-  onChange: action('onChange'),
-  onFocus: action('onFocus'),
-  onBlur: action('onBlur')
-};
-const standardProps = sharedProps;
-const withAValueProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  value: defaultValue,
-  placeholder: defaultPlaceholder
-});
-const withHintTextProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  hintText: 'Hint Text',
-  placeholder: defaultPlaceholder
-});
-const withPrefixIconProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  prefixIcon: CalendarIcon
-});
-const withSuffixIconProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  suffixIcon: AccountEditIcon
-});
-const withBothIconsProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  prefixIcon: CalendarIcon,
-  suffixIcon: AccountEditIcon
-});
-const disabledProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  value: defaultValue,
-  placeholder: defaultPlaceholder,
-  disabled: true
-});
-const validProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  value: defaultValue,
-  placeholder: defaultPlaceholder,
-  isTouched: true,
-  isValid: true
-});
-const invalidProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  value: '99',
-  placeholder: defaultPlaceholder,
-  isTouched: true,
-  isValid: false,
-  hintText: 'Required litres of oil is not valid'
-});
-const noNotchProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  placeholder: defaultPlaceholder,
-  notch: false
-});
-const noNotchWithValueProps = _objectSpread(_objectSpread({}, sharedProps), {}, {
-  value: defaultValue,
-  placeholder: defaultPlaceholder,
-  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 withPrefixIcon = Template.bind(withPrefixIconProps);
-withPrefixIcon.args = withPrefixIconProps;
-withPrefixIcon.argTypes = argTypes;
-export const withSuffixIcon = Template.bind(withSuffixIconProps);
-withSuffixIcon.args = withSuffixIconProps;
-withSuffixIcon.argTypes = argTypes;
-export const withBothIcons = Template.bind(withBothIconsProps);
-withBothIcons.args = withBothIconsProps;
-withBothIcons.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), {}, {
-  prefixIcon: 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;

package/dist/components/OrderedList/stories.js

@@ -1,58 +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 { Text } from "../Text/index.js";
-import { OrderedList } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
-  title: 'Foundation/List/OrderedList',
-  component: OrderedList
-};
-const Template = args => _jsxs(OrderedList, _objectSpread(_objectSpread({}, args), {}, {
-  children: [_jsx(OrderedList.Item, {
-    children: _jsx(Text, {
-      children: "Strawberry"
-    })
-  }), _jsxs(OrderedList.Item, {
-    children: [_jsx(Text, {
-      children: "Watermelon"
-    }), _jsxs(OrderedList, {
-      children: [_jsx(OrderedList.Item, {
-        children: _jsx(Text, {
-          children: "Mango"
-        })
-      }), _jsx(OrderedList.Item, {
-        children: _jsx(Text, {
-          children: "Banana"
-        })
-      }), _jsxs(OrderedList.Item, {
-        children: [_jsx(Text, {
-          children: "Apple"
-        }), _jsxs(OrderedList, {
-          children: [_jsx(OrderedList.Item, {
-            children: _jsx(Text, {
-              children: "Grape"
-            })
-          }), _jsx(OrderedList.Item, {
-            children: _jsx(Text, {
-              children: "Orange"
-            })
-          })]
-        })]
-      }), _jsx(OrderedList.Item, {
-        children: _jsx(Text, {
-          children: "Pineapple"
-        })
-      })]
-    })]
-  }), _jsx(OrderedList.Item, {
-    children: _jsx(Text, {
-      children: "Pear"
-    })
-  })]
-}));
-export const standard = Template.bind({});

package/dist/components/OutsideClick/stories.js

@@ -1,39 +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 { action } from '@storybook/addon-actions';
-import * as React from 'react';
-import { Button } from "../Button/index.js";
-import { OutsideClick } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Utility/OutsideClick',
-  component: OutsideClick,
-  parameters: {
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    children: {
-      control: {
-        disable: true
-      }
-    }
-  }
-};
-const Template = args => _jsx(OutsideClick, _objectSpread(_objectSpread({}, args), {}, {
-  children: _jsx(Button, {
-    children: "Click anywhere but here"
-  })
-}));
-const standardProps = {
-  onOutsideClick() {
-    action('onOutsideClick');
-    alert('clicking outside');
-  }
-};
-export const standard = Template.bind(standardProps);
-standard.args = standardProps;

package/dist/components/Pagination/stories.js

@@ -1,112 +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 { action } from '@storybook/addon-actions';
-import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { Pagination } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
-  title: 'Components/Pagination/Numbered',
-  component: Pagination
-};
-const Template = args => _jsx(Box, {
-  style: {
-    height: '100vh',
-    width: '100vw',
-    maxHeight: '350px'
-  },
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  children: _jsx(Pagination, _objectSpread({}, args))
-});
-const standardProps = {
-  activePage: 5,
-  total: 100,
-  pageSize: 10,
-  numPagesDisplayed: 5,
-  loading: false,
-  onChange: action('onChange')
-};
-export const standard = Template.bind(standardProps);
-standard.args = standardProps;
-const loadingProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  loading: true
-});
-export const loading = Template.bind(loadingProps);
-loading.args = loadingProps;
-const lessThanMaxPagesProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  activePage: 1,
-  total: 20,
-  pageSize: 10,
-  numPagesDisplayed: 5
-});
-export const lessThanMaxPages = Template.bind(lessThanMaxPagesProps);
-lessThanMaxPages.args = lessThanMaxPagesProps;
-const allPagesFitProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  activePage: 1,
-  total: 45,
-  pageSize: 10,
-  numPagesDisplayed: 5
-});
-export const allPagesFit = Template.bind(allPagesFitProps);
-allPagesFit.args = allPagesFitProps;
-const jumpForwardStartProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  activePage: 1,
-  total: 638,
-  pageSize: 10,
-  numPagesDisplayed: 5
-});
-export const jumpForwardStart = Template.bind(jumpForwardStartProps);
-jumpForwardStart.args = jumpForwardStartProps;
-const jumpForwardMiddleProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  activePage: 4,
-  total: 638,
-  pageSize: 10,
-  numPagesDisplayed: 5
-});
-export const jumpForwardMiddle = Template.bind(jumpForwardMiddleProps);
-jumpForwardMiddle.args = jumpForwardMiddleProps;
-const lastChunkStartProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  activePage: 60,
-  total: 638,
-  pageSize: 10,
-  numPagesDisplayed: 5
-});
-export const lastChunkStart = Template.bind(lastChunkStartProps);
-lastChunkStart.args = lastChunkStartProps;
-const lastChunkMiddleProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  activePage: 61,
-  total: 638,
-  pageSize: 10,
-  numPagesDisplayed: 5
-});
-export const lastChunkMiddle = Template.bind(lastChunkMiddleProps);
-lastChunkMiddle.args = lastChunkMiddleProps;
-const jumpBackStartProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  activePage: 62,
-  total: 638,
-  pageSize: 10,
-  numPagesDisplayed: 5
-});
-export const jumpBackStart = Template.bind(jumpBackStartProps);
-jumpBackStart.args = lastChunkMiddleProps;
-const jumpBackMiddleProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  activePage: 63,
-  total: 638,
-  pageSize: 10,
-  numPagesDisplayed: 5
-});
-export const jumpBackMiddle = Template.bind(jumpBackMiddleProps);
-jumpBackMiddle.args = jumpBackMiddleProps;
-const jumpBackEndProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  activePage: 64,
-  total: 638,
-  pageSize: 10,
-  numPagesDisplayed: 5
-});
-export const jumpBackEnd = Template.bind(jumpBackEndProps);
-jumpBackEnd.args = jumpBackEndProps;

package/dist/components/Portal/stories.js

@@ -1,72 +0,0 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _document;
-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 "../Heading/index.js";
-import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { Portal } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
-  title: 'Utility/Portal',
-  component: Portal,
-  parameters: {
-    chromatic: {
-      disable: true
-    }
-  },
-  argTypes: {
-    children: {
-      control: {
-        disable: true
-      }
-    },
-    container: {
-      control: {
-        disable: true
-      }
-    }
-  }
-};
-const StandardTemplate = function () {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  return _jsx(Portal, _objectSpread(_objectSpread({}, args), {}, {
-    children: _jsx(Text, {
-      colour: "primary",
-      children: "Im in a portal at the root."
-    })
-  }));
-};
-const NestedTemplate = function () {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-  return _jsx(Portal, _objectSpread(_objectSpread({}, args), {}, {
-    children: _jsxs(Stack, {
-      space: "5",
-      children: [_jsx(Heading, {
-        is: "h3",
-        colour: "information",
-        children: "test child 1"
-      }), _jsx(Portal, _objectSpread(_objectSpread({}, args), {}, {
-        children: _jsx(Text, {
-          colour: "primary",
-          children: "test child 2"
-        })
-      }))]
-    })
-  }));
-};
-const standardProps = {
-  container: (_document = document) === null || _document === void 0 ? void 0 : _document.getElementsByTagName('body')[0]
-};
-export const standard = StandardTemplate.bind(standardProps);
-standard.args = standardProps;
-export const nested = NestedTemplate.bind(standardProps);
-nested.args = standardProps;

package/dist/components/Positioner/stories.js

@@ -1,124 +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 isChromatic from 'chromatic/isChromatic';
-import * as React from 'react';
-import { useRef } from 'react';
-import { Box } from "../Box/index.js";
-import { Button } from "../Button/index.js";
-import { Text } from "../Text/index.js";
-import { EAlignment } from "./alignment.js";
-import { Positioner } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
-  title: 'Utility/Positioner',
-  component: Positioner,
-  parameters: {
-    chromatic: {}
-  },
-  argTypes: {
-    alignment: {
-      options: EAlignment,
-      defaultValue: EAlignment.BOTTOM_LEFT,
-      control: {
-        type: 'select'
-      }
-    },
-    triggerOffset: {
-      control: {
-        type: 'range',
-        min: 0,
-        max: 400
-      }
-    }
-  }
-};
-const Template = args => {
-  const triggerRef = useRef(null);
-  return _jsxs("div", {
-    children: [_jsx(Button, {
-      ref: triggerRef,
-      size: "small",
-      children: "Open me"
-    }), _jsx(Positioner, _objectSpread(_objectSpread({}, args), {}, {
-      triggerRef: triggerRef,
-      children: _jsx(Box, {
-        boxShadow: 1,
-        backgroundColour: "white",
-        borderRadius: "1",
-        borderWidth: "1",
-        borderColour: "gray",
-        padding: "2",
-        children: _jsxs(Text, {
-          is: "p",
-          children: ["Hello im from the consumer:", ' ', isChromatic() ? '999' : Math.ceil(Math.random() * 100)]
-        })
-      })
-    }))]
-  });
-};
-const WithScrollTemplate = args => {
-  const triggerRef = useRef(null);
-  return _jsx("div", {
-    style: {
-      height: '100%',
-      width: '100%'
-    },
-    children: _jsxs("div", {
-      style: {
-        height: 'calc(100vh*5)',
-        width: 'calc(100vw*5)'
-      },
-      children: [_jsx("div", {
-        style: {
-          paddingTop: 'calc((100vh*5) / 2)',
-          paddingLeft: 'calc((100vw*5) / 2)'
-        },
-        children: _jsx(Button, {
-          ref: triggerRef,
-          size: "small",
-          children: "I'm the trigger"
-        })
-      }), _jsx(Positioner, _objectSpread(_objectSpread({}, args), {}, {
-        triggerRef: triggerRef,
-        children: _jsx(Box, {
-          boxShadow: 1,
-          backgroundColour: "white",
-          borderRadius: "1",
-          borderWidth: "1",
-          borderColour: "gray",
-          padding: "2",
-          children: _jsxs(Text, {
-            is: "p",
-            children: ["Hello im from the consumer:", ' ', Math.ceil(Math.random() * 100)]
-          })
-        })
-      }))]
-    })
-  });
-};
-const standardProps = {
-  alignment: EAlignment.BOTTOM_LEFT,
-  isOpen: false,
-  triggerOffset: 12
-};
-export const closed = Template.bind(standardProps);
-closed.args = standardProps;
-const openProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  isOpen: true
-});
-export const open = Template.bind(openProps);
-open.args = openProps;
-const illustrateAScrollProps = _objectSpread(_objectSpread({}, standardProps), {}, {
-  isOpen: true
-});
-export const illustrateAScroll = WithScrollTemplate.bind(illustrateAScrollProps);
-illustrateAScroll.args = openProps;
-illustrateAScroll.parameters = {
-  chromatic: {
-    disableSnapshot: true
-  }
-};

package/dist/components/ProgressBar/stories.js

@@ -1,44 +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 { Stack } from "../Stack/index.js";
-import { ProgressBar } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
-  title: 'Components/Progress/ProgressBar',
-  component: ProgressBar
-};
-const Template = args => _jsx(ProgressBar, _objectSpread({}, args));
-const AllColoursTemplate = args => _jsxs(Stack, {
-  space: "2",
-  children: [_jsx(ProgressBar, _objectSpread({
-    value: 0.5,
-    colour: "green"
-  }, args)), _jsx(ProgressBar, _objectSpread({
-    value: 0.4,
-    colour: "blue"
-  }, args)), _jsx(ProgressBar, _objectSpread({
-    value: 0.1,
-    colour: "neutral"
-  }, args)), _jsx(ProgressBar, _objectSpread({
-    value: 15,
-    colour: "red"
-  }, args)), _jsx(ProgressBar, _objectSpread({
-    value: 0.156,
-    colour: "yellow"
-  }, args))]
-});
-const standardProps = {};
-export const standard = Template.bind(standardProps);
-standard.args = standardProps;
-const withValueProps = {
-  value: 0.3
-};
-export const withValue = Template.bind(withValueProps);
-withValue.args = withValueProps;
-export const allColours = AllColoursTemplate.bind(standardProps);
-allColours.args = standardProps;