@autoguru/overdrive 4.3.4 → 4.3.5

package/dist/components/Portal/Portal.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import * as React from 'react';
+export interface Props {
+    children?: ReactNode;
+    container?: Element;
+    noThemedWrapper?: boolean;
+}
+declare const _Portal: React.ForwardRefExoticComponent<Props & React.RefAttributes<Element>>;
+export { _Portal as Portal };
+//# sourceMappingURL=Portal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../lib/components/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAmCD,QAAA,MAAM,OAAO,uEAAqB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}

package/dist/components/Portal/Portal.js

@@ -1,41 +1,27 @@
-"use strict";
-
 import * as React from 'react';
 import { forwardRef, useLayoutEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { isHtmlElement, setRef } from "../../utils/index.js";
-import { useTheme } from "../ThemeProvider/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-
-function Portal(_ref, ref) {
-  var _useTheme;
-
-  let {
-    children,
-    container,
-    noThemedWrapper
-  } = _ref;
-  const themeClass = (_useTheme = useTheme()) === null || _useTheme === void 0 ? void 0 : _useTheme.themeClass;
-  const [mountNode, setMountNode] = useState(null);
-  useLayoutEffect(() => {
-    setMountNode(isHtmlElement(container) ? container : document.body);
-  }, [container]);
-  useLayoutEffect(() => {
-    if (mountNode) {
-      setRef(ref, mountNode);
-    }
-
-    return () => {
-      void setRef(ref, null);
-    };
-  }, [ref, mountNode]);
-  if (!mountNode) return null;
-  return noThemedWrapper ? createPortal(children, mountNode) : createPortal(_jsx("div", {
-    className: themeClass,
-    children: children
-  }), mountNode);
+import { isHtmlElement, setRef } from '../../utils';
+import { useTheme } from '../ThemeProvider';
+function Portal({ children, container, noThemedWrapper }, ref) {
+    const themeClass = useTheme()?.themeClass;
+    const [mountNode, setMountNode] = useState(null);
+    useLayoutEffect(() => {
+        setMountNode(isHtmlElement(container) ? container : document.body);
+    }, [container]);
+    useLayoutEffect(() => {
+        if (mountNode) {
+            setRef(ref, mountNode);
+        }
+        return () => {
+            void setRef(ref, null);
+        };
+    }, [ref, mountNode]);
+    if (!mountNode)
+        return null;
+    return noThemedWrapper
+        ? createPortal(children, mountNode)
+        : createPortal(React.createElement("div", { className: themeClass }, children), mountNode);
 }
-
 const _Portal = forwardRef(Portal);
-
-export { _Portal as Portal };
+export { _Portal as Portal };

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

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

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

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

package/dist/components/Portal/index.js

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

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

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

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

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

package/dist/components/Positioner/Positioner.css.js

@@ -1,16 +1,8 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Positioner/Positioner.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 export const root = style({
-  zIndex: 1050,
-  top: 0,
-  left: 0,
-  transform: 'translateZ(0)',
-  willChange: 'transform'
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    zIndex: 1050,
+    top: 0,
+    left: 0,
+    transform: 'translateZ(0)',
+    willChange: 'transform',
+});

package/dist/components/Positioner/Positioner.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef, FunctionComponent, ReactNode, RefObject } from 'react';
+import { Box } from '../Box';
+import { EAlignment } from './alignment';
+export { EAlignment } from './alignment';
+export interface Props extends Exclude<ComponentPropsWithoutRef<typeof Box>, 'aria-hidden' | 'className'> {
+    alignment?: EAlignment;
+    isOpen?: boolean;
+    triggerRef: RefObject<HTMLElement>;
+    triggerOffset?: number;
+    children?: ReactNode;
+}
+export declare const Positioner: FunctionComponent<Props>;
+//# sourceMappingURL=Positioner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Positioner.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/Positioner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACN,wBAAwB,EACxB,iBAAiB,EACjB,SAAS,EACT,SAAS,EAIT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAI7B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqBzC,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,aAAa,GAAG,WAAW,CAC3B;IACD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CA6F/C,CAAC"}

package/dist/components/Positioner/Positioner.js

@@ -1,116 +1,93 @@
-"use strict";
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-const _excluded = ["alignment", "isOpen", "triggerRef", "triggerOffset", "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 { flip, offset, popperGenerator, preventOverflow } from '@popperjs/core';
 import { defaultModifiers } from '@popperjs/core/lib/popper';
 import * as React from 'react';
-import { useCallback, useEffect, useRef } from 'react';
-import { isBrowser, setRef } from "../../utils/index.js";
-import { Box } from "../Box/index.js";
-import { Portal } from "../Portal/index.js";
-import * as styles from "./Positioner.css.js";
-import { EAlignment } from "./alignment.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export { EAlignment } from "./alignment.js";
+import { useCallback, useEffect, useRef, } from 'react';
+import { isBrowser, setRef } from '../../utils';
+import { Box } from '../Box';
+import { Portal } from '../Portal';
+import * as styles from './Positioner.css';
+import { EAlignment } from './alignment';
+export { EAlignment } from './alignment';
 const createPopper = popperGenerator({
-  defaultModifiers: [].concat(_toConsumableArray(defaultModifiers), [offset, _objectSpread(_objectSpread({}, preventOverflow), {}, {
-    options: {
-      tether: false,
-      altAxis: true,
-      padding: 8
-    }
-  }), flip]),
-  defaultOptions: {
-    placement: 'bottom'
-  }
+    defaultModifiers: [
+        ...defaultModifiers,
+        offset,
+        {
+            ...preventOverflow,
+            options: {
+                tether: false,
+                altAxis: true,
+                padding: 8,
+            },
+        },
+        flip,
+    ],
+    defaultOptions: {
+        placement: 'bottom',
+    },
 });
-export const Positioner = _ref => {
-  let {
-    alignment = EAlignment.BOTTOM_LEFT,
-    isOpen = false,
-    triggerRef,
-    triggerOffset = 12,
-    children
-  } = _ref,
-      boxProps = _objectWithoutProperties(_ref, _excluded);
-
-  if (!isBrowser) return null;
-  const placement = convertPlacement(alignment);
-  const referenceRef = useRef(null);
-  const popperInstanceRef = React.useRef(null);
-  useEffect(() => {
-    if (popperInstanceRef.current) {
-      popperInstanceRef.current.update();
-    }
-  });
-  const handleOpen = useCallback(() => {
-    if (!referenceRef.current || !triggerRef.current || !isOpen) return;
-    if (popperInstanceRef.current) popperInstanceRef.current.destroy();
-    const popper = createPopper(triggerRef.current, referenceRef.current, {
-      placement,
-      modifiers: [{
-        name: 'offset',
-        options: {
-          offset: [0, triggerOffset]
+export const Positioner = ({ alignment = EAlignment.BOTTOM_LEFT, isOpen = false, triggerRef, triggerOffset = 12, children, ...boxProps }) => {
+    if (!isBrowser)
+        return null;
+    const placement = convertPlacement(alignment);
+    const referenceRef = useRef(null);
+    const popperInstanceRef = React.useRef(null);
+    useEffect(() => {
+        if (popperInstanceRef.current) {
+            popperInstanceRef.current.update();
         }
-      }]
     });
-    setRef(popperInstanceRef, popper);
-  }, [isOpen, placement, triggerOffset]);
-
-  const handleClose = () => {
-    if (!popperInstanceRef.current) return;
-    popperInstanceRef.current.destroy();
-    setRef(popperInstanceRef, null);
-  };
-
-  useEffect(() => {
-    handleOpen();
-  }, [handleOpen]);
-  useEffect(() => () => void handleClose(), []);
-  useEffect(() => {
-    if (!isOpen) {
-      handleClose();
+    const handleOpen = useCallback(() => {
+        if (!referenceRef.current || !triggerRef.current || !isOpen)
+            return;
+        if (popperInstanceRef.current)
+            popperInstanceRef.current.destroy();
+        const popper = createPopper(triggerRef.current, referenceRef.current, {
+            placement,
+            modifiers: [
+                {
+                    name: 'offset',
+                    options: {
+                        offset: [0, triggerOffset],
+                    },
+                },
+            ],
+        });
+        setRef(popperInstanceRef, popper);
+    }, [isOpen, placement, triggerOffset]);
+    const handleClose = () => {
+        if (!popperInstanceRef.current)
+            return;
+        popperInstanceRef.current.destroy();
+        setRef(popperInstanceRef, null);
+    };
+    useEffect(() => {
+        handleOpen();
+    }, [handleOpen]);
+    useEffect(() => () => void handleClose(), []);
+    useEffect(() => {
+        if (!isOpen) {
+            handleClose();
+        }
+    }, [isOpen]);
+    const handleRef = useCallback((node) => {
+        setRef(referenceRef, node);
+        handleOpen();
+    }, [handleOpen]);
+    return (React.createElement(Portal, null,
+        React.createElement(Box, { ...boxProps, ref: handleRef, position: "fixed", className: styles.root, "aria-hidden": !isOpen }, isOpen ? children : null)));
+};
+const convertPlacement = (alignment) => {
+    switch (alignment) {
+        case EAlignment.BOTTOM_LEFT:
+            return 'bottom-start';
+        case EAlignment.BOTTOM_RIGHT:
+            return 'bottom-end';
+        case EAlignment.TOP_LEFT:
+            return 'top-start';
+        case EAlignment.TOP_RIGHT:
+            return 'top-end';
+        default:
+            return alignment;
     }
-  }, [isOpen]);
-  const handleRef = useCallback(node => {
-    setRef(referenceRef, node);
-    handleOpen();
-  }, [handleOpen]);
-  return _jsx(Portal, {
-    children: _jsx(Box, _objectSpread(_objectSpread({}, boxProps), {}, {
-      ref: handleRef,
-      position: "fixed",
-      className: styles.root,
-      "aria-hidden": !isOpen,
-      children: isOpen ? children : null
-    }))
-  });
 };
-
-const convertPlacement = alignment => {
-  switch (alignment) {
-    case EAlignment.BOTTOM_LEFT:
-      return 'bottom-start';
-
-    case EAlignment.BOTTOM_RIGHT:
-      return 'bottom-end';
-
-    case EAlignment.TOP_LEFT:
-      return 'top-start';
-
-    case EAlignment.TOP_RIGHT:
-      return 'top-end';
-
-    default:
-      return alignment;
-  }
-};

package/dist/components/Positioner/alignment.d.ts

@@ -0,0 +1,11 @@
+export declare enum EAlignment {
+    TOP = "top",
+    TOP_LEFT = "top_left",
+    TOP_RIGHT = "top_right",
+    BOTTOM = "bottom",
+    BOTTOM_LEFT = "bottom_left",
+    BOTTOM_RIGHT = "bottom_right",
+    LEFT = "left",
+    RIGHT = "right"
+}
+//# sourceMappingURL=alignment.d.ts.map

package/dist/components/Positioner/alignment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment.d.ts","sourceRoot":"","sources":["../../../lib/components/Positioner/alignment.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU;IACrB,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;CACf"}

package/dist/components/Positioner/alignment.js

@@ -1,14 +1,11 @@
-"use strict";
-
-export let EAlignment;
-
+export var EAlignment;
 (function (EAlignment) {
-  EAlignment["TOP"] = "top";
-  EAlignment["TOP_LEFT"] = "top_left";
-  EAlignment["TOP_RIGHT"] = "top_right";
-  EAlignment["BOTTOM"] = "bottom";
-  EAlignment["BOTTOM_LEFT"] = "bottom_left";
-  EAlignment["BOTTOM_RIGHT"] = "bottom_right";
-  EAlignment["LEFT"] = "left";
-  EAlignment["RIGHT"] = "right";
-})(EAlignment || (EAlignment = {}));
+    EAlignment["TOP"] = "top";
+    EAlignment["TOP_LEFT"] = "top_left";
+    EAlignment["TOP_RIGHT"] = "top_right";
+    EAlignment["BOTTOM"] = "bottom";
+    EAlignment["BOTTOM_LEFT"] = "bottom_left";
+    EAlignment["BOTTOM_RIGHT"] = "bottom_right";
+    EAlignment["LEFT"] = "left";
+    EAlignment["RIGHT"] = "right";
+})(EAlignment || (EAlignment = {}));

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

@@ -0,0 +1,3 @@
+export { EAlignment as EPositionerAlignment } from './alignment';
+export { Positioner } from './Positioner';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Positioner/index.js

@@ -1,4 +1,2 @@
-"use strict";
-
-export { EAlignment as EPositionerAlignment } from "./alignment.js";
-export { Positioner } from "./Positioner.js";
+export { EAlignment as EPositionerAlignment } from './alignment';
+export { Positioner } from './Positioner';

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

@@ -0,0 +1,3 @@
+export declare const container: string;
+export declare const bar: string;
+//# sourceMappingURL=ProgressBar.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.css.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressBar/ProgressBar.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,GAAG,QAGd,CAAC"}

package/dist/components/ProgressBar/ProgressBar.css.js

@@ -1,17 +1,9 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/ProgressBar/ProgressBar.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 container = style({
-  height: vars.space['2']
-}, "container");
+    height: vars.space['2'],
+});
 export const bar = style({
-  transition: "width 0.2s ".concat(vars.animation.easing.standard, " 0s"),
-  willChange: 'width'
-}, "bar");
-
-__vanilla_filescope__.endFileScope();
+    transition: `width 0.2s ${vars.animation.easing.standard} 0s`,
+    willChange: 'width',
+});

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+declare const colours: ReadonlyArray<'red' | 'green' | 'blue' | 'yellow' | 'neutral'>;
+export interface Props {
+    value?: number;
+    colour?: typeof colours[number];
+}
+export declare const ProgressBar: FunctionComponent<Props>;
+export {};
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1D,QAAA,MAAM,OAAO,EAAE,aAAa,CAC3B,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CACU,CAAC;AAE3D,MAAM,WAAW,KAAK;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC;CAChC;AAaD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAiBhD,CAAC"}

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,34 +1,16 @@
-"use strict";
-
 import { clamp } from '@autoguru/utilities';
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./ProgressBar.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+import * as styles from './ProgressBar.css';
 const colours = ['red', 'green', 'blue', 'yellow', 'neutral'];
 const backgroundColorMap = {
-  red: 'red500',
-  green: 'green500',
-  blue: 'blue500',
-  yellow: 'yellow600',
-  neutral: 'gray500'
+    red: 'red500',
+    green: 'green500',
+    blue: 'blue500',
+    yellow: 'yellow600',
+    neutral: 'gray500',
 };
-export const ProgressBar = _ref => {
-  let {
-    value = 0,
-    colour = 'green'
-  } = _ref;
-  return _jsx(Box, {
-    className: styles.container,
-    borderRadius: "1",
-    backgroundColour: "gray100",
-    children: _jsx(Box, {
-      borderRadius: "1",
-      backgroundColour: backgroundColorMap[colour],
-      className: [styles.bar, styles.container],
-      style: {
-        width: "".concat(clamp(value, 0, 1) * 100, "%")
-      }
-    })
-  });
-};
+export const ProgressBar = ({ value = 0, colour = 'green', }) => (React.createElement(Box, { className: styles.container, borderRadius: "1", backgroundColour: "gray100" },
+    React.createElement(Box, { borderRadius: "1", backgroundColour: backgroundColorMap[colour], className: [styles.bar, styles.container], style: {
+            width: `${clamp(value, 0, 1) * 100}%`,
+        } })));

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

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

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

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

package/dist/components/ProgressBar/index.js

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

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

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

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

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

package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js

@@ -1,14 +1,6 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/ProgressBarGroup/ProgressBarGroup.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({
-  display: 'grid',
-  gridGap: "".concat(vars.space['1'], " ").concat(vars.space['5'])
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    display: 'grid',
+    gridGap: `${vars.space['1']} ${vars.space['5']}`,
+});

package/dist/components/ProgressBarGroup/ProgressBarGroup.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { ProgressBar } from '../ProgressBar';
+export interface Props extends Pick<ComponentProps<typeof ProgressBar>, 'colour'> {
+    prefixLabels?: string[];
+    suffixLabels?: string[];
+    count?: number;
+    values: number[];
+}
+export declare const ProgressBarGroup: FunctionComponent<Props>;
+//# sourceMappingURL=ProgressBarGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressBarGroup/ProgressBarGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,QAAQ,CAAC;IAC1D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,KAAK,CAgCrD,CAAC"}

package/dist/components/ProgressBarGroup/ProgressBarGroup.js

@@ -1,44 +1,16 @@
-"use strict";
-
 import * as React from 'react';
 import { Fragment } from 'react';
-import { Box } from "../Box/index.js";
-import { ProgressBar } from "../ProgressBar/index.js";
-import { Text } from "../Text/index.js";
-import * as styles from "./ProgressBarGroup.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const ProgressBarGroup = _ref => {
-  let {
-    prefixLabels,
-    suffixLabels,
-    values,
-    count = values.reduce((result, item) => result + item, 0),
-    colour
-  } = _ref;
-  const hasPrefixLabels = Array.isArray(prefixLabels);
-  const hasSuffixLabels = Array.isArray(suffixLabels);
-  return _jsx(Box, {
-    className: styles.root,
-    alignItems: "center",
-    style: {
-      gridTemplateColumns: "".concat(hasPrefixLabels ? 'auto ' : '', "1fr").concat(hasSuffixLabels ? ' auto' : '')
-    },
-    children: values.map((value, idx) => _jsxs(Fragment, {
-      children: [_jsx(Text, {
-        size: "3",
-        align: "right",
-        colour: "light",
-        children: hasPrefixLabels ? prefixLabels[idx] : ''
-      }), _jsx(ProgressBar, {
-        colour: colour,
-        value: value / count
-      }), _jsx(Text, {
-        size: "3",
-        align: "left",
-        colour: "light",
-        children: hasSuffixLabels ? suffixLabels[idx] : ''
-      })]
-    }, idx))
-  });
-};
+import { Box } from '../Box';
+import { ProgressBar } from '../ProgressBar';
+import { Text } from '../Text';
+import * as styles from './ProgressBarGroup.css';
+export const ProgressBarGroup = ({ prefixLabels, suffixLabels, values, count = values.reduce((result, item) => result + item, 0), colour, }) => {
+    const hasPrefixLabels = Array.isArray(prefixLabels);
+    const hasSuffixLabels = Array.isArray(suffixLabels);
+    return (React.createElement(Box, { className: styles.root, alignItems: "center", style: {
+            gridTemplateColumns: `${hasPrefixLabels ? 'auto ' : ''}1fr${hasSuffixLabels ? ' auto' : ''}`,
+        } }, values.map((value, idx) => (React.createElement(Fragment, { key: idx },
+        React.createElement(Text, { size: "3", align: "right", colour: "light" }, hasPrefixLabels ? prefixLabels[idx] : ''),
+        React.createElement(ProgressBar, { colour: colour, value: value / count }),
+        React.createElement(Text, { size: "3", align: "left", colour: "light" }, hasSuffixLabels ? suffixLabels[idx] : ''))))));
+};

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

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

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

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

package/dist/components/ProgressBarGroup/index.js

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