@autoguru/overdrive 4.11.1 → 4.11.3

package/dist/components/Box/Box.js

@@ -3,11 +3,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["is", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "margin", "marginX", "marginY", "marginTop", "marginBottom", "marginLeft", "marginRight", "display", "width", "height", "position", "overflow", "userSelect", "textAlign", "pointerEvents", "borderColour", "borderColourX", "borderColourY", "borderColourTop", "borderColourRight", "borderColourBottom", "borderColourLeft", "borderWidth", "borderWidthX", "borderWidthY", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "boxShadow", "borderRadius", "backgroundColour", "colour", "opacity", "className", "alignItems", "order", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent", "children"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import clsx from 'clsx';
 import * as React from 'react';
 import { forwardRef } from 'react';
@@ -15,60 +12,59 @@ import { useBoxStyles } from "./useBoxStyles.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Box = forwardRef((_ref, ref) => {
   let {
-    is: Component = 'div',
-    padding,
-    paddingX,
-    paddingY,
-    paddingTop,
-    paddingBottom,
-    paddingLeft,
-    paddingRight,
-    margin,
-    marginX,
-    marginY,
-    marginTop,
-    marginBottom,
-    marginLeft,
-    marginRight,
-    display,
-    width,
-    height,
-    position,
-    overflow,
-    userSelect,
-    textAlign,
-    pointerEvents,
-    borderColour,
-    borderColourX,
-    borderColourY,
-    borderColourTop,
-    borderColourRight,
-    borderColourBottom,
-    borderColourLeft,
-    borderWidth,
-    borderWidthX,
-    borderWidthY,
-    borderWidthTop,
-    borderWidthRight,
-    borderWidthBottom,
-    borderWidthLeft,
-    boxShadow,
-    borderRadius,
-    backgroundColour,
-    colour,
-    opacity,
-    className = '',
-    alignItems,
-    order,
-    flexDirection,
-    flexGrow,
-    flexShrink,
-    flexWrap,
-    justifyContent,
-    children
-  } = _ref,
-      allOtherProps = _objectWithoutProperties(_ref, _excluded);
-
+      is: Component = 'div',
+      padding,
+      paddingX,
+      paddingY,
+      paddingTop,
+      paddingBottom,
+      paddingLeft,
+      paddingRight,
+      margin,
+      marginX,
+      marginY,
+      marginTop,
+      marginBottom,
+      marginLeft,
+      marginRight,
+      display,
+      width,
+      height,
+      position,
+      overflow,
+      userSelect,
+      textAlign,
+      pointerEvents,
+      borderColour,
+      borderColourX,
+      borderColourY,
+      borderColourTop,
+      borderColourRight,
+      borderColourBottom,
+      borderColourLeft,
+      borderWidth,
+      borderWidthX,
+      borderWidthY,
+      borderWidthTop,
+      borderWidthRight,
+      borderWidthBottom,
+      borderWidthLeft,
+      boxShadow,
+      borderRadius,
+      backgroundColour,
+      colour,
+      opacity,
+      className = '',
+      alignItems,
+      order,
+      flexDirection,
+      flexGrow,
+      flexShrink,
+      flexWrap,
+      justifyContent,
+      children
+    } = _ref,
+    allOtherProps = _objectWithoutProperties(_ref, _excluded);
   const cls = useBoxStyles({
     is: Component,
     alignItems,

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

@@ -0,0 +1,7 @@
+import { ArgTypes } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Tokens } from '../../themes/tokens';
+import { Box } from './Box';
+export declare const scaleOptions: Array<keyof Tokens['space']>;
+export declare const boxArgTypes: Partial<ArgTypes<ComponentProps<typeof Box>>>;
+//# sourceMappingURL=argTypes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"argTypes.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/argTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAWrD,CAAC;AAoCF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,CAkErE,CAAC"}

package/dist/components/Box/argTypes.js

@@ -1,11 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 export const scaleOptions = ['none', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
 const scaledProps = ['padding', 'paddingX', 'paddingY', 'paddingTop', 'paddingRight', 'paddingLeft', 'margin', 'marginX', 'marginY', 'marginTop', 'marginRight', 'marginLeft'];
 const boxShadowOptions = ['none', '1', '2', '3', '4', '5'];

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

@@ -0,0 +1,4 @@
+export { Box } from './Box';
+export { useBoxStyles } from './useBoxStyles';
+export type { BoxStyleProps } from './useBoxStyles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Box/stories.js

@@ -1,11 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import * as React from 'react';
 import { boxArgTypes } from "./argTypes.js";
 import { Box } from "./index.js";
@@ -24,7 +21,6 @@ export default {
   })],
   argTypes: boxArgTypes
 };
