@autoguru/overdrive 4.0.3 → 4.0.4

package/dist/components/Box/useBoxStyles.js

@@ -1,76 +1,48 @@
-"use strict";
-
 import clsx from 'clsx';
-import * as resetStyles from "../../reset/reset.css.js";
-import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
-import * as styles from "./useBoxStyles.css.js";
-export const useBoxStyles = _ref => {
-  let {
-    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,
-    opacity,
-    width,
-    height,
-    position,
-    overflow,
-    userSelect,
-    textAlign,
-    pointerEvents,
-    alignItems,
-    flexDirection,
-    flexGrow,
-    flexShrink,
-    flexWrap,
-    justifyContent,
-    className
-  } = _ref;
-  const resolvedPaddingTop = paddingTop || paddingY || padding;
-  const resolvedPaddingRight = paddingRight || paddingX || padding;
-  const resolvedPaddingBottom = paddingBottom || paddingY || padding;
-  const resolvedPaddingLeft = paddingLeft || paddingX || padding;
-  const resolvedMarginTop = marginTop || marginY || margin;
-  const resolvedMarginRight = marginRight || marginX || margin;
-  const resolvedMarginBottom = marginBottom || marginY || margin;
-  const resolvedMarginLeft = marginLeft || marginX || margin;
-  const resolvedBorderWidthTop = borderWidthTop || borderWidthY || borderWidth;
-  const resolvedBorderWidthRight = borderWidthRight || borderWidthX || borderWidth;
-  const resolvedBorderWidthBottom = borderWidthBottom || borderWidthY || borderWidth;
-  const resolvedBorderWidthLeft = borderWidthLeft || borderWidth || borderWidth;
-  const resolvedBorderColourTop = borderColourTop || borderColourY || borderColour;
-  const resolvedBorderColourRight = borderColourRight || borderColourX || borderColour;
-  const resolvedBorderColourBottom = borderColourBottom || borderColourY || borderColour;
-  const resolvedBorderColourLeft = borderColourLeft || borderColour || borderColour;
-  const hasBorder = resolvedBorderWidthTop || resolvedBorderWidthRight || resolvedBorderWidthBottom || resolvedBorderWidthLeft;
-  return clsx(typeof is === 'string' ? [resetStyles.element[is]] : [resetStyles.element.div], resolveResponsiveStyle(resolvedPaddingTop, styles.padding.top), resolveResponsiveStyle(resolvedPaddingRight, styles.padding.right), resolveResponsiveStyle(resolvedPaddingBottom, styles.padding.bottom), resolveResponsiveStyle(resolvedPaddingLeft, styles.padding.left), resolveResponsiveStyle(resolvedMarginTop, styles.margin.top), resolveResponsiveStyle(resolvedMarginRight, styles.margin.right), resolveResponsiveStyle(resolvedMarginBottom, styles.margin.bottom), resolveResponsiveStyle(resolvedMarginLeft, styles.margin.left), styles.display[display], styles.width[width], styles.height[height], styles.position[position], styles.overflow[overflow], styles.userSelect[userSelect], styles.textAlign[textAlign], styles.pointerEvents[pointerEvents], hasBorder && styles.border.style, hasBorder && resolvedBorderColourTop && styles.border.colour.top[resolvedBorderColourTop], hasBorder && resolvedBorderColourRight && styles.border.colour.right[resolvedBorderColourRight], hasBorder && resolvedBorderColourBottom && styles.border.colour.bottom[resolvedBorderColourBottom], hasBorder && resolvedBorderColourLeft && styles.border.colour.left[resolvedBorderColourLeft], hasBorder && resolvedBorderWidthTop && resolveResponsiveStyle(resolvedBorderWidthTop, styles.border.width.top), hasBorder && resolvedBorderWidthRight && resolveResponsiveStyle(resolvedBorderWidthRight, styles.border.width.right), hasBorder && resolvedBorderWidthBottom && resolveResponsiveStyle(resolvedBorderWidthBottom, styles.border.width.bottom), hasBorder && resolvedBorderWidthLeft && resolveResponsiveStyle(resolvedBorderWidthLeft, styles.border.width.left), resolveResponsiveStyle(boxShadow, styles.boxShadow), borderRadius && resolveResponsiveStyle(borderRadius, styles.borderRadius), styles.backgroundColours[backgroundColour], styles.opacity[opacity], alignItems && resolveResponsiveStyle(alignItems, styles.alignItems), flexDirection && resolveResponsiveStyle(flexDirection, styles.flexDirection), styles.flexGrow[flexGrow], styles.flexShrink[flexShrink], styles.flexWrap[flexWrap], justifyContent && resolveResponsiveStyle(justifyContent, styles.justifyContent), className);
-};
+import * as resetStyles from '../../reset/reset.css';
+import { resolveResponsiveStyle } from '../../utils/resolveResponsiveProps';
+import * as styles from './useBoxStyles.css';
+export 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, opacity, width, height, position, overflow, userSelect, textAlign, pointerEvents, alignItems, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, className, }) => {
+    const resolvedPaddingTop = paddingTop || paddingY || padding;
+    const resolvedPaddingRight = paddingRight || paddingX || padding;
+    const resolvedPaddingBottom = paddingBottom || paddingY || padding;
+    const resolvedPaddingLeft = paddingLeft || paddingX || padding;
+    const resolvedMarginTop = marginTop || marginY || margin;
+    const resolvedMarginRight = marginRight || marginX || margin;
+    const resolvedMarginBottom = marginBottom || marginY || margin;
+    const resolvedMarginLeft = marginLeft || marginX || margin;
+    const resolvedBorderWidthTop = borderWidthTop || borderWidthY || borderWidth;
+    const resolvedBorderWidthRight = borderWidthRight || borderWidthX || borderWidth;
+    const resolvedBorderWidthBottom = borderWidthBottom || borderWidthY || borderWidth;
+    const resolvedBorderWidthLeft = borderWidthLeft || borderWidth || borderWidth;
+    const resolvedBorderColourTop = borderColourTop || borderColourY || borderColour;
+    const resolvedBorderColourRight = borderColourRight || borderColourX || borderColour;
+    const resolvedBorderColourBottom = borderColourBottom || borderColourY || borderColour;
+    const resolvedBorderColourLeft = borderColourLeft || borderColour || borderColour;
+    const hasBorder = resolvedBorderWidthTop ||
+        resolvedBorderWidthRight ||
+        resolvedBorderWidthBottom ||
+        resolvedBorderWidthLeft;
+    return clsx(typeof is === 'string'
+        ? [resetStyles.element[is]]
+        : [resetStyles.element.div], resolveResponsiveStyle(resolvedPaddingTop, styles.padding.top), resolveResponsiveStyle(resolvedPaddingRight, styles.padding.right), resolveResponsiveStyle(resolvedPaddingBottom, styles.padding.bottom), resolveResponsiveStyle(resolvedPaddingLeft, styles.padding.left), resolveResponsiveStyle(resolvedMarginTop, styles.margin.top), resolveResponsiveStyle(resolvedMarginRight, styles.margin.right), resolveResponsiveStyle(resolvedMarginBottom, styles.margin.bottom), resolveResponsiveStyle(resolvedMarginLeft, styles.margin.left), styles.display[display], styles.width[width], styles.height[height], styles.position[position], styles.overflow[overflow], styles.userSelect[userSelect], styles.textAlign[textAlign], styles.pointerEvents[pointerEvents], hasBorder && styles.border.style, hasBorder &&
+        resolvedBorderColourTop &&
+        styles.border.colour.top[resolvedBorderColourTop], hasBorder &&
+        resolvedBorderColourRight &&
+        styles.border.colour.right[resolvedBorderColourRight], hasBorder &&
+        resolvedBorderColourBottom &&
+        styles.border.colour.bottom[resolvedBorderColourBottom], hasBorder &&
+        resolvedBorderColourLeft &&
+        styles.border.colour.left[resolvedBorderColourLeft], hasBorder &&
+        resolvedBorderWidthTop &&
+        resolveResponsiveStyle(resolvedBorderWidthTop, styles.border.width.top), hasBorder &&
+        resolvedBorderWidthRight &&
+        resolveResponsiveStyle(resolvedBorderWidthRight, styles.border.width.right), hasBorder &&
+        resolvedBorderWidthBottom &&
+        resolveResponsiveStyle(resolvedBorderWidthBottom, styles.border.width.bottom), hasBorder &&
+        resolvedBorderWidthLeft &&
+        resolveResponsiveStyle(resolvedBorderWidthLeft, styles.border.width.left), resolveResponsiveStyle(boxShadow, styles.boxShadow), borderRadius &&
+        resolveResponsiveStyle(borderRadius, styles.borderRadius), styles.backgroundColours[backgroundColour], styles.opacity[opacity], alignItems && resolveResponsiveStyle(alignItems, styles.alignItems), flexDirection &&
+        resolveResponsiveStyle(flexDirection, styles.flexDirection), styles.flexGrow[flexGrow], styles.flexShrink[flexShrink], styles.flexWrap[flexWrap], justifyContent &&
+        resolveResponsiveStyle(justifyContent, styles.justifyContent), className);
+};

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,53 +1,45 @@
-"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 { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const root = styleVariants({
-  default: {
-    display: 'grid',
-    gridTemplateColumns: 'min-content 1fr',
-    gridGap: vars.space['4'],
-    marginBottom: vars.space['2'],
-    ':last-of-type': {
-      marginBottom: 0
+    default: {
+        display: 'grid',
+        gridTemplateColumns: 'min-content 1fr',
+        gridGap: vars.space['4'],
+        marginBottom: vars.space['2'],
+        ':last-of-type': {
+            marginBottom: 0,
+        },
+        ':before': {
+            display: 'block',
+            alignSelf: 'flex-start',
+            width: vars.space['2'],
+            height: vars.space['2'],
+            marginTop: `calc((1.6em - ${vars.space['2']}) / 2)`,
+            content: "' '",
+            backgroundColor: vars.typography.colour.dark,
+        },
     },
-    ':before': {
-      display: 'block',
-      alignSelf: 'flex-start',
-      width: vars.space['2'],
-      height: vars.space['2'],
-      marginTop: "calc((1.6em - ".concat(vars.space['2'], ") / 2)"),
-      content: "' '",
-      backgroundColor: vars.typography.colour.dark
-    }
-  },
-  circle: {
-    ':before': {
-      borderRadius: '50%'
-    }
-  },
-  disc: {
-    ':before': {
-      border: "2px solid ".concat(vars.typography.colour.dark),
-      borderRadius: '50%',
-      backgroundColor: 'transparent'
-    }
-  },
-  square: {
-    ':before': {
-      border: "2px solid ".concat(vars.typography.colour.dark),
-      backgroundColor: 'transparent'
-    }
-  }
-}, "root");
+    circle: {
+        ':before': {
+            borderRadius: '50%',
+        },
+    },
+    disc: {
+        ':before': {
+            border: `2px solid ${vars.typography.colour.dark}`,
+            borderRadius: '50%',
+            backgroundColor: 'transparent',
+        },
+    },
+    square: {
+        ':before': {
+            border: `2px solid ${vars.typography.colour.dark}`,
+            backgroundColor: 'transparent',
+        },
+    },
+});
 export const noDot = style({
-  ':before': {
-    visibility: 'hidden'
-  }
-}, "noDot");
-
-__vanilla_filescope__.endFileScope();
+    ':before': {
+        visibility: 'hidden',
+    },
+});

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

