@autoguru/overdrive 4.10.2 → 4.11.0

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

@@ -1,45 +1,53 @@
+"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';
+import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const root = styleVariants({
-    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,
-        },
+  default: {
+    display: 'grid',
+    gridTemplateColumns: 'min-content 1fr',
+    gridGap: vars.space['4'],
+    marginBottom: vars.space['2'],
+    ':last-of-type': {
+      marginBottom: 0
     },
-    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',
-    },
-});
+      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");
+export const noDot = style({
+  ':before': {
+    visibility: 'hidden'
+  }
+}, "noDot");
+
+__vanilla_filescope__.endFileScope();

package/dist/components/BulletList/Bullet.js

@@ -1,27 +1,41 @@
+"use strict";
+
 import * as React from 'react';
-import { isValidElement, useContext, } from 'react';
-import { Box } from '../Box';
-import * as styles from './Bullet.css';
-import { BulletList } from './BulletList';
-import { BulletListContext, bulletMap } from './context';
+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";
+
 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 = ({ 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));
+
+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
+  });
+};

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

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

package/dist/components/BulletList/BulletList.js

@@ -1,14 +1,27 @@
+"use strict";
+
 import clsx from 'clsx';
 import * as React from 'react';
 import { useContext } from 'react';
-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)));
+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
+    })
+  });
 };
-export default BulletList;
+export default BulletList;

package/dist/components/BulletList/context.js

@@ -1,3 +1,5 @@
+"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.js

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

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

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

package/dist/components/BulletText/BulletText.js

@@ -1,19 +1,60 @@
+"use strict";
+
 import clsx from 'clsx';
 import * as React from 'react';
 import { isValidElement } from 'react';
-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))));
-export default BulletText;
+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
+      })
+    })]
+  });
+};
+export default BulletText;

package/dist/components/BulletText/index.js

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