@autoguru/overdrive 4.3.5 → 4.4.1

package/dist/components/Alert/Alert.d.ts

@@ -3,7 +3,7 @@ import { Button } from '../Button';
 import * as styles from './Alert.css';
 declare type Intent = keyof Omit<typeof styles.intent, 'neutral' | 'shine' | 'primary' | 'secondary'>;
 export interface Props {
-    children: ReactNode;
+    children?: ReactNode;
     className?: string;
     intent?: Intent;
     inline?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAKnC,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,aAAK,MAAM,GAAG,MAAM,IAAI,CACvB,OAAO,MAAM,CAAC,MAAM,EACpB,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D;AASD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmE1C,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAKnC,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,aAAK,MAAM,GAAG,MAAM,IAAI,CACvB,OAAO,MAAM,CAAC,MAAM,EACpB,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAC7C,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC1D;AASD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmE1C,CAAC"}

package/dist/components/Anchor/Anchor.d.ts

@@ -8,7 +8,7 @@ export interface Props {
     className?: string;
     is?: ElementType | ReactElement;
     disabled?: boolean;
-    children: ReactNode;
+    children?: ReactNode;
     icon?: IconType;
 }
 export declare const Anchor: FunctionComponent<Props>;

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

@@ -1 +1 @@
-{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAGN,WAAW,EACX,iBAAiB,EAEjB,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,KAAK;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IAEpB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAgD3C,CAAC"}
+{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../lib/components/Anchor/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAGN,WAAW,EACX,iBAAiB,EAEjB,YAAY,EACZ,SAAS,EACT,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,KAAK;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAgD3C,CAAC"}

package/dist/components/AutoSuggest/AutoSuggest.js

@@ -165,7 +165,7 @@ const AutoSuggestFullscreenInput = forwardRef(function AutoSuggestFullscreenInpu
             React.createElement(Button, { minimal: true, rounded: true, className: styles.fullScreenCloseBtn, size: "medium", onClick: closeModal },
                 React.createElement(Icon, { icon: CloseIcon }))))) : null;
 });