@@ -0,0 +1,7 @@
+import { FunctionComponent, ReactChild } from 'react';
+export interface Props {
+    children: ReactChild;
+    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,UAAU,EAEV,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAe3C,CAAC"}

package/dist/components/BulletList/Bullet.js

@@ -1,41 +1,27 @@
-"use strict";
-
 import * as React from 'react';
-import { isValidElement, useContext } from 'react';
-import { Box } from "../Box/index.js";
-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";
-
+import { isValidElement, useContext, } from 'react';
+import { Box } from '../Box';
+import * as styles from './Bullet.css';
+import { BulletList } from './BulletList';
+import { BulletListContext, bulletMap } from './context';
 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 '';
-  }
+    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
-  } = _ref;
-  return _jsx(Box, {
-    is: "li",
-    className: [styles.root.default, (_getBulletCls = getBulletCls(styles, bulletMap[useContext(BulletListContext)])) !== null && _getBulletCls !== void 0 ? _getBulletCls : '', {
-      [styles.noDot]: isValidElement(children) && children.type === BulletList
-    }, className],
-    children: children
-  });
-};
+export const Bullet = ({ children, className }) => (React.createElement(Box, { is: "li", className: [
+        styles.root.default,
+        getBulletCls(styles, bulletMap[useContext(BulletListContext)]) ??
+            '',
+        {
+            [styles.noDot]: isValidElement(children) && children.type === BulletList,
+        },
+        className,
+    ] }, children));

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,16 +1,8 @@
-"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 { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const root = style({
-  listStyle: 'inside none'
-}, "root");
+    listStyle: 'inside none',
+});
 export const firstOccurrence = style({
-  paddingLeft: vars.space['6']
-}, "firstOccurrence");
-
-__vanilla_filescope__.endFileScope();
+    paddingLeft: vars.space['6'],
+});

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+export interface Props {
+    className?: string;
+}
+export declare const BulletList: FunctionComponent<Props>;
+//# 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,EAAc,MAAM,OAAO,CAAC;AAOtD,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAiB/C,CAAC"}

