@autoguru/overdrive 4.11.1 → 4.11.3

package/dist/components/AutoSuggest/AutoSuggest.js

@@ -3,15 +3,12 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["autoFocus", "autoWidth", "inlineOptions", "fieldIcon", "suggestions", "value", "onChange", "onEnter", "itemRenderer", "onBlur", "onFocus", "onKeyDown", "onClick"],
-      _excluded2 = ["closeModal"],
-      _excluded3 = ["inlineOptions", "noScroll", "isFocused", "size", "fieldIcon", "isLoading", "autoFocus", "autoWidth", "suggestions", "value", "onChange", "itemRenderer", "onBlur", "onFocus", "onKeyDown", "onClick", "className"],
-      _excluded4 = ["field", "eventHandlers", "validation", "suffixed", "prefixed", "isLoading", "fieldIcon", "isFocused", "className", "size"],
-      _excluded5 = ["onReset"];
-
+  _excluded2 = ["closeModal"],
+  _excluded3 = ["inlineOptions", "noScroll", "isFocused", "size", "fieldIcon", "isLoading", "autoFocus", "autoWidth", "suggestions", "value", "onChange", "itemRenderer", "onBlur", "onFocus", "onKeyDown", "onClick", "className"],
+  _excluded4 = ["field", "eventHandlers", "validation", "suffixed", "prefixed", "isLoading", "fieldIcon", "isFocused", "className", "size"],
+  _excluded5 = ["onReset"];
 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 { ChevronDownIcon, CloseIcon } from '@autoguru/icons';
 import { wrapEvent } from '@autoguru/utilities';
 import clsx from 'clsx';
@@ -33,7 +30,6 @@ import { useLayoutSuggestionVisible } from "./useLayoutSuggestionVisible.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ActionTypes;
-
 (function (ActionTypes) {
   ActionTypes[ActionTypes["INPUT_CHANGE"] = 0] = "INPUT_CHANGE";
   ActionTypes[ActionTypes["INPUT_ESCAPE"] = 1] = "INPUT_ESCAPE";
@@ -46,7 +42,6 @@ var ActionTypes;
   ActionTypes[ActionTypes["SUGGESTION_MOUSE_ENTER"] = 8] = "SUGGESTION_MOUSE_ENTER";
   ActionTypes[ActionTypes["SUGGESTION_MOUSE_CLICK"] = 9] = "SUGGESTION_MOUSE_CLICK";
 })(ActionTypes || (ActionTypes = {}));
-
 const inputReducerFactory = suggestions => (prevState, action) => {
   switch (action.type) {
     default:
@@ -58,7 +53,6 @@ const inputReducerFactory = suggestions => (prevState, action) => {
           previewText: null
         };
       }
-
     case ActionTypes.FLYOUT_CLOSE:
     case ActionTypes.SUGGESTION_MOUSE_CLICK:
     case ActionTypes.INPUT_ESCAPE:
@@ -70,14 +64,12 @@ const inputReducerFactory = suggestions => (prevState, action) => {
           previewText: null
         };
       }
-
     case ActionTypes.INPUT_FOCUS:
       {
         return _objectSpread(_objectSpread({}, prevState), {}, {
           isFlyoutOpen: suggestions.length > -1
         });
       }
-
     case ActionTypes.INPUT_ARROW_DOWN:
       {
         const nextIndex = getNextIndex(1, prevState.highlightIndex, suggestions);
@@ -87,11 +79,9 @@ const inputReducerFactory = suggestions => (prevState, action) => {
           previewText: nextIndex > -1 ? suggestions[nextIndex].text : null
         };
       }
-
     case ActionTypes.INPUT_ARROW_UP:
       {
         const firstIndex = getNextIndex(1, -1, suggestions);
-
         if (prevState.highlightIndex === firstIndex) {
           return {
             isFlyoutOpen: true,
@@ -99,7 +89,6 @@ const inputReducerFactory = suggestions => (prevState, action) => {
             previewText: null
           };
         }
-
         const nextIndex = getNextIndex(-1, prevState.highlightIndex, suggestions);
         return {
           isFlyoutOpen: true,
@@ -107,14 +96,12 @@ const inputReducerFactory = suggestions => (prevState, action) => {
           previewText: nextIndex > -1 ? suggestions[nextIndex].text : null
         };
       }
-
     case ActionTypes.SUGGESTION_MOUSE_ENTER:
       {
         return _objectSpread(_objectSpread({}, prevState), {}, {
           highlightIndex: action.index
         });
       }
-
     case ActionTypes.INPUT_ENTER:
       {
         if (prevState.highlightIndex > -1) {
@@ -124,30 +111,27 @@ const inputReducerFactory = suggestions => (prevState, action) => {
             isFlyoutOpen: false
           };
         }
-
         return prevState;
       }
   }
 };
