@autoguru/overdrive 3.0.0-next.8 → 4.0.2

package/dist/components/Radio/stories.js

@@ -15,13 +15,18 @@ import { Heading } from "../Heading/index.js";
 import { StarRating } from "../StarRating/index.js";
 import { Text } from "../Text/index.js";
 import { Radio, RadioGroup } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Components/Inputs/Radio',
   component: Radio,
-  decorators: [story => <div style={{
-    maxWidth: '500px',
-    width: '100%'
-  }}>{story()}</div>]
+  decorators: [story => _jsx("div", {
+    style: {
+      maxWidth: '500px',
+      width: '100%'
+    },
+    children: story()
+  })]
 };
 const listData = [{
   label: 'Avocado',
@@ -55,11 +60,16 @@ export const list = _ref => {
   } = _ref,
       args = _objectWithoutProperties(_ref, _excluded);
 
-  return <RadioGroup value={value} name="favourite fruit">
-		{listData.map(item => {
-      return <Radio key={item.value} children={item.label} value={item.value} {...args} />;
-    })}
-	</RadioGroup>;
+  return _jsx(RadioGroup, {
+    value: value,
+    name: "favourite fruit",
+    children: listData.map(item => {
+      return _jsx(Radio, _objectSpread({
+        children: item.label,
+        value: item.value
+      }, args), item.value);
+    })
+  });
 };
 list.args = {
   value: 'avocado',
@@ -73,9 +83,13 @@ const Template = _ref2 => {
   } = _ref2,
       args = _objectWithoutProperties(_ref2, _excluded2);
 
-  return <RadioGroup value={value} name="favourite fruit">
-		<Radio value="avocado" {...args} />
-	</RadioGroup>;
+  return _jsx(RadioGroup, {
+    value: value,
+    name: "favourite fruit",
+    children: _jsx(Radio, _objectSpread({
+      value: "avocado"
+    }, args))
+  });
 };
 
 const uncheckedProps = {
@@ -111,41 +125,61 @@ const Item = _ref3 => {
     label,
     rating
   } = _ref3;
-  return <div style={{
-    display: 'grid',
-    gridGap: '8px',
-    gridTemplateColumns: '1fr auto'
-  }}>
-		<Text>{label}</Text>
-		<StarRating rating={rating} />
-	</div>;
+  return _jsxs("div", {
+    style: {
+      display: 'grid',
+      gridGap: '8px',
+      gridTemplateColumns: '1fr auto'
+    },
+    children: [_jsx(Text, {
+      children: label
+    }), _jsx(StarRating, {
+      rating: rating
+    })]
+  });
 };
 
 const withComponentProps = {
   disabled: false,
-  children: <Item label="Avocados" rating="4.3" />,
+  children: _jsx(Item, {
+    label: "Avocados",
+    rating: "4.3"
+  }),
   value: 'berry'
 };
 const withMultiLineComponentProps = {
   disabled: false,
-  children: <div style={{
-    display: 'grid',
-    gridGap: '8px',
-    gridTemplateColumns: '1fr auto auto'
-  }}>
-			<Heading is="h5">Your last order</Heading>
-			<Badge colour="neutral" label="SUBSCRIBE" />
-			<Badge colour="neutral" label="AUTO TOP-UP" />
-			<div style={{
-      gridColumn: '1/4',
+  children: _jsxs("div", {
+    style: {
       display: 'grid',
       gridGap: '8px',
-      gridTemplateColumns: '1fr auto'
-    }}>
-				<Text size="2">Ending in 5678</Text>
-				<Text size="2">Updated 12 Dec 2018</Text>
-			</div>
-		</div>,
+      gridTemplateColumns: '1fr auto auto'
+    },
+    children: [_jsx(Heading, {
+      is: "h5",
+      children: "Your last order"
+    }), _jsx(Badge, {
+      colour: "neutral",
+      label: "SUBSCRIBE"
+    }), _jsx(Badge, {
+      colour: "neutral",
+      label: "AUTO TOP-UP"
+    }), _jsxs("div", {
+      style: {
+        gridColumn: '1/4',
+        display: 'grid',
+        gridGap: '8px',
+        gridTemplateColumns: '1fr auto'
+      },
+      children: [_jsx(Text, {
+        size: "2",
+        children: "Ending in 5678"
+      }), _jsx(Text, {
+        size: "2",
+        children: "Updated 12 Dec 2018"
+      })]
+    })]
+  }),
   value: '1'
 };
 export const unchecked = Template.bind(uncheckedProps);

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

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const width: Record<"small" | "medium" | "large", string>;
+//# sourceMappingURL=Section.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QAEf,CAAC;AACH,eAAO,MAAM,KAAK,8CAEjB,CAAC"}

package/dist/components/Section/Section.css.js

@@ -1,15 +1,7 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Section/Section.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
-import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
+import { vars } from '../../themes/base/vars.css';
+import { mapTokenToProperty } from '../../utils/mapTokenToProperty';
 export const root = style({
-  margin: '0 auto'
-}, "root");
-export const width = styleVariants(mapTokenToProperty(vars.contentWidth, 'maxWidth'), "width");
-
-__vanilla_filescope__.endFileScope();
+    margin: '0 auto',
+});
+export const width = styleVariants(mapTokenToProperty(vars.contentWidth, 'maxWidth'));