-
 const template = args => _jsxs(_Fragment, {
   children: [_jsx(Box, _objectSpread(_objectSpread({}, args), {}, {
     children: "Box 1"
@@ -32,7 +28,6 @@ const template = args => _jsxs(_Fragment, {
     children: "Box 2"
   }))]
 });
-
 const standardProps = {
   borderColour: 'dark',
   borderWidth: ['none', 'none', '1', '2'],

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

@@ -0,0 +1,48 @@
+export declare const padding: {
+    top: Record<string | number, any>;
+    right: Record<string | number, any>;
+    bottom: Record<string | number, any>;
+    left: Record<string | number, any>;
+};
+export declare const margin: {
+    top: Record<string | number, any>;
+    right: Record<string | number, any>;
+    bottom: Record<string | number, any>;
+    left: Record<string | number, any>;
+};
+export declare const boxShadow: Record<string | number, any>;
+export declare const border: {
+    style: string;
+    colour: {
+        top: Record<("primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
+        right: Record<("primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
+        bottom: Record<("primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
+        left: Record<("primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
+    };
+    width: {
+        top: Record<string | number, any>;
+        right: Record<string | number, any>;
+        bottom: Record<string | number, any>;
+        left: Record<string | number, any>;
+    };
+};
+export declare const borderRadius: Record<string | number, any>;
+export declare const backgroundColours: Record<import("../../themes/tokens").ColourGamut | ("primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "white" | "transparent", string>;
+export declare const colours: Record<"primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information", string>;
+export declare const width: Record<"none" | "full", string>;
+export declare const height: Record<"full", string>;
+export declare const position: Record<"fixed" | "absolute" | "relative", string>;
+export declare const textAlign: Record<"left" | "right" | "center", string>;
+export declare const overflow: Record<"auto" | "hidden" | "visible" | "scroll", string>;
+export declare const display: Record<"none" | "flex" | "contents" | "block" | "inline" | "inlineFlex" | "inlineBlock", string>;
+export declare const opacity: Record<0 | 1, string>;
+export declare const userSelect: Record<"none", string>;
+export declare const order: Record<string | number, any>;
+export declare const alignItems: Record<string | number, any>;
+export declare const flexDirection: Record<string | number, any>;
+export declare const flexGrow: Record<0 | 1, string>;
+export declare const flexShrink: Record<0, string>;
+export declare const flexWrap: Record<"nowrap" | "wrap", string>;
+export declare const justifyContent: Record<string | number, any>;
+export declare const pointerEvents: Record<"none", string>;
+//# sourceMappingURL=useBoxStyles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF,eAAO,MAAM,SAAS,8BAAmD,CAAC;AA2C1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAsBlB,CAAC;AAEF,eAAO,MAAM,YAAY,8BAGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,0LAE7B,CAAC;AAEF,eAAO,MAAM,OAAO,kHAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,iCAOhB,CAAC;AAEH,eAAO,MAAM,MAAM,wBAIjB,CAAC;AAEH,eAAO,MAAM,QAAQ,mDASpB,CAAC;AAEF,eAAO,MAAM,SAAS,6CASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,0DAUpB,CAAC;AAEF,eAAO,MAAM,OAAO,kGAanB,CAAC;AAEF,eAAO,MAAM,OAAO,uBAGlB,CAAC;AAEH,eAAO,MAAM,UAAU,wBAErB,CAAC;AAIH,eAAO,MAAM,KAAK,8BAOjB,CAAC;AAEF,eAAO,MAAM,UAAU,8BAOtB,CAAC;AAEF,eAAO,MAAM,aAAa,8BAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,uBAQpB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,cAAc,8BAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,wBAExB,CAAC"}

package/dist/components/Box/useBoxStyles.css.js

@@ -2,13 +2,9 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Box/useBoxStyles.css.ts", "@autoguru/overdrive");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
@@ -26,17 +22,14 @@ export const margin = {
   left: makeResponsiveStyle(vars.space, 'marginLeft')
 };
 export const boxShadow = makeResponsiveStyle(vars.elevation, 'boxShadow');
-
 const borderColours = _objectSpread(_objectSpread({}, vars.border.colours), Object.entries(vars.colours.intent).reduce((map, entry) => _objectSpread(_objectSpread({}, map), {}, {
   [entry[0]]: entry[1].border
 }), {}));
-
 const backgroundColourTokens = _objectSpread(_objectSpread(_objectSpread({}, vars.colours.gamut), Object.entries(vars.colours.intent).reduce((map, entry) => _objectSpread(_objectSpread({}, map), {}, {
   [entry[0]]: entry[1].background.standard
 }), {})), {}, {
   transparent: 'transparent'
 });
-
 const foregroundColourTokens = Object.entries(vars.colours.intent).reduce((map, entry) => _objectSpread(_objectSpread({}, map), {}, {
   [entry[0]]: entry[1].foreground
 }), {});
@@ -150,5 +143,4 @@ export const pointerEvents = styleVariants({
     pointerEvents: 'none'
   }
 }, "pointerEvents");
-
 __vanilla_filescope__.endFileScope();

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

@@ -0,0 +1,68 @@
+import clsx from 'clsx';
+import type { JSXElementConstructor } from 'react';
+import { Tokens } from '../../themes/tokens';
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+import * as styles from './useBoxStyles.css';
+interface Padding {
+    padding?: ResponsiveProp<keyof Tokens['space']>;
+    paddingX?: ResponsiveProp<keyof Tokens['space']>;
+    paddingY?: ResponsiveProp<keyof Tokens['space']>;
+    paddingTop?: ResponsiveProp<keyof Tokens['space']>;
+    paddingRight?: ResponsiveProp<keyof Tokens['space']>;
+    paddingBottom?: ResponsiveProp<keyof Tokens['space']>;
+    paddingLeft?: ResponsiveProp<keyof Tokens['space']>;
+}
+interface Margin {
+    margin?: ResponsiveProp<keyof Tokens['space']>;
+    marginX?: ResponsiveProp<keyof Tokens['space']>;
+    marginY?: ResponsiveProp<keyof Tokens['space']>;
+    marginTop?: ResponsiveProp<keyof Tokens['space']>;
+    marginRight?: ResponsiveProp<keyof Tokens['space']>;
+    marginBottom?: ResponsiveProp<keyof Tokens['space']>;
+    marginLeft?: ResponsiveProp<keyof Tokens['space']>;
+}
+interface Border {
+    borderWidth?: ResponsiveProp<keyof Tokens['border']['width']>;
+    borderWidthX?: ResponsiveProp<keyof Tokens['border']['width']>;
+    borderWidthY?: ResponsiveProp<keyof Tokens['border']['width']>;
+    borderWidthTop?: ResponsiveProp<keyof Tokens['border']['width']>;
+    borderWidthRight?: ResponsiveProp<keyof Tokens['border']['width']>;
+    borderWidthBottom?: ResponsiveProp<keyof Tokens['border']['width']>;
+    borderWidthLeft?: ResponsiveProp<keyof Tokens['border']['width']>;
+    borderColour?: keyof typeof styles.border['colour']['top'];
+    borderColourX?: keyof typeof styles.border['colour']['top'];
+    borderColourY?: keyof typeof styles.border['colour']['top'];
+    borderColourTop?: keyof typeof styles.border['colour']['top'];
+    borderColourRight?: keyof typeof styles.border['colour']['top'];
+    borderColourBottom?: keyof typeof styles.border['colour']['top'];
+    borderColourLeft?: keyof typeof styles.border['colour']['top'];
+    borderRadius?: ResponsiveProp<keyof typeof styles.borderRadius>;
+}
+interface Flex {
+    alignItems?: ResponsiveProp<keyof typeof styles.alignItems>;
+    order?: ResponsiveProp<keyof typeof styles.order>;
+    flexDirection?: ResponsiveProp<keyof typeof styles.flexDirection>;
+    flexGrow?: keyof typeof styles.flexGrow;
+    flexShrink?: keyof typeof styles.flexShrink;
+    flexWrap?: keyof typeof styles.flexWrap;
+    justifyContent?: ResponsiveProp<keyof typeof styles.justifyContent>;
+}
+export interface BoxStyleProps extends Padding, Margin, Border, Flex {
+    is?: keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
+    boxShadow?: ResponsiveProp<keyof typeof styles.boxShadow>;
+    display?: keyof typeof styles.display;
+    position?: keyof typeof styles.position;
+    width?: keyof typeof styles.width;
+    height?: keyof typeof styles.height;
+    backgroundColour?: keyof typeof styles.backgroundColours;
+    colour?: keyof typeof styles.colours;
+    opacity?: keyof typeof styles.opacity;
+    overflow?: keyof typeof styles.overflow;
+    userSelect?: keyof typeof styles.userSelect;
+    textAlign?: keyof typeof styles.textAlign;
+    pointerEvents?: keyof typeof styles.pointerEvents;
+    className?: Parameters<typeof clsx>[0];
+}
+export declare const useBoxStyles: ({ is, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, margin, marginX, marginY, marginTop, marginBottom, marginLeft, marginRight, boxShadow, borderWidth, borderWidthX, borderWidthY, borderWidthTop, borderWidthRight, borderWidthBottom, borderWidthLeft, borderColour, borderColourX, borderColourY, borderColourTop, borderColourRight, borderColourBottom, borderColourLeft, borderRadius, backgroundColour, colour, opacity, width, height, position, overflow, userSelect, textAlign, pointerEvents, alignItems, order, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, className, }: BoxStyleProps) => string;
+export default useBoxStyles;
+//# sourceMappingURL=useBoxStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export declare const root: Record<"circle" | "default" | "square" | "disc", string>;
+export declare const noDot: string;
+//# sourceMappingURL=Bullet.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bullet.css.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/Bullet.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0DAuCf,CAAC;AAEH,eAAO,MAAM,KAAK,QAIhB,CAAC"}

package/dist/components/BulletList/Bullet.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/BulletList/Bullet.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const root = styleVariants({
@@ -49,5 +47,4 @@ export const noDot = style({
     visibility: 'hidden'
   }
 }, "noDot");
-
 __vanilla_filescope__.endFileScope();

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

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

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

@@ -0,0 +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,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAgB3C,CAAC"}

package/dist/components/BulletList/Bullet.js

@@ -7,26 +7,20 @@ import * as styles from "./Bullet.css.js";
 import { BulletList } from "./BulletList.js";
 import { BulletListContext, bulletMap } from "./context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const getBulletCls = (styles, type) => {
   switch (type) {
     case 'circle':
       return styles.root.circle;
-
     case 'square':
       return styles.root.square;
-
     case 'disc':
       return styles.root.disc;
-
     default:
       return '';
   }
 };
-
 export const Bullet = _ref => {
   var _getBulletCls;
-
   let {
     children,
     className

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulletList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/BulletList.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,eAAe,QAE1B,CAAC"}

package/dist/components/BulletList/BulletList.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/BulletList/BulletList.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const root = style({
@@ -12,5 +10,4 @@ export const root = style({
 export const firstOccurrence = style({
   paddingLeft: vars.space['6']
 }, "firstOccurrence");
-
 __vanilla_filescope__.endFileScope();

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

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

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

@@ -0,0 +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,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAmB/C,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,5 @@
+import { Context } from 'react';
+export declare type BulletType = 'circle' | 'square' | 'disc';
+export declare const bulletMap: BulletType[];
+export declare const BulletListContext: Context<number>;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletList/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,OAAO,CAAC;AAE/C,oBAAY,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEtD,eAAO,MAAM,SAAS,EAAE,UAAU,EAAiC,CAAC;AAEpE,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAqB,CAAC"}

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

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

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

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

package/dist/components/BulletList/stories.js

@@ -1,11 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import * as React from 'react';
 import { Text } from "../Text/index.js";
 import { Bullet, BulletList } from "./index.js";
@@ -22,7 +19,6 @@ export default {
     children: story()
   })]
 };
-
 const StandardBulletListTemplate = args => _jsxs(BulletList, _objectSpread(_objectSpread({}, args), {}, {
   children: [_jsx(Bullet, {
     children: _jsx(Text, {
@@ -34,7 +30,6 @@ const StandardBulletListTemplate = args => _jsxs(BulletList, _objectSpread(_obje
     })
   })]
 }));
-
 const NestedBulletListTemplate = args => _jsxs(BulletList, _objectSpread(_objectSpread({}, args), {}, {
   children: [_jsx(Bullet, {
     children: _jsx(Text, {
@@ -70,7 +65,6 @@ const NestedBulletListTemplate = args => _jsxs(BulletList, _objectSpread(_object
     })
   })]
 }));
-
 const standardProps = {};
 export const standard = StandardBulletListTemplate.bind(standardProps);
 standard.args = {};

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

@@ -0,0 +1,6 @@
+export declare const bullet: string;
+export declare const primary: string;
+export declare const secondary: string;
+export declare const primaryText: string;
+export declare const secondaryText: string;
+//# sourceMappingURL=BulletText.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulletText.css.d.ts","sourceRoot":"","sources":["../../../lib/components/BulletText/BulletText.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,QAIjB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC"}

package/dist/components/BulletText/BulletText.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/BulletText/BulletText.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const bullet = style({
@@ -23,5 +21,4 @@ export const primaryText = style({
 export const secondaryText = style({
   color: vars.typography.colour.dark
 }, "secondaryText");
-
 __vanilla_filescope__.endFileScope();

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

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

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

@@ -0,0 +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,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CA0C/C,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

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

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

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

package/dist/components/BulletText/stories.js

@@ -1,11 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { CheckIcon } from '@autoguru/icons';
 import * as React from 'react';
 import { Icon } from "../Icon/index.js";
@@ -48,11 +45,9 @@ export default {
     }
   }
 };
-
 const template = args => _jsx(BulletText, _objectSpread({
   is: "div"
 }, args));
-
 const primaryProps = {
   variant: 'primary',
   children: 'Hello World',