-
 export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
   let {
-    autoFocus = false,
-    autoWidth = false,
-    inlineOptions = false,
-    fieldIcon,
-    suggestions,
-    value: incomingValue,
-    onChange: incomingOnChange,
-    onEnter,
-    itemRenderer = defaultItemRenderer,
-    onBlur: incomingOnBlur,
-    onFocus: incomingOnFocus,
-    onKeyDown,
-    onClick
-  } = _ref,
-      textInputProps = _objectWithoutProperties(_ref, _excluded);
-
+      autoFocus = false,
+      autoWidth = false,
+      inlineOptions = false,
+      fieldIcon,
+      suggestions,
+      value: incomingValue,
+      onChange: incomingOnChange,
+      onEnter,
+      itemRenderer = defaultItemRenderer,
+      onBlur: incomingOnBlur,
+      onFocus: incomingOnFocus,
+      onKeyDown,
+      onClick
+    } = _ref,
+    textInputProps = _objectWithoutProperties(_ref, _excluded);
   const inputRef = useRef();
   const valueRef = useRef(incomingValue);
   useImperativeHandle(ref, () => inputRef.current);
@@ -158,12 +142,10 @@ export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
     setShowModal(false);
     setIsFocused(false);
   }, [setShowModal]);
-
   if (incomingValue && incomingValue !== valueRef.current) {
     valueRef.current = incomingValue;
     if (incomingValue.payload) closeModal();
   }
-
   const props = _objectSpread({
     suggestions,
     value: valueRef.current,
@@ -172,13 +154,11 @@ export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
         setShowModal(false);
         if (!isDesktop) setIsFocused(false);
       }
-
       if (typeof incomingOnChange === 'function') incomingOnChange(value);
     },
     onKeyUp: event => {
       if (event.key === 'Enter' && typeof onEnter === 'function') {
         var _inputRef$current;
-
         setShowModal(false);
         setIsFocused(false);
         (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
@@ -194,7 +174,6 @@ export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
     }, incomingOnFocus),
     onBlur: wrapEvent(() => setIsFocused(false), incomingOnBlur)
   }, textInputProps);
