@autoguru/overdrive 3.0.0-next.8 → 4.0.2

package/CHANGELOG.md

@@ -1,5 +1,111 @@
 # @autoguru/overdrive
 
+## 4.0.2
+
+### Patch Changes
+
+-   f7bfcdb: Tabs Get a more distinct colour for unselected tab labels
+
+## 4.0.1
+
+### Patch Changes
+
+-   e2cebc8: Applies type fixes
+
+## 4.0.0
+
+### Major Changes
+
+-   dd12f20: Migrates Overdrive to vanilla extract
+
+## 3.0.0
+
+### Major Changes
+
+-   eb36462: Overdrive: Migrates styling away from treat to vanilla extract
+-   aaac596: Migrate to vanilla extract
+
+### Patch Changes
+
+-   4324095: OverdriveProvider: Imports reset styles
+-   4324095: OverdriveProvider: Imports global fonts
+-   2623174: fixes list of files with side effects
+-   03ca973: Autosuggest: Replaces deprecated fill-available with stretch
+-   56edcaf: Overdrive: Gets file extentions for imports
+-   2fbe7bf: OverdriveProvider: Accepts runtime breakpoint token
+-   4324095: Compiles released package to JS
+-   4858d44: Compiles Overdrive package into JS
+-   36736c3: useMedia
+-   ec17939: Adds babel react preset
+-   965c7ed: Portal: Makes theme wrapping optional
+-   19d14a1: Multiple theming fixes
+-   aa5d74b: Portal: Removes memo
+-   4324095: Reverts compiling to js
+-   713b1a3: Oderdrive: Fixed type generation for released package
+-   4b3b1ec: Adds inhouse babel config
+-   ca4e971: Portal: Fixes unwrapped version
+-   158d3bb: Accept custom runtime breakpoint tokens
+
+## 3.0.0-next.18
+
+### Patch Changes
+
+-   Fixes type generation for released package
+
+## 3.0.0-next.17
+
+### Patch Changes
+
+-   useMedia
+
+## 3.0.0-next.16
+
+### Patch Changes
+
+-   Portal: Removes memo
+
+## 3.0.0-next.15
+
+### Patch Changes
+
+-   Portal: Fixes unwrapped version
+
+## 3.0.0-next.14
+
+### Patch Changes
+
+-   Portal: Makes theme wrapping optional
+
+## 3.0.0-next.13
+
+### Patch Changes
+
+-   OverdriveProvider: Accepts runtime breakpoint token
+
+## 3.0.0-next.12
+
+### Patch Changes
+
+-   Accept custom runtime breakpoint tokens
+
+## 3.0.0-next.11
+
+### Patch Changes
+
+-   Autosuggest: Replaces deprecated fill-available with stretch
+
+## 3.0.0-next.10
+
+### Patch Changes
+
+-   fixes list of files with sideeffects
+
+## 3.0.0-next.9
+
+### Patch Changes
+
+-   ec17939: Adds babel react preset
+
 ## 3.0.0-next.8
 
 ### Patch Changes

package/dist/components/Actions/Actions.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps, FunctionComponent, ReactElement } from 'react';
+import { Columns } from '../Columns';
+export interface Props extends Partial<Pick<ComponentProps<typeof Columns>, 'noWrap' | 'wrappingDirection'>> {
+    children: ReactElement | ReactElement[];
+}
+export declare const Actions: FunctionComponent<Props>;
+//# sourceMappingURL=Actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../lib/components/Actions/Actions.tsx"],"names":[],"mappings":"AACA,OAAO,EAEN,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,MAAM,OAAO,CAAC;AAGf,OAAO,EAAU,OAAO,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,QAAQ,GAAG,mBAAmB,CAAC,CACpE;IACD,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAU5C,CAAC"}

package/dist/components/Actions/Actions.js

@@ -1,16 +1,5 @@
-"use strict";
-
 import * as React from 'react';
-import { Children } from 'react';
+import { Children, } from 'react';
 import flattenChildren from 'react-keyed-flatten-children';
-import { Column, Columns } from "../Columns/index.js";
-export const Actions = _ref => {
-  let {
-    children,
-    noWrap,
-    wrappingDirection
-  } = _ref;
-  return <Columns space="3" noWrap={noWrap} wrappingDirection={wrappingDirection}>
-		{Children.map(flattenChildren(children), child => <Column>{child}</Column>)}
-	</Columns>;
-};
+import { Column, Columns } from '../Columns';
+export const Actions = ({ children, noWrap, wrappingDirection, }) => (React.createElement(Columns, { space: "3", noWrap: noWrap, wrappingDirection: wrappingDirection }, Children.map(flattenChildren(children), (child) => (React.createElement(Column, null, child)))));

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

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

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

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

