@autoguru/overdrive 3.0.0-next.8 → 4.0.2

package/dist/components/Positioner/Positioner.js

@@ -1,113 +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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import flip from '@popperjs/core/lib/modifiers/flip';
-import offset from '@popperjs/core/lib/modifiers/offset';
-import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow';
-import { defaultModifiers, popperGenerator } from '@popperjs/core/lib/popper-lite';
+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";
-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 <Portal>
-			<Box {...boxProps} ref={handleRef} position="fixed" className={styles.root} aria-hidden={!isOpen}>
-				{isOpen ? children : null}
-			</Box>
-		</Portal>;
 };
-
-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/Positioner/stories.js

@@ -13,6 +13,8 @@ import { Button } from "../Button/index.js";
 import { Text } from "../Text/index.js";
 import { EAlignment } from "./alignment.js";
 import { Positioner } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Utility/Positioner',
   component: Positioner,
@@ -41,50 +43,68 @@ export default {
 
 const Template = args => {
   const triggerRef = useRef(null);
-  return <div>
-			<Button ref={triggerRef} size="small">
-				Open me
-			</Button>
-			<Positioner {...args} triggerRef={triggerRef}>
-				<Box boxShadow={1} backgroundColour="white" borderRadius="1" borderWidth="1" borderColour="gray" padding="2">
-					<Text is="p">
-						Hello im from the consumer:{' '}
-						{Math.ceil(Math.random() * 100)}
-					</Text>
-				</Box>
-			</Positioner>
-		</div>;
+  return _jsxs("div", {
+    children: [_jsx(Button, {
+      ref: triggerRef,
+      size: "small",
+      children: "Open me"
+    }), _jsx(Positioner, _objectSpread(_objectSpread({}, args), {}, {
+      triggerRef: triggerRef,
+      children: _jsx(Box, {
+        boxShadow: 1,
+        backgroundColour: "white",
+        borderRadius: "1",
+        borderWidth: "1",
+        borderColour: "gray",
+        padding: "2",
+        children: _jsxs(Text, {
+          is: "p",
+          children: ["Hello im from the consumer:", ' ', Math.ceil(Math.random() * 100)]
+        })
+      })
+    }))]
+  });
 };
 
 const WithScrollTemplate = args => {
   const triggerRef = useRef(null);
-  return <div style={{
-    height: '100%',
-    width: '100%'
-  }}>
-			<div style={{
-      height: 'calc(100vh*5)',
-      width: 'calc(100vw*5)'
-    }}>
-				<div style={{
-        paddingTop: 'calc((100vh*5) / 2)',
-        paddingLeft: 'calc((100vw*5) / 2)'
-      }}>
-					<Button ref={triggerRef} size="small">
-						I'm the trigger
-					</Button>
-				</div>
-
-				<Positioner {...args} triggerRef={triggerRef}>
-					<Box boxShadow={1} backgroundColour="white" borderRadius="1" borderWidth="1" borderColour="gray" padding="2">
-						<Text is="p">
-							Hello im from the consumer:{' '}
-							{Math.ceil(Math.random() * 100)}
-						</Text>
-					</Box>
-				</Positioner>
-			</div>
-		</div>;
+  return _jsx("div", {
+    style: {
+      height: '100%',
+      width: '100%'
+    },
+    children: _jsxs("div", {
+      style: {
+        height: 'calc(100vh*5)',
+        width: 'calc(100vw*5)'
+      },
+      children: [_jsx("div", {
+        style: {
+          paddingTop: 'calc((100vh*5) / 2)',
+          paddingLeft: 'calc((100vw*5) / 2)'
+        },
+        children: _jsx(Button, {
+          ref: triggerRef,
+          size: "small",
+          children: "I'm the trigger"
+        })
+      }), _jsx(Positioner, _objectSpread(_objectSpread({}, args), {}, {
+        triggerRef: triggerRef,
+        children: _jsx(Box, {
+          boxShadow: 1,
+          backgroundColour: "white",
+          borderRadius: "1",
+          borderWidth: "1",
+          borderColour: "gray",
+          padding: "2",
+          children: _jsxs(Text, {
+            is: "p",
+            children: ["Hello im from the consumer:", ' ', Math.ceil(Math.random() * 100)]
+          })
+        })
+      }))]
+    })
+  });
 };
 
 const standardProps = {

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,25 +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 { 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 <Box className={styles.container} borderRadius="1" backgroundColour="gray100">
-		<Box borderRadius="1" backgroundColour={backgroundColorMap[colour]} className={[styles.bar, styles.container]} style={{
-      width: "".concat(clamp(value, 0, 1) * 100, "%")
-    }} />
-	</Box>;
-};
+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/ProgressBar/stories.js

@@ -1,22 +1,42 @@
 "use strict";
 
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 import * as React from 'react';
 import { Stack } from "../Stack/index.js";
 import { ProgressBar } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Components/Progress/ProgressBar',
   component: ProgressBar
 };
 
-const Template = args => <ProgressBar {...args} />;
+const Template = args => _jsx(ProgressBar, _objectSpread({}, args));
 
-const AllColoursTemplate = args => <Stack space="2">
-		<ProgressBar value={0.5} colour="green" {...args} />
-		<ProgressBar value={0.4} colour="blue" {...args} />
-		<ProgressBar value={0.1} colour="neutral" {...args} />
-		<ProgressBar value={15} colour="red" {...args} />
-		<ProgressBar value={0.156} colour="yellow" {...args} />
-	</Stack>;
+const AllColoursTemplate = args => _jsxs(Stack, {
+  space: "2",
+  children: [_jsx(ProgressBar, _objectSpread({
+    value: 0.5,
+    colour: "green"
+  }, args)), _jsx(ProgressBar, _objectSpread({
+    value: 0.4,
+    colour: "blue"
+  }, args)), _jsx(ProgressBar, _objectSpread({
+    value: 0.1,
+    colour: "neutral"
+  }, args)), _jsx(ProgressBar, _objectSpread({
+    value: 15,
+    colour: "red"
+  }, args)), _jsx(ProgressBar, _objectSpread({
+    value: 0.156,
+    colour: "yellow"
+  }, args))]
+});
 
 const standardProps = {};
 export const standard = Template.bind(standardProps);

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,32 +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";
-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 <Box className={styles.root} alignItems="center" style={{
-    gridTemplateColumns: "".concat(hasPrefixLabels ? 'auto ' : '', "1fr").concat(hasSuffixLabels ? ' auto' : '')
-  }}>
-			{values.map((value, idx) => <Fragment key={idx}>
-					<Text size="3" align="right" colour="light">
-						{hasPrefixLabels ? prefixLabels[idx] : ''}
-					</Text>
-					<ProgressBar colour={colour} value={value / count} />
-					<Text size="3" align="left" colour="light">
-						{hasSuffixLabels ? suffixLabels[idx] : ''}
-					</Text>
-				</Fragment>)}
-		</Box>;
-};
+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';