package/dist/components/Section/Section.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { Box } from '../Box';
+import * as styles from './Section.css';
+export interface Props extends Pick<ComponentProps<typeof Box>, 'paddingX'> {
+    width?: keyof typeof styles.width;
+}
+export declare const Section: FunctionComponent<Props>;
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,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,UAAU,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;CAClC;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAW5C,CAAC"}

package/dist/components/Section/Section.js

@@ -1,16 +1,5 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./Section.css.js";
-export const Section = _ref => {
-  let {
-    children,
-    width = 'medium',
-    paddingX
-  } = _ref;
-  return <Box className={clsx(styles.root, styles.width[width])} width="full" paddingX={paddingX}>
-		{children}
-	</Box>;
-};
+import { Box } from '../Box';
+import * as styles from './Section.css';
+export const Section = ({ children, width = 'medium', paddingX, }) => (React.createElement(Box, { className: clsx(styles.root, styles.width[width]), width: "full", paddingX: paddingX }, children));

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

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

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

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

package/dist/components/Section/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { Section } from "./Section.js";
+export { Section } from './Section';

package/dist/components/Section/stories.js

@@ -1,9 +1,17 @@
 "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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 import * as React from 'react';
 import { Box } from "../Box/index.js";
 import { boxArgTypes } from "../Box/argTypes.js";
 import { Section } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Foundation/Section',
   component: Section,
@@ -12,10 +20,13 @@ export default {
   }
 };
 
-const template = args => <Section {...args}>
-		<Box {...boxPropsProps}>Box 1</Box>
-		<Box {...boxPropsProps}>Box 2</Box>
-	</Section>;
+const template = args => _jsxs(Section, _objectSpread(_objectSpread({}, args), {}, {
+  children: [_jsx(Box, _objectSpread(_objectSpread({}, boxPropsProps), {}, {
+    children: "Box 1"
+  })), _jsx(Box, _objectSpread(_objectSpread({}, boxPropsProps), {}, {
+    children: "Box 2"
+  }))]
+}));
 
 const boxPropsProps = {
   width: 'full',

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

@@ -0,0 +1,4 @@
+export declare const input: string;
+export declare const paddedInput: string;
+export declare const arrow: string;
+//# sourceMappingURL=SelectInput.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.css.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAAY,CAAC;AAC/B,eAAO,MAAM,WAAW,QAMtB,CAAC;AAEH,eAAO,MAAM,KAAK,QAGhB,CAAC"}

package/dist/components/SelectInput/SelectInput.css.js

@@ -1,22 +1,14 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/SelectInput/SelectInput.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
-export const input = style({}, "input");
+import { vars } from '../../themes/base/vars.css';
+export const input = style({});
 export const paddedInput = style({
-  selectors: {
-    ["".concat(input, "&")]: {
-      paddingRight: vars.space['8']
-    }
-  }
-}, "paddedInput");
+    selectors: {
+        [`${input}&`]: {
+            paddingRight: vars.space['8'],
+        },
+    },
+});
 export const arrow = style({
-  top: '0',
-  right: '0'
-}, "arrow");
-
-__vanilla_filescope__.endFileScope();
+    top: '0',
+    right: '0',
+});

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export declare const SelectInput: React.ForwardRefExoticComponent<{
+    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

@@ -0,0 +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"}

package/dist/components/SelectInput/SelectInput.js

@@ -1,32 +1,13 @@
-"use strict";
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["field", "eventHandlers", "suffixed", "prefixed", "validation", "isLoading", "fieldIcon"];
 import { ChevronDownIcon } from '@autoguru/icons';
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { Icon } from "../Icon/index.js";
-import { withEnhancedInput } from "../private/InputBase/index.js";
-import * as styles from "./SelectInput.css.js";
-export const SelectInput = withEnhancedInput(_ref => {
-  let {
-    field,
-    eventHandlers,
-    suffixed,
-    prefixed,
-    validation,
-    isLoading,
-    fieldIcon = ChevronDownIcon
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return <Box display="flex" flexWrap="nowrap" alignItems="center" justifyContent="center" position="relative">
-			<Box is="select" flexGrow={1} {...eventHandlers} {...field} {...rest} className={[styles.input, styles.paddedInput, field.className]} autoComplete="off" />
-			{isLoading ? null : <Box className={styles.arrow} display="flex" alignItems="center" height="full" marginRight="4" flexShrink={0} pointerEvents="none" position="absolute">
-					<Icon size="medium" icon={fieldIcon} />
-				</Box>}
-		</Box>;
-}, {
-  primitiveType: 'select',
-  withSuffixIcon: false
-});
+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" },
+    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" },
+        React.createElement(Icon, { size: "medium", icon: fieldIcon }))))), {
+    primitiveType: 'select',
+    withSuffixIcon: false,
+});

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

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

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

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