-
   return !inlineOptions && !isDesktop && showModal ? _jsx(AutoSuggestFullscreenInput, _objectSpread(_objectSpread({}, props), {}, {
     attach: "NONE",
     borderMerged: "NONE",
@@ -215,10 +194,9 @@ export const AutoSuggest = forwardRef(function AutoSuggest(_ref, ref) {
 });
 const AutoSuggestFullscreenInput = forwardRef(function AutoSuggestFullscreenInput(_ref2, ref) {
   let {
-    closeModal
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
+      closeModal
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   const [showPortal, setShowPortal] = useState(false);
   useWindowScrollLock();
   useEffect(() => {
@@ -251,28 +229,26 @@ const AutoSuggestFullscreenInput = forwardRef(function AutoSuggestFullscreenInpu
 });
 const AutoSuggestInput = forwardRef(function AutoSuggestInput(_ref3, ref) {
   var _state$previewText;
-
   let {
-    inlineOptions = false,
-    noScroll = false,
-    isFocused = false,
-    size,
-    fieldIcon,
-    isLoading,
-    autoFocus,
-    autoWidth,
-    suggestions,
-    value,
-    onChange,
-    itemRenderer = defaultItemRenderer,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    onClick,
-    className
-  } = _ref3,
-      textInputProps = _objectWithoutProperties(_ref3, _excluded3);
-
+      inlineOptions = false,
+      noScroll = false,
+      isFocused = false,
+      size,
+      fieldIcon,
+      isLoading,
+      autoFocus,
+      autoWidth,
+      suggestions,
+      value,
+      onChange,
+      itemRenderer = defaultItemRenderer,
+      onBlur,
+      onFocus,
+      onKeyDown,
+      onClick,
+      className
+    } = _ref3,
+    textInputProps = _objectWithoutProperties(_ref3, _excluded3);
   const triggerRef = useRef(null);
   const highlightRef = useRef(null);
   const suggestionListRef = useRef(null);
@@ -333,7 +309,6 @@ const AutoSuggestInput = forwardRef(function AutoSuggestInput(_ref3, ref) {
         }), onFocus),
         onBlur: wrapEvent(() => {
           var _suggestions$state$hi;
-
           if (state.highlightIndex > -1 && state.highlightIndex && state.previewText === ((_suggestions$state$hi = suggestions[state.highlightIndex]) === null || _suggestions$state$hi === void 0 ? void 0 : _suggestions$state$hi.text) && typeof onChange === 'function') onChange(suggestions[state.highlightIndex]);
           dispatch({
             type: ActionTypes.INPUT_BLUR
@@ -350,20 +325,17 @@ const AutoSuggestInput = forwardRef(function AutoSuggestInput(_ref3, ref) {
                 });
                 return;
               }
-
             case 'Enter':
               {
                 if (state.highlightIndex > -1) {
                   event.preventDefault();
                   if (typeof onChange === 'function') onChange(suggestions[state.highlightIndex]);
                 }
-
                 dispatch({
                   type: ActionTypes.INPUT_ENTER
                 });
                 return;
               }
-
             case 'Escape':
               {
                 dispatch({
@@ -406,7 +378,6 @@ const AutoSuggestInput = forwardRef(function AutoSuggestInput(_ref3, ref) {
     })]
   });
 });
-
 const SuggestionsList = _ref4 => {
   let {
     className = '',
@@ -468,35 +439,30 @@ const SuggestionsList = _ref4 => {
     })]
   });
 };
-
 const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
   let {
-    field,
-    eventHandlers,
-    validation,
-    suffixed,
-    prefixed,
-    isLoading,
-    fieldIcon = ChevronDownIcon,
-    isFocused,
-    className,
-    size
-  } = _ref5,
-      rest = _objectWithoutProperties(_ref5, _excluded4);
-
+      field,
+      eventHandlers,
+      validation,
+      suffixed,
+      prefixed,
+      isLoading,
+      fieldIcon = ChevronDownIcon,
+      isFocused,
+      className,
+      size
+    } = _ref5,
+    rest = _objectWithoutProperties(_ref5, _excluded4);
   let focusTimeout;
   const ref = useRef(null);
   const focusHandler = useCallback(() => {
     var _ref$current;
-
     (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
   }, []);
-
   const {
-    onReset
-  } = eventHandlers,
-        inputEventHandlers = _objectWithoutProperties(eventHandlers, _excluded5);
-
+      onReset
+    } = eventHandlers,
+    inputEventHandlers = _objectWithoutProperties(eventHandlers, _excluded5);
   const handleRef = useCallback(node => {
     if (field.ref) setRef(field.ref, node);
     setRef(ref, node);
@@ -505,7 +471,6 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
     if (typeof onReset === 'function') onReset();
     focusTimeout = setTimeout(() => {
       var _ref$current2;
-
       return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
     }, 100);
   }, [onReset, focusTimeout]);
@@ -553,9 +518,7 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
   withPrefixIcon: true,
   withSuffixIcon: false
 });
-
 const getSuggestionId = (id, index) => "".concat(id, "-option-").concat(index);
-
 const SuggestionListFlyout = _ref6 => {
   let {
     id,
@@ -587,7 +550,6 @@ const SuggestionListFlyout = _ref6 => {
     })
   });
 };
-
 const defaultItemRenderer = _ref7 => {
   let {
     value,
@@ -598,7 +560,6 @@ const defaultItemRenderer = _ref7 => {
     text: value.text
   });
 };
-
 const DefaultSuggestion = _ref8 => {
   let {
     text,
@@ -614,30 +575,23 @@ const DefaultSuggestion = _ref8 => {
     })
   });
 };
-
 const getNextIndex = (direction, currentIndex, suggestions) => {
   if (!Array.isArray(suggestions) || suggestions.length === 0) return -1;
   const maxIndex = suggestions.length - 1;
   let itter = -1;
   let returnIdx = -1;
   let shouldSkip;
-
   do {
     var _suggestions$returnId, _suggestions$returnId2;
-
     ++itter;
     const maybeNextIdx = Math.trunc((returnIdx === -1 ? currentIndex : returnIdx) + direction);
-
     if (maybeNextIdx < 0) {
       returnIdx = maybeNextIdx > maxIndex ? 0 : maxIndex;
     } else {
       returnIdx = maybeNextIdx > maxIndex ? 0 : maybeNextIdx;
     }
-
     shouldSkip = (_suggestions$returnId = (_suggestions$returnId2 = suggestions[returnIdx]) === null || _suggestions$returnId2 === void 0 ? void 0 : _suggestions$returnId2.skip) !== null && _suggestions$returnId !== void 0 ? _suggestions$returnId : false;
   } while (shouldSkip && itter <= maxIndex);
-
   return itter > maxIndex ? -1 : returnIdx;
 };