package/dist/components/BulletList/BulletList.js

@@ -1,26 +1,13 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
 import { useContext } from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./BulletList.css.js";
-import { BulletListContext, bulletMap } from "./context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const BulletList = _ref => {
-  let {
-    children,
-    className
-  } = _ref;
-  const stack = useContext(BulletListContext);
-  return _jsx(Box, {
-    is: "ul",
-    className: clsx(className, styles.root, {
-      [styles.firstOccurrence]: stack === -1
-    }),
-    children: _jsx(BulletListContext.Provider, {
-      value: stack + 1 >= bulletMap.length ? 0 : stack + 1,
-      children: children
-    })
-  });
-};
+import { Box } from '../Box';
+import * as styles from './BulletList.css';
+import { BulletListContext, bulletMap } from './context';
+export const BulletList = ({ children, className, }) => {
+    const stack = useContext(BulletListContext);
+    return (React.createElement(Box, { is: "ul", className: clsx(className, styles.root, {
+            [styles.firstOccurrence]: stack === -1,
+        }) },
+        React.createElement(BulletListContext.Provider, { value: stack + 1 >= bulletMap.length ? 0 : stack + 1 }, children)));
+};

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/context.js

@@ -1,5 +1,3 @@
-"use strict";
-
 import { createContext } from 'react';
 export const bulletMap = ['circle', 'square', 'disc'];