package/dist/components/Actions/index.js

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

package/dist/components/Actions/stories.js

@@ -1,29 +1,50 @@
 "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 { Button } from "../Button/index.js";
 import { Actions } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Components/Actions',
   component: Actions,
-  decorators: [story => <div style={{
-    maxWidth: 300,
-    width: '100%'
-  }}>{story()}</div>]
+  decorators: [story => _jsx("div", {
+    style: {
+      maxWidth: 300,
+      width: '100%'
+    },
+    children: story()
+  })]
 };
 
-const template = args => <Actions {...args}>
-		<Button>Login</Button>
-		<Button variant="primary">Sign up</Button>
-		<Button variant="secondary">Action 1</Button>
-		<Button variant="secondary">Action 2</Button>
-		<Button isLoading variant="secondary">
-			Action 3
-		</Button>
-		<Button minimal variant="secondary">
-			Action 4
-		</Button>
-	</Actions>;
+const template = args => _jsxs(Actions, _objectSpread(_objectSpread({}, args), {}, {
+  children: [_jsx(Button, {
+    children: "Login"
+  }), _jsx(Button, {
+    variant: "primary",
+    children: "Sign up"
+  }), _jsx(Button, {
+    variant: "secondary",
+    children: "Action 1"
+  }), _jsx(Button, {
+    variant: "secondary",
+    children: "Action 2"
+  }), _jsx(Button, {
+    isLoading: true,
+    variant: "secondary",
+    children: "Action 3"
+  }), _jsx(Button, {
+    minimal: true,
+    variant: "secondary",
+    children: "Action 4"
+  })]
+}));
 
 const standardProps = {
   noWrap: false

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

@@ -0,0 +1,4 @@
+export declare const root: string;
+export declare const intent: Record<"primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information", string>;
+export declare const contained: string;
+//# sourceMappingURL=Alert.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,MAAM,kHAWlB,CAAC;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAC"}

package/dist/components/Alert/Alert.css.js

@@ -1,31 +1,23 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Alert/Alert.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({
-  ':before': {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    width: vars.space['1'],
-    height: '100%',
-    content: '""'
-  }
-}, "root");
-export const intent = styleVariants(mapTokenToProperty(vars.colours.intent, value => ({
-  color: value.background.standard,
-  ':before': {
-    backgroundColor: value.background.standard
-  }
-}), ['neutral', 'shine', 'primary', 'secondary']), "intent");
+    ':before': {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: vars.space['1'],
+        height: '100%',
+        content: '""',
+    },
+});
+export const intent = styleVariants(mapTokenToProperty(vars.colours.intent, (value) => ({
+    color: value.background.standard,
+    ':before': {
+        backgroundColor: value.background.standard,
+    },
+}), ['neutral', 'shine', 'primary', 'secondary']));
 export const contained = style({
-  minWidth: '280px',
-  maxWidth: '640px'
-}, "contained");
-
-__vanilla_filescope__.endFileScope();
+    minWidth: '280px',
+    maxWidth: '640px',
+});

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

@@ -0,0 +1,15 @@
+import { ComponentProps, FunctionComponent, ReactChild } from 'react';
+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: ReactChild;
+    className?: string;
+    intent?: Intent;
+    inline?: boolean;
+    dismissible?: boolean;
+    onRequestClose?: ComponentProps<typeof Button>['onClick'];
+}
+export declare const Alert: FunctionComponent<Props>;
+export {};
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../lib/components/Alert/Alert.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGtE,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,UAAU,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/Alert/Alert.js

@@ -1,53 +1,30 @@
-"use strict";
-
-import { AlertCircleIcon, AlertIcon, CheckCircleIcon, InformationIcon, WindowCloseIcon } from '@autoguru/icons';
+import { AlertCircleIcon, AlertIcon, CheckCircleIcon, InformationIcon, WindowCloseIcon, } from '@autoguru/icons';
 import clsx from 'clsx';
 import * as React from 'react';