-
 export default AutoSuggest;

package/dist/components/AutoSuggest/index.d.ts

@@ -0,0 +1,3 @@
+export { AutoSuggest } from './AutoSuggest';
+export type { AutoSuggestValue, AutoSuggestItemRenderer } from './AutoSuggest';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AutoSuggest/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/AutoSuggest/stories.js

@@ -1,11 +1,8 @@
 "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 { action } from '@storybook/addon-actions';
 import * as React from 'react';
@@ -102,7 +99,6 @@ export default {
     }
   }
 };
-
 const Template = args => _jsxs(Stack, {
   space: "5",
   children: [_jsx(Box, {
@@ -128,7 +124,6 @@ const Template = args => _jsxs(Stack, {
     children: "Nunc ac congue lacus, ac vulputate lectus. Suspendisse vel malesuada tellus. In nec fringilla elit. Cras vitae metus et leo convallis consectetur. Cras quis congue sapien, vitae aliquet ante. Integer sed lorem pretium, vestibulum arcu eu, imperdiet mauris. Nam blandit pharetra feugiat. Maecenas eget ante metus. Vivamus pretium ipsum justo, a faucibus ex dictum non. Vestibulum et dui diam."
   })]
 });
-
 const standardProps = {
   value: null,
   suggestions: mockSuggestions,
@@ -151,93 +146,70 @@ const standardProps = {
 };
 export const standard = Template.bind(standardProps);
 standard.args = standardProps;
-
 const withValueProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   value: mockSuggestions[3]
 });
-
 export const withValue = Template.bind(withValueProps);
 withValue.args = withValueProps;
-
 const withoutNotchProps = _objectSpread(_objectSpread({}, withValueProps), {}, {
   notch: false
 });
-
 export const withoutNotch = Template.bind(withoutNotchProps);
 withoutNotch.args = withoutNotchProps;
-
 const withNoItemsProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   suggestions: []
 });
-
 export const withNoItems = Template.bind(withNoItemsProps);
 withNoItems.args = withNoItemsProps;
-
 const withIconProps = _objectSpread(_objectSpread({}, withValueProps), {}, {
   prefixIcon: CarIcon
 });
-
 export const withIcon = Template.bind(withIconProps);
 withIcon.args = withIconProps;
-
 const disabledProps = _objectSpread(_objectSpread({}, withIconProps), {}, {
   disabled: true
 });
-
 export const disabled = Template.bind(disabledProps);
 disabled.args = disabledProps;
-
 const withHintTextProps = _objectSpread(_objectSpread({}, withIconProps), {}, {
   hintText: 'Choose a sports car make'
 });
-
 export const withHintText = Template.bind(withHintTextProps);
 withHintText.args = withHintTextProps;
-
 const validProps = _objectSpread(_objectSpread({}, withHintTextProps), {}, {
   value: mockSuggestions[8],
   isTouched: true,
   isValid: true
 });
-
 export const valid = Template.bind(validProps);
 valid.args = validProps;
-
 const invalidProps = _objectSpread(_objectSpread({}, withHintTextProps), {}, {
   value: mockSuggestions[3],
   isTouched: true,
   isValid: false
 });
-
 export const invalid = Template.bind(invalidProps);
 invalid.args = invalidProps;
-
 const withIconSmallProps = _objectSpread(_objectSpread({}, withValueProps), {}, {
   prefixIcon: CarIcon,
   size: 'small'
 });
-
 const smallProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   size: 'small'
 });
-
 export const small = Template.bind(smallProps);
 small.args = smallProps;
-
 const withValueSmallProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   value: mockSuggestions[3],
   size: 'small'
 });
-
 export const withValueSmall = Template.bind(withValueSmallProps);
 withValueSmall.args = withValueSmallProps;
 export const withIconSmall = Template.bind(withIconSmallProps);
 withIconSmall.args = withIconSmallProps;
-
 const loadingSmallProps = _objectSpread(_objectSpread({}, withValueSmallProps), {}, {
   isLoading: true,
   size: 'small'
 });
-
 export const loadingSmall = Template.bind(loadingSmallProps);
 loadingSmall.args = loadingSmallProps;

package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+export declare const useLayoutSuggestionVisible: (highlightIndex: number, highlightRef: RefObject<HTMLElement>, suggestionListRef: RefObject<HTMLElement>) => void;
+//# sourceMappingURL=useLayoutSuggestionVisible.d.ts.map