-export const BulletListContext = createContext(-1);
+export const BulletListContext = createContext(-1);

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/index.js

@@ -1,4 +1,2 @@
-"use strict";
-
-export { BulletList } from "./BulletList.js";
-export { Bullet } from "./Bullet.js";
+export { BulletList } from './BulletList';
+export { Bullet } from './Bullet';

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,27 +1,19 @@
-"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 { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const bullet = style({
-  lineHeight: vars.typography.size['2'].lineHeight,
-  width: vars.space['6'],
-  height: vars.space['6']
-}, "bullet");
+    lineHeight: vars.typography.size['2'].lineHeight,
+    width: vars.space['6'],
+    height: vars.space['6'],
+});
 export const primary = style({
-  backgroundColor: vars.colours.intent.primary.background.mild
-}, "primary");
+    backgroundColor: vars.colours.intent.primary.background.mild,
+});
 export const secondary = style({
-  backgroundColor: vars.colours.background.light
-}, "secondary");
+    backgroundColor: vars.colours.background.light,
+});
 export const primaryText = style({
-  color: vars.colours.intent.primary.background.standard
-}, "primaryText");
+    color: vars.colours.intent.primary.background.standard,
+});
 export const secondaryText = style({
-  color: vars.typography.colour.dark
-}, "secondaryText");
-
-__vanilla_filescope__.endFileScope();
+    color: vars.typography.colour.dark,
+});

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

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BoxStyleProps } from '../Box';
+export interface Props extends Partial<Pick<BoxStyleProps, 'is'>> {
+    bullet?: ReactNode;
+    variant?: 'primary' | 'secondary';
+}
+export declare const BulletText: FunctionComponent<Props>;
+//# 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;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAwC/C,CAAC"}

