@autoguru/overdrive 4.0.3 → 4.0.4

package/dist/components/Flyout/Flyout.js

@@ -1,41 +1,5 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "triggerRef", "isOpen", "alignment", "triggerOffset"];
-
-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 { Box } from "../Box/index.js";
-import { Positioner } from "../Positioner/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Flyout = _ref => {
-  let {
-    children,
-    triggerRef,
-    isOpen,
-    alignment,
-    triggerOffset
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return _jsx(Positioner, _objectSpread(_objectSpread({
-    triggerRef: triggerRef,
-    isOpen: isOpen,
-    alignment: alignment,
-    triggerOffset: triggerOffset
-  }, rest), {}, {
-    children: _jsx(Box, {
-      overflow: "hidden",
-      backgroundColour: "white",
-      boxShadow: "4",
-      borderRadius: "1",
-      borderWidth: "1",
-      borderColour: "gray",
-      children: children
-    })
-  }));
-};
+import { Box } from '../Box';
+import { Positioner } from '../Positioner';
+export const Flyout = ({ children, triggerRef, isOpen, alignment, triggerOffset, ...rest }) => (React.createElement(Positioner, { triggerRef: triggerRef, isOpen: isOpen, alignment: alignment, triggerOffset: triggerOffset, ...rest },
+    React.createElement(Box, { overflow: "hidden", backgroundColour: "white", boxShadow: "4", borderRadius: "1", borderWidth: "1", borderColour: "gray" }, children)));

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

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

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

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

package/dist/components/Flyout/index.js

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

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { Tokens } from '../../themes/tokens';
+import { Box } from '../Box';
+import type { TextStyleProps } from '../Text';
+export interface Props extends Omit<TextStyleProps, 'is'>, Pick<ComponentProps<typeof Box>, 'id'> {
+    className?: string;
+    is?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    colour?: Exclude<keyof Tokens['typography']['colour'], 'muted'>;
+}
+export declare const Heading: FunctionComponent<Props>;
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../lib/components/Heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EACjC,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;CAChE;AAWD,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CA4B5C,CAAC"}

package/dist/components/Heading/Heading.js

@@ -1,41 +1,22 @@
-"use strict";
-
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { useTextStyles } from "../Text/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+import { useTextStyles } from '../Text';
 const sizeScaleDefaults = {
-  h1: '8',
-  h2: '7',
-  h3: '6',
-  h4: '4',
-  h5: '3',
-  h6: '2'
+    h1: '8',
+    h2: '7',
+    h3: '6',
+    h4: '4',
+    h5: '3',
+    h6: '2',
 };
-export const Heading = _ref => {
-  let {
-    is = 'h1',
-    align,
-    fontWeight = 'bold',
-    noWrap,
-    transform,
-    colour = 'dark',
-    size = sizeScaleDefaults[is],
-    id,
-    className = '',
-    children
-  } = _ref;
-  return _jsx(Box, {
-    id: id,
-    is: is,
-    className: [useTextStyles({
-      size,
-      align,
-      colour,
-      noWrap,
-      transform,
-      fontWeight
-    }), className],
-    children: children
-  });
-};
+export const Heading = ({ is = 'h1', align, fontWeight = 'bold', noWrap, transform, colour = 'dark', size = sizeScaleDefaults[is], id, className = '', children, }) => (React.createElement(Box, { id: id, is: is, className: [
+        useTextStyles({
+            size,
+            align,
+            colour,
+            noWrap,
+            transform,
+            fontWeight,
+        }),
+        className,
+    ] }, children));

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

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

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

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

package/dist/components/Heading/index.js

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

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

@@ -0,0 +1,2 @@
+export declare const size: Record<string | number, any>;
+//# sourceMappingURL=Icon.css.d.ts.map

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

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

package/dist/components/Icon/Icon.css.js