-import { Box, useBoxStyles } from "../Box/index.js";
-import { Button } from "../Button/index.js";
-import { Column, Columns } from "../Columns/index.js";
-import { Icon } from "../Icon/index.js";
-import { Text, useTextStyles } from "../Text/index.js";
-import * as styles from "./Alert.css.js";
+import { Box, useBoxStyles } from '../Box';
+import { Button } from '../Button';
+import { Column, Columns } from '../Columns';
+import { Icon } from '../Icon';
+import { Text, useTextStyles } from '../Text';
+import * as styles from './Alert.css';
 const iconMapForIntent = {
-  danger: AlertCircleIcon,
-  information: InformationIcon,
-  success: CheckCircleIcon,
-  warning: AlertIcon
+    danger: AlertCircleIcon,
+    information: InformationIcon,
+    success: CheckCircleIcon,
+    warning: AlertIcon,
+};
+export const Alert = ({ children, className = '', intent = 'success', inline = false, onRequestClose, dismissible = typeof onRequestClose === 'function', }) => {
+    const dismissBtnStyles = useTextStyles({ colour: 'muted' });
+    return (React.createElement(Box, { className: clsx(className, styles.root, styles.intent[intent], {
+            [styles.contained]: !inline,
+        }), role: "alert", overflow: "hidden", position: "relative", backgroundColour: "white", borderWidth: "1", borderColour: "gray", borderRadius: "1", boxShadow: inline ? 'none' : '4', padding: "2" },
+        React.createElement(Columns, { noWrap: true, spaceX: "2" },
+            React.createElement(Column, { noShrink: true, alignSelf: "top" },
+                React.createElement(Icon, { icon: iconMapForIntent[intent], size: "medium", className: useBoxStyles({
+                        marginY: '2',
+                        marginLeft: '2',
+                    }) })),
+            React.createElement(Column, { grow: true, width: "auto", alignSelf: "centre", className: useTextStyles({ colour: 'dark' }) }, typeof children === 'string' ? (React.createElement(Text, null, children)) : (children)),
+            React.createElement(Column, { noShrink: true, alignSelf: "top" }, dismissible && (React.createElement(Button, { minimal: true, rounded: true, variant: "secondary", size: "small", "aria-label": "close", onClick: onRequestClose },
+                React.createElement(Icon, { className: dismissBtnStyles, icon: WindowCloseIcon, size: "medium" })))))));
 };
-export const Alert = _ref => {
-  let {
-    children,
-    className = '',
-    intent = 'success',
-    inline = false,
-    onRequestClose,
-    dismissible = typeof onRequestClose === 'function'
-  } = _ref;
-  const dismissBtnStyles = useTextStyles({
-    colour: 'muted'
-  });
-  return <Box className={clsx(className, styles.root, styles.intent[intent], {
-    [styles.contained]: !inline
-  })} role="alert" overflow="hidden" position="relative" backgroundColour="white" borderWidth="1" borderColour="gray" borderRadius="1" boxShadow={inline ? 'none' : '4'} padding="2">
-			<Columns noWrap spaceX="2">
-				<Column noShrink alignSelf="top">
-					<Icon icon={iconMapForIntent[intent]} size="medium" className={useBoxStyles({
-          marginY: '2',
-          marginLeft: '2'
-        })} />
-				</Column>
-
-				<Column grow width="auto" alignSelf="centre" className={useTextStyles({
-        colour: 'dark'
-      })}>
-					{typeof children === 'string' ? <Text>{children}</Text> : children}
-				</Column>
-				<Column noShrink alignSelf="top">
-					{dismissible && <Button minimal rounded variant="secondary" size="small" aria-label="close" onClick={onRequestClose}>
-							<Icon className={dismissBtnStyles} icon={WindowCloseIcon} size="medium" />
-						</Button>}
-				</Column>
-			</Columns>
-		</Box>;
-};

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

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

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

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

package/dist/components/Alert/index.js

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

package/dist/components/Alert/stories.js

@@ -10,6 +10,8 @@ import { action } from '@storybook/addon-actions';
 import * as React from 'react';
 import { Text } from "../Text/index.js";
 import { Alert } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const onRequestClose = action('onRequestClose');
 export default {
   title: 'Components/Alert',
@@ -25,67 +27,68 @@ export default {
   }
 };
 