package/dist/components/BulletText/BulletText.js

@@ -1,59 +1,18 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
 import { isValidElement } from 'react';
-import { Box } from "../Box/index.js";
-import { Inline } from "../Inline/index.js";
-import { Text } from "../Text/index.js";
-import * as styles from "./BulletText.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const BulletText = _ref => {
-  let {
-    variant = 'primary',
-    children,
-    is: Component = 'div',
-    bullet: Bullet = '•'
-  } = _ref;
-  return _jsxs(Inline, {
-    noWrap: true,
-    space: "3",
-    is: Component,
-    alignX: "flexStart",
-    alignY: "center",
-    children: [isValidElement(Bullet) ? _jsx(Box, {
-      position: "relative",
-      flexShrink: 0,
-      children: Bullet
-    }) : _jsx(Box, {
-      position: "relative",
-      flexShrink: 0,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      className: clsx(styles.bullet, {
-        [styles.primary]: variant === 'primary',
-        [styles.secondary]: variant !== 'primary'
-      }),
-      borderRadius: "pill",
-      children: _jsx(Text, {
-        className: clsx({
-          [styles.primaryText]: variant === 'primary',
-          [styles.secondaryText]: variant !== 'primary'
-        }),
-        is: "span",
-        size: "2",
-        children: Bullet
-      })
-    }), _jsx(Box, {
-      flexGrow: 1,
-      children: _jsx(Text, {
-        is: "span",
-        size: "4",
-        display: "block",
-        children: children
-      })
-    })]
-  });
-};
+import { Box } from '../Box';
+import { Inline } from '../Inline';
+import { Text } from '../Text';
+import * as styles from './BulletText.css';
+export const BulletText = ({ variant = 'primary', children, is: Component = 'div', bullet: Bullet = '•', }) => (React.createElement(Inline, { noWrap: true, space: "3", is: Component, alignX: "flexStart", alignY: "center" },
+    isValidElement(Bullet) ? (React.createElement(Box, { position: "relative", flexShrink: 0 }, Bullet)) : (React.createElement(Box, { position: "relative", flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center", className: clsx(styles.bullet, {
+            [styles.primary]: variant === 'primary',
+            [styles.secondary]: variant !== 'primary',
+        }), borderRadius: "pill" },
+        React.createElement(Text, { className: clsx({
+                [styles.primaryText]: variant === 'primary',
+                [styles.secondaryText]: variant !== 'primary',
+            }), is: "span", size: "2" }, Bullet))),
+    React.createElement(Box, { flexGrow: 1 },
+        React.createElement(Text, { is: "span", size: "4", display: "block" }, children))));

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/index.js

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

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

@@ -0,0 +1,30 @@
+export declare const root: string;
+export declare const body: string;
+export declare const loading: string;
+export declare const enabled: string;
+export declare const disabled: string;
+export declare const spinner: string;
+export declare const size: {
+    small: Record<"default" | "rounded" | "iconOnly", string>;
+    medium: Record<"default" | "rounded" | "iconOnly", string>;
+};
+export declare const variant: {
+    primary: string;
+    secondary: string;
+    danger: string;
+};
+export declare const defaultStates: {
+    primary: string;
+    secondary: string;
+    danger: string;
+};
+export declare const minimal: {
+    defaults: string;
+    noneRounded: string;
+};
+export declare const minimalStates: {
+    primary: string;
+    secondary: string;
+    danger: string;
+};
+//# sourceMappingURL=Button.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAQf,CAAC;AAEH,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAGnB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAIH,eAAO,MAAM,IAAI;;;CA2BhB,CAAC;AACF,eAAO,MAAM,OAAO;;;;CAgBnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAwCzB,CAAC;AAEF,eAAO,MAAM,OAAO;;;CAOnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAqCzB,CAAC"}