@@ -1,14 +1,6 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Icon/Icon.css.ts", "@autoguru/overdrive");
-
-import { vars } from "../../themes/base/vars.css.js";
-import { makeResponsiveStyle } from "../../utils/responsiveProps.css.js";
-export const size = makeResponsiveStyle(vars.icon.size, value => ({
-  width: value,
-  height: value
+import { vars } from '../../themes/base/vars.css';
+import { makeResponsiveStyle } from '../../utils/responsiveProps.css';
+export const size = makeResponsiveStyle(vars.icon.size, (value) => ({
+    width: value,
+    height: value,
 }));
-
-__vanilla_filescope__.endFileScope();

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,13 @@
+import type { IconType } from '@autoguru/icons';
+import type { FunctionComponent, ReactElement, SVGAttributes } from 'react';
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+import type { BoxStyleProps } from '../Box';
+import * as styles from './Icon.css';
+export interface Props {
+    display?: Extract<BoxStyleProps['display'], 'block' | 'inlineBlock'>;
+    className?: string;
+    size?: ResponsiveProp<keyof typeof styles.size | string>;
+    icon: IconType | ReactElement<SVGAttributes<SVGElement>, 'svg'>;
+}
+export declare const Icon: FunctionComponent<Props>;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAoBzC,CAAC"}

package/dist/components/Icon/Icon.js

@@ -1,30 +1,13 @@
-"use strict";
-
 import * as React from 'react';
 import { cloneElement } from 'react';
-import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
-import { Box, useBoxStyles } from "../Box/index.js";
-import * as styles from "./Icon.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Icon = _ref => {
-  let {
-    className = '',
-    icon,
-    size = 'small',
-    display = 'block'
-  } = _ref;
-  return _jsx(Box, {
-    is: "i",
-    display: display,
-    className: [resolveResponsiveStyle(size, styles.size), className],
-    role: "presentation",
-    children: cloneElement(icon, {
-      className: useBoxStyles({
+import { resolveResponsiveStyle } from '../../utils/resolveResponsiveProps';
+import { Box, useBoxStyles } from '../Box';
+import * as styles from './Icon.css';
+export const Icon = ({ className = '', icon, size = 'small', display = 'block', }) => (React.createElement(Box, { is: "i", display: display, className: [resolveResponsiveStyle(size, styles.size), className], role: "presentation" }, cloneElement(icon, {
+    className: useBoxStyles({
         is: 'svg',
         display: 'block',
         width: 'full',
-        height: 'full'
-      })
-    })
-  });
-};
+        height: 'full',
+    }),
+})));

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

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

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

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

package/dist/components/Icon/index.js

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

package/dist/components/Inline/Inline.d.ts

@@ -0,0 +1,13 @@
+import type { FunctionComponent, ReactChild } from 'react';
+import { Tokens } from '../../themes/tokens';
+import { ResponsiveProp } from '../../utils/responsiveProps.css';
+import type { BoxStyleProps } from '../Box';
+export interface Props extends Pick<BoxStyleProps, 'is'> {
+    space?: ResponsiveProp<keyof Tokens['space']>;
+    alignY?: BoxStyleProps['alignItems'];
+    alignX?: BoxStyleProps['justifyContent'];
+    noWrap?: boolean;
+    dividers?: boolean | ReactChild;
+}
+export declare const Inline: FunctionComponent<Props>;
+//# sourceMappingURL=Inline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../lib/components/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAgB,MAAM,OAAO,CAAC;AASzE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAOD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CAqD3C,CAAC"}

package/dist/components/Inline/Inline.js

@@ -1,75 +1,34 @@
-"use strict";
-
 import * as React from 'react';
 import { Children, isValidElement } from 'react';
 import flattenChildren from 'react-keyed-flatten-children';
-import { useNegativeMarginLeft, useNegativeMarginTop } from "../../hooks/useNegativeMargin/useNegativeMargin.js";
-import { Box } from "../Box/index.js";
-import { Text } from "../Text/index.js";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const supportedListTypes = ['ul', 'ol'];
-export const Inline = _ref => {
-  let {
-    is = 'div',
-    children,
-    space = '2',
-    alignY = 'center',
-    alignX,
-    noWrap,
-    dividers
-  } = _ref;
-  const negativeMarginLeft = useNegativeMarginLeft(space);
-  const negativeMarginTop = useNegativeMarginTop(space);
-  const items = flattenChildren(children);
-
-  if (items.length < 2) {
-    return _jsx(_Fragment, {
-      children: items
-    });
-  }
-
-  const divider = renderDivider(dividers);
-  let listItem = 'div';
-  if (typeof is === 'string') listItem = supportedListTypes.includes(is) ? 'li' : 'div';
-  return _jsx(Box, {
-    is: is,
-    position: "relative",
-    display: "flex",
-    alignItems: alignY,
-    justifyContent: alignX,
-    flexDirection: "row",
-    flexWrap: noWrap ? 'nowrap' : 'wrap',
-    className: [negativeMarginTop, !dividers && negativeMarginLeft],
-    children: Children.map(items, (child, idx) => child !== null && child !== undefined ? _jsxs(Box, {
-      is: listItem,
-      display: "flex",
-      flexDirection: "row",
-      flexWrap: "nowrap",
-      alignItems: alignY,
-      paddingTop: space,
-      paddingLeft: dividers ? undefined : space,
-      children: [child, dividers && idx !== items.length - 1 ? _jsx(Box, {
-        paddingX: space,
-        children: divider
-      }) : null]
-    }) : null)
-  });
+import { useNegativeMarginLeft, useNegativeMarginTop, } from '../../hooks/useNegativeMargin/useNegativeMargin';
+import { Box } from '../Box';
+import { Text } from '../Text';
+const supportedListTypes = [
+    'ul',
+    'ol',
+];
+export const Inline = ({ is = 'div', children, space = '2', alignY = 'center', alignX, noWrap, dividers, }) => {
+    const negativeMarginLeft = useNegativeMarginLeft(space);
+    const negativeMarginTop = useNegativeMarginTop(space);
+    const items = flattenChildren(children);
+    if (items.length < 2) {
+        return React.createElement(React.Fragment, null, items);
+    }
+    const divider = renderDivider(dividers);
+    let listItem = 'div';
+    if (typeof is === 'string')
+        listItem = supportedListTypes.includes(is) ? 'li' : 'div';
+    return (React.createElement(Box, { is: is, position: "relative", display: "flex", alignItems: alignY, justifyContent: alignX, flexDirection: "row", flexWrap: noWrap ? 'nowrap' : 'wrap', className: [negativeMarginTop, !dividers && negativeMarginLeft] }, Children.map(items, (child, idx) => child !== null && child !== undefined ? (React.createElement(Box, { is: listItem, display: "flex", flexDirection: "row", flexWrap: "nowrap", alignItems: alignY, paddingTop: space, paddingLeft: dividers ? undefined : space },
+        child,
+        dividers && idx !== items.length - 1 ? (React.createElement(Box, { paddingX: space }, divider)) : null)) : null)));
+};
+const renderDivider = (dividers) => {
+    if (typeof dividers === 'boolean') {
+        return dividers ? React.createElement(Text, null, "\u2022") : null;
+    }
+    if (isValidElement(dividers)) {
+        return dividers;
+    }
+    return React.createElement(Text, null, dividers);
 };
-
-const renderDivider = dividers => {
-  if (typeof dividers === 'boolean') {
-    return dividers ? _jsx(Text, {
-      children: "\u2022"
-    }) : null;
-  }
-
-  if (isValidElement(dividers)) {
-    return dividers;
-  }
-
-  return _jsx(Text, {
-    children: dividers
-  });
-};

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

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

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

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

package/dist/components/Inline/index.js

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

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

@@ -0,0 +1,4 @@
+export declare const root: string;
+export declare const linearProgressBar: string;
+export declare const linearProgressBarInner: string;
+//# sourceMappingURL=LinearProgressIndicator.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgressIndicator.css.d.ts","sourceRoot":"","sources":["../../../lib/components/LinearProgressIndicator/LinearProgressIndicator.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAIf,CAAC;AAoBH,eAAO,MAAM,iBAAiB,QAM5B,CAAC;AAsBH,eAAO,MAAM,sBAAsB,QAKjC,CAAC"}

package/dist/components/LinearProgressIndicator/LinearProgressIndicator.css.js

@@ -1,62 +1,54 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/LinearProgressIndicator/LinearProgressIndicator.css.ts", "@autoguru/overdrive");
-
 import { keyframes, style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const root = style({
-  height: vars.space['1'],
-  transition: 'opacity 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms',
-  transform: 'translateZ(0)'
-}, "root");
+    height: vars.space['1'],
+    transition: 'opacity 0.25s cubic-bezier(0.4, 0, 0.6, 1) 0ms',
+    transform: 'translateZ(0)',
+});
 const layerOneAnim = keyframes({
-  '0%': {
-    animationTimingFunction: 'cubic-bezier(0.15, 0, 0.51506, 0.40969)',
-    transform: 'translateX(0)'
-  },
-  '25%': {
-    animationTimingFunction: 'cubic-bezier(0.31033, 0.28406, 0.8, 0.73371)',
-    transform: 'translateX(37.65191%)'
-  },
-  '48.35%': {
-    animationTimingFunction: 'cubic-bezier(0.4, 0.62704, 0.6, 0.90203)',
-    transform: 'translateX(84.38617%)'
-  },
-  '100%': {
-    transform: 'translateX(160.27778%)'
-  }
-}, "layerOneAnim");
+    '0%': {
+        animationTimingFunction: 'cubic-bezier(0.15, 0, 0.51506, 0.40969)',
+        transform: 'translateX(0)',
+    },
+    '25%': {
+        animationTimingFunction: 'cubic-bezier(0.31033, 0.28406, 0.8, 0.73371)',
+        transform: 'translateX(37.65191%)',
+    },
+    '48.35%': {
+        animationTimingFunction: 'cubic-bezier(0.4, 0.62704, 0.6, 0.90203)',
+        transform: 'translateX(84.38617%)',
+    },
+    '100%': {
+        transform: 'translateX(160.27778%)',
+    },
+});
 export const linearProgressBar = style({
-  left: '-54.888891%',
-  animationDuration: '2s',
-  animationTimingFunction: 'linear',
-  animationIterationCount: 'infinite',
-  animationName: layerOneAnim
-}, "linearProgressBar");
+    left: '-54.888891%',
+    animationDuration: '2s',
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite',
+    animationName: layerOneAnim,
+});
 const layerTwoAnim = keyframes({
-  '0%': {
-    animationTimingFunction: 'cubic-bezier(0.20503,0.05705,0.57661,0.45397)',
-    transform: 'scaleX(0.08)'
-  },
-  '19.15%': {
-    animationTimingFunction: 'cubic-bezier(0.15231,0.19643,0.64837,1.00432)',
-    transform: 'scaleX(0.4571)'
-  },
-  '44.15%': {
-    animationTimingFunction: 'cubic-bezier(0.25776,-0.00316,0.21176,1.38179)',
-    transform: 'scaleX(0.72796)'
-  },
-  '100%': {
-    transform: 'scaleX(0.08)'
-  }
-}, "layerTwoAnim");
+    '0%': {
+        animationTimingFunction: 'cubic-bezier(0.20503,0.05705,0.57661,0.45397)',
+        transform: 'scaleX(0.08)',
+    },
+    '19.15%': {
+        animationTimingFunction: 'cubic-bezier(0.15231,0.19643,0.64837,1.00432)',
+        transform: 'scaleX(0.4571)',
+    },
+    '44.15%': {
+        animationTimingFunction: 'cubic-bezier(0.25776,-0.00316,0.21176,1.38179)',
+        transform: 'scaleX(0.72796)',
+    },
+    '100%': {
+        transform: 'scaleX(0.08)',
+    },
+});
 export const linearProgressBarInner = style({
-  animationDuration: '2s',
-  animationTimingFunction: 'linear',
-  animationIterationCount: 'infinite',
-  animationName: layerTwoAnim
-}, "linearProgressBarInner");
-
-__vanilla_filescope__.endFileScope();
+    animationDuration: '2s',
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite',
+    animationName: layerTwoAnim,
+});