-const template = args => <div style={{
-  display: 'grid',
-  gridAutoFlow: 'row dense',
-  gridGap: '24px'
-}}>
-		<div>
-			<Alert {...args} onRequestClose={onRequestClose}>
-				<Text>
-					Your invoice was sent to <Text strong>abc@supplier.co</Text>
-				</Text>
-			</Alert>
-		</div>
-	</div>;
-
-const templateAllIntents = args => <div style={{
-  display: 'grid',
-  gridAutoFlow: 'row dense',
-  gridGap: '24px'
-}}>
-		<div>
-			<Alert {...args} intent="success" onRequestClose={onRequestClose}>
-				<Text>
-					Your invoice was sent to <Text strong>abc@supplier.co</Text>
-				</Text>
-			</Alert>
-		</div>
-
-		<div>
-			<Alert {...args} intent="warning" onRequestClose={onRequestClose}>
-				This will affect job changes
-			</Alert>
-		</div>
-
-		<div>
-			<Alert {...args} intent="danger" onRequestClose={onRequestClose}>
-				Something went wrong
-			</Alert>
-		</div>
-
-		<div>
-			<Alert {...args} intent="information" onRequestClose={onRequestClose}>
-				Something worth noting happened
-			</Alert>
-		</div>
+const template = args => _jsx("div", {
+  style: {
+    display: 'grid',
+    gridAutoFlow: 'row dense',
+    gridGap: '24px'
+  },
+  children: _jsx("div", {
+    children: _jsx(Alert, _objectSpread(_objectSpread({}, args), {}, {
+      onRequestClose: onRequestClose,
+      children: _jsxs(Text, {
+        children: ["Your invoice was sent to ", _jsx(Text, {
+          strong: true,
+          children: "abc@supplier.co"
+        })]
+      })
+    }))
+  })
+});
 
-		<div>
-			<Alert {...args} intent="information" onRequestClose={onRequestClose}>
-				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
-				commodo ligula eget dolor. Aenean massa. Cum sociis natoque
-				penatibus et magnis dis parturient montes, nascetur ridiculus
-				mus. Donec quam felis, ultricies nec, pellentesque eu, pretium
-				quis, sem. Nulla consequat massa quis enim. Donec pede justo,
-				fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,
-				rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum
-				felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
-				Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
-				Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
-				enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,
-			</Alert>
-		</div>
-	</div>;
+const templateAllIntents = args => _jsxs("div", {
+  style: {
+    display: 'grid',
+    gridAutoFlow: 'row dense',
+    gridGap: '24px'
+  },
+  children: [_jsx("div", {
+    children: _jsx(Alert, _objectSpread(_objectSpread({}, args), {}, {
+      intent: "success",
+      onRequestClose: onRequestClose,
+      children: _jsxs(Text, {
+        children: ["Your invoice was sent to ", _jsx(Text, {
+          strong: true,
+          children: "abc@supplier.co"
+        })]
+      })
+    }))
+  }), _jsx("div", {
+    children: _jsx(Alert, _objectSpread(_objectSpread({}, args), {}, {
+      intent: "warning",
+      onRequestClose: onRequestClose,
+      children: "This will affect job changes"
+    }))
+  }), _jsx("div", {
+    children: _jsx(Alert, _objectSpread(_objectSpread({}, args), {}, {
+      intent: "danger",
+      onRequestClose: onRequestClose,
+      children: "Something went wrong"
+    }))
+  }), _jsx("div", {
+    children: _jsx(Alert, _objectSpread(_objectSpread({}, args), {}, {
+      intent: "information",
+      onRequestClose: onRequestClose,
+      children: "Something worth noting happened"
+    }))
+  }), _jsx("div", {
+    children: _jsx(Alert, _objectSpread(_objectSpread({}, args), {}, {
+      intent: "information",
+      onRequestClose: onRequestClose,
+      children: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,"
+    }))
+  })]
+});
 
 const standardProps = {
   dismissible: void 0,

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

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

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

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

package/dist/components/Anchor/Anchor.css.js

@@ -1,13 +1,5 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Anchor/Anchor.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 export const root = style({
-  textDecoration: 'none',
-  cursor: 'pointer'
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    textDecoration: 'none',
+    cursor: 'pointer',
+});

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

@@ -0,0 +1,14 @@
+import { IconType } from '@autoguru/icons';
+import { ElementType, FunctionComponent, ReactElement } from 'react';
+export interface Props {
+    rel?: string;
+    href?: string;
+    title?: string;
+    target?: string;
+    className?: string;
+    is?: ElementType | ReactElement;
+    disabled?: boolean;
+    icon?: IconType;
+}
+export declare const Anchor: FunctionComponent<Props>;
+//# sourceMappingURL=Anchor.d.ts.map

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

@@ -0,0 +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,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;IAEnB,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAgD3C,CAAC"}