@autoguru/overdrive 3.0.0-next.8 → 4.0.2

package/dist/components/Columns/stories.js

@@ -10,13 +10,18 @@ import * as React from 'react';
 import { Box } from "../Box/index.js";
 import { boxArgTypes, scaleOptions } from "../Box/argTypes.js";
 import { Column, Columns } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Foundation/Layout/Columns',
   component: Columns,
-  decorators: [story => <div style={{
-    width: '100%',
-    margin: '0 auto'
-  }}>{story()}</div>],
+  decorators: [story => _jsx("div", {
+    style: {
+      width: '100%',
+      margin: '0 auto'
+    },
+    children: story()
+  })],
   argTypes: _objectSpread({
     noWrap: {
       control: {
@@ -44,84 +49,140 @@ export default {
   }, boxArgTypes)
 };
 
-const Template = args => <Columns {...args}>
-		<Column width={['full', '1/3', '1/5']} is="section">
-			<Box borderColour="gray" borderWidth="1" padding="4" borderRadius="1" backgroundColour="green100" style={{
-      width: '100%',
-      height: '100%'
-    }}>
-				Col 1
-			</Box>
-		</Column>
-		<Column width={['1/2', '1/3', '1/5']} alignSelf="stretch" is="section">
-			<Box borderColour="gray" borderWidth="1" padding="4" borderRadius="1" backgroundColour="red100" style={{
-      width: '100%',
-      height: '100%'
-    }}>
-				Col 2
-			</Box>
-		</Column>
-		<Column width={['1/2', '1/3', '1/5']} is="section">
-			<Box borderColour="gray" borderWidth="1" padding="4" borderRadius="1" backgroundColour="blue100" style={{
-      width: '100%',
-      height: '100%'
-    }}>
-				Col 3
-			</Box>
-		</Column>
-		<Column width={['full', 'full', '2/5']} is="section">
-			<Box borderColour="gray" borderWidth="1" padding="4" borderRadius="1" backgroundColour="yellow100" style={{
-      width: '100%',
-      height: '500px'
-    }}>
-				Col 4
-			</Box>
-		</Column>
-	</Columns>;
+const Template = args => _jsxs(Columns, _objectSpread(_objectSpread({}, args), {}, {
+  children: [_jsx(Column, {
+    width: ['full', '1/3', '1/5'],
+    is: "section",
+    children: _jsx(Box, {
+      borderColour: "gray",
+      borderWidth: "1",
+      padding: "4",
+      borderRadius: "1",
+      backgroundColour: "green100",
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      children: "Col 1"
+    })
+  }), _jsx(Column, {
+    width: ['1/2', '1/3', '1/5'],
+    alignSelf: "stretch",
+    is: "section",
+    children: _jsx(Box, {
+      borderColour: "gray",
+      borderWidth: "1",
+      padding: "4",
+      borderRadius: "1",
+      backgroundColour: "red100",
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      children: "Col 2"
+    })
+  }), _jsx(Column, {
+    width: ['1/2', '1/3', '1/5'],
+    is: "section",
+    children: _jsx(Box, {
+      borderColour: "gray",
+      borderWidth: "1",
+      padding: "4",
+      borderRadius: "1",
+      backgroundColour: "blue100",
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      children: "Col 3"
+    })
+  }), _jsx(Column, {
+    width: ['full', 'full', '2/5'],
+    is: "section",
+    children: _jsx(Box, {
+      borderColour: "gray",
+      borderWidth: "1",
+      padding: "4",
+      borderRadius: "1",
+      backgroundColour: "yellow100",
+      style: {
+        width: '100%',
+        height: '500px'
+      },
+      children: "Col 4"
+    })
+  })]
+}));
 
-const TemplateColumn = args => <Columns {...standardProps}>
-		<Column {...args}>
-			<Box borderColour="gray" borderWidth="1" padding="4" borderRadius="1" backgroundColour="green100" style={{
-      width: '100%',
-      height: '100%'
-    }}>
-				Col 1
-			</Box>
-		</Column>
-		<Column {...args}>
-			<Box borderColour="gray" borderWidth="1" padding="4" borderRadius="1" backgroundColour="red100" style={{
-      width: '100%',
-      height: '100%'
-    }}>
-				Col 2
-			</Box>
-		</Column>
-		<Column {...args}>
-			<Box borderColour="gray" borderWidth="1" padding="4" borderRadius="1" backgroundColour="blue100" style={{
-      width: '100%',
-      height: '100%'
-    }}>
-				Col 3
-			</Box>
-		</Column>
-		<Column {...args}>
-			<Box borderColour="gray" borderWidth="1" padding="4" borderRadius="1" backgroundColour="yellow100" style={{
-      width: '100%',
-      height: '500px'
-    }}>
-				Col 4
-			</Box>
-		</Column>
-		<Column {...args}>
-			<Box borderColour="gray" borderWidth="1" padding="4" borderRadius="1" backgroundColour="yellow100" style={{
-      width: '100%',
-      height: '100%',
-      minHeight: '200px'
-    }}>
-				Col 4
-			</Box>
-		</Column>
-	</Columns>;
+const TemplateColumn = args => _jsxs(Columns, _objectSpread(_objectSpread({}, standardProps), {}, {
+  children: [_jsx(Column, _objectSpread(_objectSpread({}, args), {}, {
+    children: _jsx(Box, {
+      borderColour: "gray",
+      borderWidth: "1",
+      padding: "4",
+      borderRadius: "1",
+      backgroundColour: "green100",
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      children: "Col 1"
+    })
+  })), _jsx(Column, _objectSpread(_objectSpread({}, args), {}, {
+    children: _jsx(Box, {
+      borderColour: "gray",
+      borderWidth: "1",
+      padding: "4",
+      borderRadius: "1",
+      backgroundColour: "red100",
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      children: "Col 2"
+    })
+  })), _jsx(Column, _objectSpread(_objectSpread({}, args), {}, {
+    children: _jsx(Box, {
+      borderColour: "gray",
+      borderWidth: "1",
+      padding: "4",
+      borderRadius: "1",
+      backgroundColour: "blue100",
+      style: {
+        width: '100%',
+        height: '100%'
+      },
+      children: "Col 3"
+    })
+  })), _jsx(Column, _objectSpread(_objectSpread({}, args), {}, {
+    children: _jsx(Box, {
+      borderColour: "gray",
+      borderWidth: "1",
+      padding: "4",
+      borderRadius: "1",
+      backgroundColour: "yellow100",
+      style: {
+        width: '100%',
+        height: '500px'
+      },
+      children: "Col 4"
+    })
+  })), _jsx(Column, _objectSpread(_objectSpread({}, args), {}, {
+    children: _jsx(Box, {
+      borderColour: "gray",
+      borderWidth: "1",
+      padding: "4",
+      borderRadius: "1",
+      backgroundColour: "yellow100",
+      style: {
+        width: '100%',
+        height: '100%',
+        minHeight: '200px'
+      },
+      children: "Col 4"
+    })
+  }))]
+}));
 
 const standardProps = {
   spaceX: ['1', '3', '8'],

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const DateInput: React.ForwardRefExoticComponent<Partial<Pick<HTMLInputElement, "min" | "max">> & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=DateInput.d.ts.map

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

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

package/dist/components/DateInput/DateInput.js

@@ -1,24 +1,10 @@
-"use strict";
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["field", "eventHandlers", "validation", "isLoading", "suffixed", "prefixed"];
 import { warning } from '@autoguru/utilities';
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { withEnhancedInput } from "../private/InputBase/index.js";
-export const DateInput = withEnhancedInput(_ref => {
-  let {
-    field,
-    eventHandlers,
-    validation,
-    isLoading,
-    suffixed,
-    prefixed
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  process.env.NODE_ENV !== "production" ? warning(field.value !== '', 'Date Input does not support empty values.') : void 0;
-  return <Box is="input" {...eventHandlers} {...field} {...rest} autoComplete="off" type="date" />;
+import { Box } from '../Box';
+import { withEnhancedInput } from '../private/InputBase';
+export const DateInput = withEnhancedInput(({ field, eventHandlers, validation, isLoading, suffixed, prefixed, ...rest }) => {
+    warning(field.value !== '', 'Date Input does not support empty values.');
+    return (React.createElement(Box, { is: "input", ...eventHandlers, ...field, ...rest, autoComplete: "off", type: "date" }));
 }, {
-  primitiveType: 'date'
-});
+    primitiveType: 'date',
+});

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

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

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

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

package/dist/components/DateInput/index.js

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

package/dist/components/DateInput/stories.js

@@ -11,6 +11,7 @@ import { action } from '@storybook/addon-actions';
 import isChromatic from 'chromatic/isChromatic';
 import * as React from 'react';
 import { DateInput } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const formatDate = function formatDate() {
   let date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
@@ -55,7 +56,7 @@ const argTypes = {
   }
 };
 
-const Template = args => <DateInput {...args} />;
+const Template = args => _jsx(DateInput, _objectSpread({}, args));
 
 const sharedProps = {
   disabled: false,

package/dist/components/Flyout/Flyout.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentPropsWithoutRef, FunctionComponent } from 'react';
+import { Positioner } from '../Positioner';
+export declare const Flyout: FunctionComponent<ComponentPropsWithoutRef<typeof Positioner>>;
+//# sourceMappingURL=Flyout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flyout.d.ts","sourceRoot":"","sources":["../../../lib/components/Flyout/Flyout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIzE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,MAAM,EAAE,iBAAiB,CACrC,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAkB3C,CAAC"}

package/dist/components/Flyout/Flyout.js

@@ -1,23 +1,5 @@
-"use strict";
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "triggerRef", "isOpen", "alignment", "triggerOffset"];
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { Positioner } from "../Positioner/index.js";
-export const Flyout = _ref => {
-  let {
-    children,
-    triggerRef,
-    isOpen,
-    alignment,
-    triggerOffset
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return <Positioner triggerRef={triggerRef} isOpen={isOpen} alignment={alignment} triggerOffset={triggerOffset} {...rest}>
-		<Box overflow="hidden" backgroundColour="white" boxShadow="4" borderRadius="1" borderWidth="1" borderColour="gray">
-			{children}
-		</Box>
-	</Positioner>;
-};
+import { Box } from '../Box';
+import { Positioner } from '../Positioner';
+export const Flyout = ({ children, triggerRef, isOpen, alignment, triggerOffset, ...rest }) => (React.createElement(Positioner, { triggerRef: triggerRef, isOpen: isOpen, alignment: alignment, triggerOffset: triggerOffset, ...rest },
+    React.createElement(Box, { overflow: "hidden", backgroundColour: "white", boxShadow: "4", borderRadius: "1", borderWidth: "1", borderColour: "gray" }, children)));

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

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

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

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

package/dist/components/Flyout/index.js

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

package/dist/components/Flyout/stories.js

@@ -13,6 +13,8 @@ import { Button } from "../Button/index.js";
 import { EAlignment } from "../Positioner/alignment.js";
 import { TextInput } from "../TextInput/index.js";
 import { Flyout } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Components/Flyout',
   component: Flyout,
@@ -42,28 +44,40 @@ const sharedProps = {
 const Template = _ref => {
   let args = Object.assign({}, _ref);
   const triggerRef = useRef(null);
-  return <Box style={{
-    height: '100vh',
-    width: '100vw',
-    maxHeight: '350px'
-  }} display="flex" alignItems="center" justifyContent="center">
-			<Button ref={triggerRef}>some trigger</Button>
-			<Flyout {...args} triggerRef={triggerRef}>
-				<div style={{
-        display: 'grid',
-        gridTemplateRows: 'repeat(2, auto)',
-        gridGap: '16px',
-        padding: '16px'
-      }}>
-					<TextInput name="example" placeholder="example" />
-					<div>
-						<Button size="small" variant="primary">
-							Save
-						</Button>
-					</div>
-				</div>
-			</Flyout>
-		</Box>;
+  return _jsxs(Box, {
+    style: {
+      height: '100vh',
+      width: '100vw',
+      maxHeight: '350px'
+    },
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    children: [_jsx(Button, {
+      ref: triggerRef,
+      children: "some trigger"
+    }), _jsx(Flyout, _objectSpread(_objectSpread({}, args), {}, {
+      triggerRef: triggerRef,
+      children: _jsxs("div", {
+        style: {
+          display: 'grid',
+          gridTemplateRows: 'repeat(2, auto)',
+          gridGap: '16px',
+          padding: '16px'
+        },
+        children: [_jsx(TextInput, {
+          name: "example",
+          placeholder: "example"
+        }), _jsx("div", {
+          children: _jsx(Button, {
+            size: "small",
+            variant: "primary",
+            children: "Save"
+          })
+        })]
+      })
+    }))]
+  });
 };
 
 const openProps = _objectSpread(_objectSpread({}, sharedProps), {}, {

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

@@ -0,0 +1,11 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { Tokens } from '../../themes/tokens';
+import { Box } from '../Box';
+import type { TextStyleProps } from '../Text';
+export interface Props extends Omit<TextStyleProps, 'is'>, Pick<ComponentProps<typeof Box>, 'id'> {
+    className?: string;
+    is?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    colour?: Exclude<keyof Tokens['typography']['colour'], 'muted'>;
+}
+export declare const Heading: FunctionComponent<Props>;
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,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,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,CA4B5C,CAAC"}

package/dist/components/Heading/Heading.js

@@ -1,37 +1,22 @@
-"use strict";
-
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { useTextStyles } from "../Text/index.js";
+import { Box } from '../Box';
+import { useTextStyles } from '../Text';
 const sizeScaleDefaults = {
-  h1: '8',
-  h2: '7',
-  h3: '6',
-  h4: '4',
-  h5: '3',
-  h6: '2'
+    h1: '8',
+    h2: '7',
+    h3: '6',
+    h4: '4',
+    h5: '3',
+    h6: '2',
 };
-export const Heading = _ref => {
-  let {
-    is = 'h1',
-    align,
-    fontWeight = 'bold',
-    noWrap,
-    transform,
-    colour = 'dark',
-    size = sizeScaleDefaults[is],
-    id,
-    className = '',
-    children
-  } = _ref;
-  return <Box id={id} is={is} className={[useTextStyles({
-    size,
-    align,
-    colour,
-    noWrap,
-    transform,
-    fontWeight
-  }), className]}>
-		{children}
-	</Box>;
-};
+export const Heading = ({ is = 'h1', align, fontWeight = 'bold', noWrap, transform, colour = 'dark', size = sizeScaleDefaults[is], id, className = '', children, }) => (React.createElement(Box, { id: id, is: is, className: [
+        useTextStyles({
+            size,
+            align,
+            colour,
+            noWrap,
+            transform,
+            fontWeight,
+        }),
+        className,
+    ] }, children));

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

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

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

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

package/dist/components/Heading/index.js

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

package/dist/components/Heading/stories.js

@@ -1,7 +1,14 @@
 "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 { Heading } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const noWrapOptions = [false, true];
 const transformOptions = ['uppercase', 'capitalize', undefined];
 const weightOptions = ['normal', 'semiBold', 'bold'];
@@ -71,30 +78,38 @@ export default {
   }
 };
 
-const Template = args => <div style={{
-  maxWidth: '350px',
-  width: '100%'
-}}>
-		<Heading {...args} />
-	</div>;
+const Template = args => _jsx("div", {
+  style: {
+    maxWidth: '350px',
+    width: '100%'
+  },
+  children: _jsx(Heading, _objectSpread({}, args))
+});
 
-const AllTypesTemplate = args => <div style={{
-  maxWidth: '350px',
-  width: '100%'
-}}>
-		{headingTypeOptions.map(is => <Heading key={is} {...args} is={is} />)}
-	</div>;
+const AllTypesTemplate = args => _jsx("div", {
+  style: {
+    maxWidth: '350px',
+    width: '100%'
+  },
+  children: headingTypeOptions.map(is => _jsx(Heading, _objectSpread(_objectSpread({}, args), {}, {
+    is: is
+  }), is))
+});
 
-const AllColoursTemplate = args => <div style={{
-  maxWidth: '350px',
-  width: '100%'
-}}>
-		{colourOptions.map((colour, index) => <div key={index} style={{
-    marginBottom: 8
-  }}>
-				<Heading key={index} {...args} colour={colour} />
-			</div>)}
-	</div>;
+const AllColoursTemplate = args => _jsx("div", {
+  style: {
+    maxWidth: '350px',
+    width: '100%'
+  },
+  children: colourOptions.map((colour, index) => _jsx("div", {
+    style: {
+      marginBottom: 8
+    },
+    children: _jsx(Heading, _objectSpread(_objectSpread({}, args), {}, {
+      colour: colour
+    }), index)
+  }, index))
+});
 
 const standardProps = {
   is: 'h1',

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

@@ -0,0 +1,2 @@
+export declare const size: Record<string | number, any>;
+//# sourceMappingURL=Icon.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,8BAGd,CAAC"}

package/dist/components/Icon/Icon.css.js

@@ -1,14 +1,6 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Icon/Icon.css.ts", "@autoguru/overdrive");
-
-import { vars } from "../../themes/base/vars.css.js";
-import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
-export const size = makeResponsiveStyle(vars.icon.size, value => ({
-  width: value,
-  height: value
+import { vars } from '../../themes/base/vars.css';
+import { makeResponsiveStyle } from '../../utils/responsiveProps.css';
+export const size = makeResponsiveStyle(vars.icon.size, (value) => ({
+    width: value,
+    height: value,
 }));
-
-__vanilla_filescope__.endFileScope();