package/dist/components/AutoSuggest/useLayoutSuggestionVisible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutSuggestionVisible.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/useLayoutSuggestionVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,0BAA0B,mBACtB,MAAM,gBACR,UAAU,WAAW,CAAC,qBACjB,UAAU,WAAW,CAAC,SAyCzC,CAAC"}

package/dist/components/AutoSuggest/useLayoutSuggestionVisible.js

@@ -15,13 +15,11 @@ export const useLayoutSuggestionVisible = (highlightIndex, highlightRef, suggest
         const {
           offsetHeight
         } = suggestionListItem;
-
         if (itemOffsetRelativeToContainer < scrollTop) {
           scrollTop = itemOffsetRelativeToContainer;
         } else if (itemOffsetRelativeToContainer + highlightItem.offsetHeight > scrollTop + offsetHeight) {
           scrollTop = itemOffsetRelativeToContainer + highlightItem.offsetHeight - offsetHeight;
         }
-
         if (scrollTop !== scrollTop) {
           suggestionListItem.scrollTop = scrollTop;
         }

package/dist/components/Badge/Badge.css.d.ts

@@ -0,0 +1,13 @@
+export declare const label: string;
+export declare const labelSize: Record<"large" | "standard", string>;
+export declare const colours: {
+    default: Record<"neutral" | "green" | "blue" | "yellow" | "red", string>;
+    inverted: {
+        neutral: Record<"background" | "text", string>;
+        green: Record<"background" | "text", string>;
+        blue: Record<"background" | "text", string>;
+        yellow: Record<"background" | "text", string>;
+        red: Record<"background" | "text", string>;
+    };
+};
+//# sourceMappingURL=Badge.css.d.ts.map

package/dist/components/Badge/Badge.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,sCASpB,CAAC;AAGH,eAAO,MAAM,OAAO;;;;;;;;;CA8DnB,CAAC"}

package/dist/components/Badge/Badge.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Badge/Badge.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const label = style({
@@ -82,5 +80,4 @@ export const colours = {
     }, "colours_inverted_red")
   }
 };
-
 __vanilla_filescope__.endFileScope();

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent } from 'react';
+import * as styles from './Badge.css';
+export interface Props {
+    label: string;
+    colour?: keyof typeof styles.colours.default;
+    className?: string;
+    look?: 'standard' | 'inverted';
+    size?: keyof typeof styles.labelSize;
+}
+export declare const Badge: FunctionComponent<Props>;
+export default Badge;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAoD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Badge/stories.js

@@ -1,11 +1,8 @@
 "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 { Badge } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -30,15 +27,12 @@ export default {
     })
   })]
 };
-
 const template = args => _jsx(Badge, _objectSpread({}, args));
-
 const templateAllColours = args => _jsx(_Fragment, {
   children: colours.map(colour => _jsx(Badge, _objectSpread(_objectSpread({}, args), {}, {
     colour: colour
   }), colour))
 });
-
 const standardProps = {
   label: 'TITANIUM'
 };
@@ -46,26 +40,20 @@ export const standard = template.bind(standardProps);
 standard.args = standardProps;
 export const standardAllColours = templateAllColours.bind(standardProps);
 standardAllColours.args = standardProps;
-
 const standardLargeProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   size: 'large'
 });
-
 export const standardLargeAllColours = templateAllColours.bind(standardLargeProps);
 standardLargeAllColours.args = standardLargeProps;
-
 const invertedProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   look: 'inverted'
 });
-
 export const inverted = template.bind(invertedProps);
 inverted.args = invertedProps;
 export const invertedAllColours = templateAllColours.bind(invertedProps);
 invertedAllColours.args = invertedProps;
-
 const invertedLargeProps = _objectSpread(_objectSpread({}, standardLargeProps), {}, {
   look: 'inverted'
 });
-
 export const invertedLargeAllColours = templateAllColours.bind(invertedLargeProps);
 invertedLargeAllColours.args = invertedLargeProps;

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,10 @@
+import type { AllHTMLAttributes } from 'react';
+import * as React from 'react';
+import { ReactNode } from 'react';
+import type { BoxStyleProps } from './useBoxStyles';
+export interface Props extends BoxStyleProps, Omit<AllHTMLAttributes<HTMLElement>, 'width' | 'height' | 'className' | 'is'> {
+    children?: ReactNode;
+}
+export declare const Box: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export default Box;
+//# sourceMappingURL=Box.d.ts.map

package/dist/components/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,WAAW,KAChB,SAAQ,aAAa,EACpB,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CACvC;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAKD,eAAO,MAAM,GAAG,2EAiIf,CAAC;AAIF,eAAe,GAAG,CAAC"}