package/dist/components/SelectInput/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { SelectInput } from "./SelectInput.js";
+export { SelectInput } from './SelectInput';

package/dist/components/SelectInput/stories.js

@@ -10,10 +10,13 @@ import { AccountEditIcon, AlertCircleIcon, CalendarIcon, CarIcon, CarMultipleIco
 import { action } from '@storybook/addon-actions';
 import * as React from 'react';
 import { SelectInput } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const valueOptions = ['Kia', 'Toyota', 'BMW', 'Mitsubishi', 'Hyundai'];
-const selectOptions = valueOptions.map(item => <option key={item} value={item}>
-		{item}
-	</option>);
+const selectOptions = valueOptions.map(item => _jsx("option", {
+  value: item,
+  children: item
+}, item));
 export default {
   title: 'Components/Inputs/Select',
   component: SelectInput,
@@ -54,10 +57,12 @@ const argTypes = {
   }
 };
 
-const Template = args => <SelectInput {...args}>
-		<option disabled>Select an option</option>
-		{selectOptions}
-	</SelectInput>;
+const Template = args => _jsxs(SelectInput, _objectSpread(_objectSpread({}, args), {}, {
+  children: [_jsx("option", {
+    disabled: true,
+    children: "Select an option"
+  }), selectOptions]
+}));
 
 const sharedProps = {
   disabled: false,

package/dist/components/SimplePagination/SimplePagination.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react';
+export declare enum EChangeDirection {
+    Previous = "previous",
+    Next = "next"
+}
+declare type TOnChangeEventHandler = (event: EChangeDirection) => void;
+export interface Props {
+    hasNext?: boolean;
+    hasPrevious?: boolean;
+    onChange?: TOnChangeEventHandler;
+}
+export declare const SimplePagination: FunctionComponent<Props>;
+export {};
+//# sourceMappingURL=SimplePagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimplePagination.d.ts","sourceRoot":"","sources":["../../../lib/components/SimplePagination/SimplePagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1C,oBAAY,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,IAAI,SAAS;CACb;AAED,aAAK,qBAAqB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;AAE/D,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,KAAK,CAoCrD,CAAC"}

package/dist/components/SimplePagination/SimplePagination.js

@@ -1,35 +1,21 @@
-"use strict";
-
 import { ChevronLeftIcon, ChevronRightIcon } from '@autoguru/icons';
 import * as React from 'react';
-import { noop } from "../../utils/index.js";
-import { Button } from "../Button/index.js";
-import { Icon } from "../Icon/index.js";
-import { Inline } from "../Inline/index.js";
-export let EChangeDirection;
-
+import { noop } from '../../utils';
+import { Button } from '../Button';
+import { Icon } from '../Icon';
+import { Inline } from '../Inline';
+export var EChangeDirection;
 (function (EChangeDirection) {
-  EChangeDirection["Previous"] = "previous";
-  EChangeDirection["Next"] = "next";
+    EChangeDirection["Previous"] = "previous";
+    EChangeDirection["Next"] = "next";
 })(EChangeDirection || (EChangeDirection = {}));
-
-export const SimplePagination = _ref => {
-  let {
-    hasNext = false,
-    hasPrevious = false,
-    onChange = noop
-  } = _ref;
-
-  const handleClick = direction => () => {
-    onChange(direction);
-  };
-
-  return <Inline is="nav" space="6" aria-label="pagination" alignX="center" alignY="center">
-			<Button rounded disabled={!hasPrevious} size="small" variant="secondary" aria-label="previous page" onClick={handleClick(EChangeDirection.Previous)}>
-				<Icon size="medium" icon={ChevronLeftIcon} />
-			</Button>
-			<Button rounded disabled={!hasNext} size="small" variant="secondary" aria-label="next page" onClick={handleClick(EChangeDirection.Next)}>
-				<Icon size="medium" icon={ChevronRightIcon} />
-			</Button>
-		</Inline>;
-};
+export const SimplePagination = ({ hasNext = false, hasPrevious = false, onChange = noop, }) => {
+    const handleClick = (direction) => () => {
+        onChange(direction);
+    };
+    return (React.createElement(Inline, { is: "nav", space: "6", "aria-label": "pagination", alignX: "center", alignY: "center" },
+        React.createElement(Button, { rounded: true, disabled: !hasPrevious, size: "small", variant: "secondary", "aria-label": "previous page", onClick: handleClick(EChangeDirection.Previous) },
+            React.createElement(Icon, { size: "medium", icon: ChevronLeftIcon })),
+        React.createElement(Button, { rounded: true, disabled: !hasNext, size: "small", variant: "secondary", "aria-label": "next page", onClick: handleClick(EChangeDirection.Next) },
+            React.createElement(Icon, { size: "medium", icon: ChevronRightIcon }))));
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/SimplePagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,gBAAgB,EAChB,gBAAgB,IAAI,oBAAoB,GACxC,MAAM,oBAAoB,CAAC"}

package/dist/components/SimplePagination/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export { SimplePagination, EChangeDirection as EPageChangeDirection } from "./SimplePagination.js";
+export { SimplePagination, EChangeDirection as EPageChangeDirection, } from './SimplePagination';

package/dist/components/SimplePagination/stories.js

@@ -10,18 +10,23 @@ import { action } from '@storybook/addon-actions';
 import * as React from 'react';
 import { Box } from "../Box/index.js";
 import { SimplePagination } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default {
   title: 'Components/Pagination/Simple',
   component: SimplePagination
 };
 
-const Template = args => <Box style={{
-  height: '100vh',
-  width: '100vw',
-  maxHeight: '120px'
-}} display="flex" alignItems="center" justifyContent="center">
-		<SimplePagination {...args} />
-	</Box>;
+const Template = args => _jsx(Box, {
+  style: {
+    height: '100vh',
+    width: '100vw',
+    maxHeight: '120px'
+  },
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  children: _jsx(SimplePagination, _objectSpread({}, args))
+});
 
 const standardProps = {
   hasNext: true,

package/dist/components/Stack/Divider.css.d.ts

@@ -0,0 +1,2 @@
+export declare const line: string;
+//# sourceMappingURL=Divider.css.d.ts.map

package/dist/components/Stack/Divider.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Divider.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAGf,CAAC"}

package/dist/components/Stack/Divider.css.js

@@ -1,14 +1,6 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Stack/Divider.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const line = style({
-  height: '1px',
-  boxShadow: "inset 0 0 0 1px ".concat(vars.colours.background.light)
-}, "line");
-
-__vanilla_filescope__.endFileScope();
+    height: '1px',
+    boxShadow: `inset 0 0 0 1px ${vars.colours.background.light}`,
+});

package/dist/components/Stack/Divider.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+export declare const Divider: FunctionComponent;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/components/Stack/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,OAAO,EAAE,iBAIrB,CAAC"}

package/dist/components/Stack/Divider.js

@@ -1,8 +1,5 @@
-"use strict";
-
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./Divider.css.js";
-export const Divider = () => <Box position="relative">
-		<Box position="absolute" className={styles.line} width="full" />
-	</Box>;
+import { Box } from '../Box';
+import * as styles from './Divider.css';
+export const Divider = () => (React.createElement(Box, { position: "relative" },
+    React.createElement(Box, { position: "absolute", className: styles.line, width: "full" })));

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

@@ -0,0 +1,5 @@
+export declare const child: {
+    spaces: Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none", string>;
+    default: string;
+};
+//# sourceMappingURL=Stack.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;CAWjB,CAAC"}

package/dist/components/Stack/Stack.css.js

@@ -1,21 +1,13 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Stack/Stack.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
-import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
+import { vars } from '../../themes/base/vars.css';
+import { mapTokenToProperty } from '../../utils/mapTokenToProperty';
 export const child = {
-  spaces: styleVariants(mapTokenToProperty(vars.space, value => ({
-    paddingBottom: value
-  })), "child_spaces"),
-  default: style({
-    ':last-child': {
-      paddingBottom: 0
-    }
-  }, "child_default")
+    spaces: styleVariants(mapTokenToProperty(vars.space, (value) => ({
+        paddingBottom: value,
+    }))),
+    default: style({
+        ':last-child': {
+            paddingBottom: 0,
+        },
+    }),
 };
-
-__vanilla_filescope__.endFileScope();