package/dist/components/LinearProgressIndicator/LinearProgressIndicator.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgressIndicator.d.ts","sourceRoot":"","sources":["../../../lib/components/LinearProgressIndicator/LinearProgressIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMnD,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,uBAAuB,EAAE,oBAAoB,CAAC,KAAK,CA0B/D,CAAC"}

package/dist/components/LinearProgressIndicator/LinearProgressIndicator.js

@@ -1,33 +1,9 @@
-"use strict";
-
 import * as React from 'react';
 import { memo } from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./LinearProgressIndicator.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const LinearProgressIndicator = memo(_ref => {
-  let {
-    className = ''
-  } = _ref;
-  return _jsx(Box, {
-    position: "relative",
-    overflow: "hidden",
-    width: "full",
-    backgroundColour: "gray200",
-    className: [styles.root, className],
-    children: _jsx(Box, {
-      position: "absolute",
-      width: "full",
-      height: "full",
-      className: styles.linearProgressBar,
-      children: _jsx(Box, {
-        is: "span",
-        backgroundColour: "green300",
-        position: "absolute",
-        width: "full",
-        height: "full",
-        className: styles.linearProgressBarInner
-      })
-    })
-  });
-});
+import { Box } from '../Box';
+import * as styles from './LinearProgressIndicator.css';
+export const LinearProgressIndicator = memo(({ className = '' }) => {
+    return (React.createElement(Box, { position: "relative", overflow: "hidden", width: "full", backgroundColour: "gray200", className: [styles.root, className] },
+        React.createElement(Box, { position: "absolute", width: "full", height: "full", className: styles.linearProgressBar },
+            React.createElement(Box, { is: "span", backgroundColour: "green300", position: "absolute", width: "full", height: "full", className: styles.linearProgressBarInner }))));
+});

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

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

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

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

package/dist/components/LinearProgressIndicator/index.js

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

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

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

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

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