-const AutoSuggestInput = forwardRef(function AutoSuggestInput({ inlineOptions = false, noScroll = false, isFocused = false, fieldIcon, isLoading, autoFocus, autoWidth, suggestions, value, onChange, itemRenderer = defaultItemRenderer, onBlur, onFocus, onKeyDown, onClick, className, ...textInputProps }, ref) {
+const AutoSuggestInput = forwardRef(function AutoSuggestInput({ inlineOptions = false, noScroll = false, isFocused = false, size, fieldIcon, isLoading, autoFocus, autoWidth, suggestions, value, onChange, itemRenderer = defaultItemRenderer, onBlur, onFocus, onKeyDown, onClick, className, ...textInputProps }, ref) {
     const triggerRef = useRef(null);
     const highlightRef = useRef(null);
     const suggestionListRef = useRef(null);
@@ -180,7 +180,7 @@ const AutoSuggestInput = forwardRef(function AutoSuggestInput({ inlineOptions =
     useLayoutSuggestionVisible(state.highlightIndex, highlightRef, suggestionListRef);
     return (React.createElement(Box, { role: "combobox", "aria-label": textInputProps.placeholder, "aria-expanded": shouldOpenFlyout, "aria-owns": suggestionListId, "aria-haspopup": "listbox", width: "full" },
         React.createElement(Box, { backgroundColour: "white", borderRadius: "1", className: styles.input },
-            React.createElement(AutoSuggestInputPrimitive, { className: className, isFocused: isFocused, isLoading: isLoading, autoFocus: autoFocus, fieldIcon: fieldIcon, wrapperRef: triggerRef, ...textInputProps, ref: ref, "aria-autocomplete": "list", "aria-controls": suggestionListId, "aria-activedescendant": state.highlightIndex > -1
+            React.createElement(AutoSuggestInputPrimitive, { className: className, size: size, isFocused: isFocused, isLoading: isLoading, autoFocus: autoFocus, fieldIcon: fieldIcon, wrapperRef: triggerRef, ...textInputProps, ref: ref, "aria-autocomplete": "list", "aria-controls": suggestionListId, "aria-activedescendant": state.highlightIndex > -1
                     ? getSuggestionId(suggestionListId, state.highlightIndex)
                     : undefined, value: state.previewText ?? value?.text, onReset: () => {
                     dispatch({ type: ActionTypes.INPUT_CHANGE });
@@ -264,7 +264,7 @@ const SuggestionsList = ({ className = '', suggestionListId, placeholder, highli
             })));
     }),
     React.createElement("div", { className: styles.spacer })));
-const AutoSuggestInputPrimitive = withEnhancedInput(({ field, eventHandlers, validation, suffixed, prefixed, isLoading, fieldIcon = ChevronDownIcon, isFocused, className, ...rest }) => {
+const AutoSuggestInputPrimitive = withEnhancedInput(({ field, eventHandlers, validation, suffixed, prefixed, isLoading, fieldIcon = ChevronDownIcon, isFocused, className, size, ...rest }) => {
     let focusTimeout;
     const ref = useRef(null);
     const focusHandler = useCallback(() => {
@@ -282,7 +282,7 @@ const AutoSuggestInputPrimitive = withEnhancedInput(({ field, eventHandlers, val
         focusTimeout = setTimeout(() => ref.current?.focus(), 100);
     }, [onReset, focusTimeout]);
     const suffix = useMemo(() => isLoading ? null : field.value && isFocused ? (React.createElement(Box, { is: "button", paddingY: "3", paddingRight: "4", flexShrink: 0, onMouseDown: onRequestReset },
-        React.createElement(Icon, { size: "medium", icon: CloseIcon }))) : fieldIcon ? (React.createElement(Box, { flexShrink: 0, paddingY: "3", paddingRight: "4", onClick: focusHandler },
+        React.createElement(Icon, { size: "medium", icon: CloseIcon }))) : fieldIcon ? (React.createElement(Box, { flexShrink: 0, paddingY: size === 'medium' ? '3' : '2', paddingRight: size === 'medium' ? '3' : '2', onClick: focusHandler },
         React.createElement(Icon, { size: "medium", icon: fieldIcon }))) : null, [field.value, isLoading, fieldIcon, isFocused, onRequestReset]);
     useEffect(() => () => (focusTimeout ? clearTimeout(focusTimeout) : void 0), []);
     return (React.createElement(Box, { display: "flex", flexWrap: "nowrap", alignItems: "center", justifyContent: "center", className: className },

package/dist/components/AutoSuggest/stories.js

@@ -166,4 +166,34 @@ const invalidProps = _objectSpread(_objectSpread({}, withHintTextProps), {}, {
 });
 
 export const invalid = Template.bind(invalidProps);
-invalid.args = 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/Badge/Badge.d.ts.map

@@ -1 +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,CAmD1C,CAAC"}
+{"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,CAkD1C,CAAC"}

package/dist/components/Badge/Badge.js

@@ -12,9 +12,8 @@ export const Badge = ({ label, colour = 'neutral', look = 'standard', size = 'st
     });
     const inverted = look === 'inverted';
     invariant(['string', 'number'].includes(typeof label), "Badge `label` can only contain string's or number's");
-    return (React.createElement(Box, { display: "flex" },
+    return (React.createElement(Box, { className: className, display: "flex" },
         React.createElement(Box, { className: [
-                className,
                 styles.labelSize[size],
                 inverted
                     ? styles.colours.inverted[colour].background

package/dist/components/BulletList/Bullet.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 export interface Props {
-    children: ReactNode;
+    children?: ReactNode;
     className?: string;
 }
 export declare const Bullet: FunctionComponent<Props>;

package/dist/components/BulletList/Bullet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Bullet.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/Bullet.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,iBAAiB,EAEjB,SAAS,EAET,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAe3C,CAAC"}
+{"version":3,"file":"Bullet.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/Bullet.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,iBAAiB,EAEjB,SAAS,EAET,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAe3C,CAAC"}

package/dist/components/BulletList/BulletList.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent, ReactNode } from 'react';
 export interface Props {
     className?: string;
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare const BulletList: FunctionComponent<Props>;
 //# sourceMappingURL=BulletList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BulletList.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/BulletList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAOjE,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAiB/C,CAAC"}
+{"version":3,"file":"BulletList.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/BulletList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAOjE,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAiB/C,CAAC"}

package/dist/components/BulletText/BulletText.d.ts

@@ -3,7 +3,7 @@ import { BoxStyleProps } from '../Box';
 export interface Props extends Partial<Pick<BoxStyleProps, 'is'>> {
     bullet?: ReactNode;
     variant?: 'primary' | 'secondary';
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare const BulletText: FunctionComponent<Props>;
 //# sourceMappingURL=BulletText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BulletText.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAO,aAAa,EAAE,MAAM,QAAQ,CAAC;AAM5C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAwC/C,CAAC"}
+{"version":3,"file":"BulletText.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAO,aAAa,EAAE,MAAM,QAAQ,CAAC;AAM5C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAwC/C,CAAC"}

package/dist/components/Columns/Columns.d.ts

@@ -13,7 +13,7 @@ export interface Props extends Omit<ComponentProps<typeof Box>, 'css'> {
     noWrap?: boolean;
     wrappingDirection?: keyof typeof styles.wrapping;
     align?: keyof typeof styles.align;
-    children: ReactNode;
+    children?: ReactNode;
 }
 interface ColumnContextValue {
     spaceXCls: any;

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

@@ -1 +1 @@
-{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAGd,SAAS,EAET,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC3B,SAAS,MAAC;IACV,SAAS,MAAC;IACV,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,mCAAiD,CAAC;AAE5E,eAAO,MAAM,OAAO,glNAiEnB,CAAC"}
+{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../lib/components/Columns/Columns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAGd,SAAS,EAET,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC3B,SAAS,MAAC;IACV,SAAS,MAAC;IACV,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,mCAAiD,CAAC;AAE5E,eAAO,MAAM,OAAO,glNAiEnB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../lib/components/DateInput/DateInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,SAAS,6VA+BrB,CAAC"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../lib/components/DateInput/DateInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,SAAS,6VAgCrB,CAAC"}

package/dist/components/DateInput/DateInput.js

@@ -2,7 +2,7 @@ import { warning } from '@autoguru/utilities';
 import * as React from 'react';
 import { Box } from '../Box';
 import { withEnhancedInput } from '../private/InputBase';
-export const DateInput = withEnhancedInput(({ field, eventHandlers, validation, isLoading, suffixed, prefixed, ...rest }) => {
+export const DateInput = withEnhancedInput(({ field, eventHandlers, validation, isLoading, suffixed, prefixed, size, ...rest }) => {
     warning(field.value !== '', 'Date Input does not support empty values.');
     return (React.createElement(Box, { is: "input", ...eventHandlers, ...field, ...rest, autoComplete: "off", type: "date" }));
 }, {

package/dist/components/DateInput/stories.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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, CarMultipleIcon, CurrencyUsdIcon, PlusIcon, StarIcon } from '@autoguru/icons';
+import { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIcon, CurrencyUsdIcon, PlusIcon, StarIcon } from '@autoguru/icons';
 import { action } from '@storybook/addon-actions';
 import isChromatic from 'chromatic/isChromatic';
 import * as React from 'react';
@@ -155,4 +155,38 @@ invalid.args = invalidProps;
 invalid.argTypes = argTypes;
 export const loading = Template.bind(loadingProps);
 loading.args = loadingProps;
-loading.argTypes = argTypes;
+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/Heading/Heading.d.ts

@@ -4,7 +4,7 @@ import { Box } from '../Box';
 import type { TextStyleProps } from '../Text';
 export interface Props extends Omit<TextStyleProps, 'is'>, Pick<ComponentProps<typeof Box>, 'id'> {
     className?: string;
-    children: ReactNode;
+    children?: ReactNode;
     is?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     colour?: Exclude<keyof Tokens['typography']['colour'], 'muted'>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;CAChE;AAWD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CA8B5C,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;CAChE;AAWD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CA8B5C,CAAC"}

package/dist/components/Inline/Inline.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 import { Tokens } from '../../themes/tokens';
 import { ResponsiveProp } from '../../utils/responsiveProps.css';
 import type { BoxStyleProps } from '../Box';
-export interface Props extends Pick<BoxStyleProps, 'is'> {
+export interface Props extends Pick<BoxStyleProps, 'is' | 'width'> {
     space?: ResponsiveProp<keyof Tokens['space']>;
     alignY?: BoxStyleProps['alignItems'];
     alignX?: BoxStyleProps['justifyContent'];

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

@@ -1 +1 @@
-{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAOD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAsD3C,CAAC"}
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,OAAO,CAAC;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAOD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAwD3C,CAAC"}

package/dist/components/Inline/Inline.js

@@ -8,7 +8,7 @@ const supportedListTypes = [
     'ul',
     'ol',
 ];
-export const Inline = ({ is = 'div', children, space = '2', alignY = 'center', alignX, noWrap, dividers, }) => {
+export const Inline = ({ is = 'div', children, space = '2', alignY = 'center', alignX, noWrap, dividers, width, }) => {
     const negativeMarginLeft = useNegativeMarginLeft(space);
     const negativeMarginTop = useNegativeMarginTop(space);
     const items = flattenChildren(children);
@@ -19,7 +19,7 @@ export const Inline = ({ is = 'div', children, space = '2', alignY = 'center', a
     let listItem = 'div';
     if (typeof is === 'string')
         listItem = supportedListTypes.includes(is) ? 'li' : 'div';
-    return (React.createElement(Box, { is: is, position: "relative", display: "flex", alignItems: alignY, justifyContent: alignX, flexDirection: "row", flexWrap: noWrap ? 'nowrap' : 'wrap', className: [negativeMarginTop, !dividers && negativeMarginLeft] }, Children.map(items, (child, idx) => child !== null && child !== undefined ? (React.createElement(Box, { is: listItem, display: "flex", flexDirection: "row", flexWrap: "nowrap", alignItems: alignY, paddingTop: space, paddingLeft: dividers ? undefined : space },
+    return (React.createElement(Box, { is: is, width: width, position: "relative", display: "flex", alignItems: alignY, justifyContent: alignX, flexDirection: "row", flexWrap: noWrap ? 'nowrap' : 'wrap', className: [negativeMarginTop, !dividers && negativeMarginLeft] }, Children.map(items, (child, idx) => child !== null && child !== undefined ? (React.createElement(Box, { is: listItem, display: "flex", flexDirection: "row", flexWrap: "nowrap", alignItems: alignY, paddingTop: space, paddingLeft: dividers ? undefined : space },
         child,
         dividers && idx !== items.length - 1 ? (React.createElement(Box, { paddingX: space }, divider)) : null)) : null)));
 };

package/dist/components/Inline/stories.js

@@ -35,6 +35,11 @@ export default {
       control: {
         type: 'select'
       }
+    },
+    dividers: {
+      control: {
+        type: 'boolean'
+      }
     }
   }
 };
@@ -114,4 +119,10 @@ const differentSizeItemsProps = {
   dividers: true
 };
 export const differentSizeItems = DiffSizeTemplate.bind(differentSizeItemsProps);
-differentSizeItems.args = differentSizeItemsProps;
+differentSizeItems.args = differentSizeItemsProps;
+const withFullWidthProps = {
+  width: 'full',
+  alignX: 'spaceBetween'
+};
+export const withFullWidth = DiffSizeTemplate.bind(withFullWidthProps);
+withFullWidth.args = withFullWidthProps;

package/dist/components/MinimalModal/MinimalModal.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 import { Modal } from '../Modal';
 export interface Props extends ComponentProps<typeof Modal> {
     className?: string;
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare const MinimalModal: FunctionComponent<Props>;
 //# sourceMappingURL=MinimalModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MinimalModal.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CA+DjD,CAAC"}
+{"version":3,"file":"MinimalModal.d.ts","sourceRoot":"","sources":["../../../lib/components/MinimalModal/MinimalModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,cAAc,EACd,iBAAiB,EAEjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,OAAO,KAAK,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,KAAK,CA+DjD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,KACT,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,oTA6EvB,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,KACT,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,oTA8EvB,CAAC"}

package/dist/components/NumberInput/NumberInput.js

@@ -4,7 +4,7 @@ import { Box } from '../Box';
 import { withEnhancedInput } from '../private/InputBase';
 const isEdge = typeof navigator !== 'undefined' && /edge/i.test(navigator.userAgent);
 const type = isEdge ? 'text' : 'number';
-export const NumberInput = withEnhancedInput(({ field: { ref, ...incomingFieldProps }, eventHandlers, validation, isLoading, suffixed, prefixed, preventMouseWheel = false, ...rest }) => {
+export const NumberInput = withEnhancedInput(({ field: { ref, ...incomingFieldProps }, eventHandlers, validation, isLoading, suffixed, prefixed, preventMouseWheel = false, size, ...rest }) => {
     const inputRef = useRef(ref?.current);
     const preventWheel = useCallback((e) => {
         e.preventDefault();

package/dist/components/NumberInput/stories.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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, CarMultipleIcon, CheckIcon, CurrencyUsdIcon, PlusIcon, StarIcon } from '@autoguru/icons';
+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';
@@ -167,4 +167,38 @@ invalid.args = invalidProps;
 invalid.argTypes = argTypes;
 export const loading = Template.bind(loadingProps);
 loading.args = loadingProps;
-loading.argTypes = argTypes;
+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/Pagination/Bubble.d.ts

@@ -6,7 +6,7 @@ export interface Props {
     gap?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     className?: string;
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare const Bubble: FunctionComponent<Props>;
 //# sourceMappingURL=Bubble.d.ts.map

package/dist/components/Pagination/Bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../lib/components/Pagination/Bubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEX,iBAAiB,EACjB,iBAAiB,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAyC3C,CAAC"}
+{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../lib/components/Pagination/Bubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEX,iBAAiB,EACjB,iBAAiB,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAyC3C,CAAC"}

package/dist/components/Radio/RadioGroup.d.ts

@@ -4,7 +4,7 @@ export interface Props {
     name: string;
     className?: string;
     value: string;
-    children: ReactNode;
+    children?: ReactNode;
     onChange?(value: string): void;
 }
 interface RadioGroupContext {

package/dist/components/Radio/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,SAAS,EAGT,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IAEpB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,kCAAgD,CAAC;AAE1E,eAAO,MAAM,eAAe,QAAO,iBACT,CAAC;AAE3B,eAAO,MAAM,UAAU,8EAsBtB,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,SAAS,EAGT,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,kCAAgD,CAAC;AAE1E,eAAO,MAAM,eAAe,QAAO,iBACT,CAAC;AAE3B,eAAO,MAAM,UAAU,8EAsBtB,CAAC"}

package/dist/components/SelectInput/SelectInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
 export declare const SelectInput: React.ForwardRefExoticComponent<{
-    children: ReactNode[];
+    children?: ReactNode[];
 } & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLSelectElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLSelectElement>>;
 //# sourceMappingURL=SelectInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,eAAO,MAAM,WAAW;cAEZ,SAAS,EAAE;gRAgDtB,CAAC"}
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,eAAO,MAAM,WAAW;eAEX,SAAS,EAAE;gRAiDvB,CAAC"}

package/dist/components/SelectInput/SelectInput.js

@@ -4,9 +4,9 @@ import { Box } from '../Box';
 import { Icon } from '../Icon';
 import { withEnhancedInput } from '../private/InputBase';
 import * as styles from './SelectInput.css';
-export const SelectInput = withEnhancedInput(({ field, eventHandlers, suffixed, prefixed, validation, isLoading, fieldIcon = ChevronDownIcon, ...rest }) => (React.createElement(Box, { display: "flex", flexWrap: "nowrap", alignItems: "center", justifyContent: "center", position: "relative" },
+export const SelectInput = withEnhancedInput(({ field, eventHandlers, suffixed, prefixed, validation, isLoading, size, fieldIcon = ChevronDownIcon, ...rest }) => (React.createElement(Box, { display: "flex", flexWrap: "nowrap", alignItems: "center", justifyContent: "center", position: "relative" },
     React.createElement(Box, { is: "select", flexGrow: 1, ...eventHandlers, ...field, ...rest, className: [styles.input, styles.paddedInput, field.className], autoComplete: "off" }),
-    isLoading ? null : (React.createElement(Box, { className: styles.arrow, display: "flex", alignItems: "center", height: "full", marginRight: "4", flexShrink: 0, pointerEvents: "none", position: "absolute" },
+    isLoading ? null : (React.createElement(Box, { className: styles.arrow, display: "flex", alignItems: "center", height: "full", marginRight: size === 'medium' ? '4' : '2', flexShrink: 0, pointerEvents: "none", position: "absolute" },
         React.createElement(Icon, { size: "medium", icon: fieldIcon }))))), {
     primitiveType: 'select',
     withSuffixIcon: false,

package/dist/components/SelectInput/stories.js

@@ -160,4 +160,38 @@ invalid.args = invalidProps;
 invalid.argTypes = argTypes;
 export const loading = Template.bind(loadingProps);
 loading.args = loadingProps;
-loading.argTypes = argTypes;
+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/Tabs/Tab.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ElementType, ReactElement, ReactNode } from 'react';
 export interface Props {
-    children: ReactNode;
+    children?: ReactNode;
     id?: string;
     is?: ElementType | ReactElement;
     indication?: number;

package/dist/components/Tabs/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,WAAW,EAGX,YAAY,EACZ,SAAS,EAET,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,8EA0Ff,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,WAAW,EAGX,YAAY,EACZ,SAAS,EAET,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,8EA0Ff,CAAC"}

package/dist/components/Text/Text.d.ts

@@ -5,7 +5,7 @@ export interface Props extends TextStyleProps {
     className?: string;
     is?: 'p' | 'span';
     strong?: boolean;
-    children: ReactNode;
+    children?: ReactNode;
     display?: Extract<BoxStyleProps['display'], 'inline' | 'inlineBlock' | 'block'>;
 }
 export declare const Text: FunctionComponent<Props>;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,KAAM,SAAQ,cAAc;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAChB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;CACF;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAgCzC,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,KAAM,SAAQ,cAAc;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAChB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;CACF;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAgCzC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextAreaInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextAreaInput/TextAreaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,aAAa,kTAuBzB,CAAC"}
+{"version":3,"file":"TextAreaInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextAreaInput/TextAreaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,aAAa,kTAwBzB,CAAC"}

package/dist/components/TextAreaInput/TextAreaInput.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Box } from '../Box';
 import { withEnhancedInput } from '../private/InputBase';
-export const TextAreaInput = withEnhancedInput(({ field, eventHandlers, validation, isLoading, suffixed, prefixed, ...rest }) => (React.createElement(Box, { is: "textarea", ...eventHandlers, ...field, ...rest, autoComplete: "off" })), {
+export const TextAreaInput = withEnhancedInput(({ field, eventHandlers, validation, isLoading, suffixed, prefixed, size, ...rest }) => (React.createElement(Box, { is: "textarea", ...eventHandlers, ...field, ...rest, autoComplete: "off" })), {
     primitiveType: 'textarea',
     withSuffixIcon: false,
     withPrefixIcon: false,