@autoguru/overdrive 3.0.0-next.8 → 4.0.2

package/dist/components/Stepper/Stepper.js

@@ -1,140 +1,107 @@
-"use strict";
-
 import { MinusIcon, PlusIcon } from '@autoguru/icons';
 import { clamp } from '@autoguru/utilities';
 import clsx from 'clsx';
 import * as React from 'react';
-import { useCallback, useReducer, useRef } from 'react';
-import { Box, useBoxStyles } from "../Box/index.js";
-import { Column, Columns } from "../Columns/index.js";
-import { Icon } from "../Icon/index.js";
-import { Text, useTextStyles } from "../Text/index.js";
-import * as styles from "./Stepper.css.js";
+import { useCallback, useReducer, useRef, } from 'react';
+import { Box, useBoxStyles } from '../Box';
+import { Column, Columns } from '../Columns';
+import { Icon } from '../Icon';
+import { Text, useTextStyles } from '../Text';
+import * as styles from './Stepper.css';
 var EActionType;
-
 (function (EActionType) {
-  EActionType[EActionType["INCREMENT"] = 0] = "INCREMENT";
-  EActionType[EActionType["DECREMENT"] = 1] = "DECREMENT";
-  EActionType[EActionType["VALUE"] = 2] = "VALUE";
+    EActionType[EActionType["INCREMENT"] = 0] = "INCREMENT";
+    EActionType[EActionType["DECREMENT"] = 1] = "DECREMENT";
+    EActionType[EActionType["VALUE"] = 2] = "VALUE";
 })(EActionType || (EActionType = {}));
-
-const getValueOrSafeInteger = value => value < 0 ? Number.MIN_SAFE_INTEGER : Number.MAX_SAFE_INTEGER;
-
+const getValueOrSafeInteger = (value) => value < 0 ? Number.MIN_SAFE_INTEGER : Number.MAX_SAFE_INTEGER;
 const reducer = (state, action) => {
-  if (action.type === EActionType.VALUE) {
+    if (action.type === EActionType.VALUE) {
+        return {
+            value: Number.isFinite(action.value)
+                ? action.value
+                : getValueOrSafeInteger(action.value),
+        };
+    }
+    const direction = EActionType.DECREMENT === action.type ? -1 : 1;
     return {
-      value: Number.isFinite(action.value) ? action.value : getValueOrSafeInteger(action.value)
+        value: clamp(state.value + direction * action.step, action.min, action.max),
     };
-  }
-
-  const direction = EActionType.DECREMENT === action.type ? -1 : 1;
-  return {
-    value: clamp(state.value + direction * action.step, action.min, action.max)
-  };
-};
-
-const Handle = _ref => {
-  let {
-    disabled,
-    icon,
-    label,
-    onClick
-  } = _ref;
-  return <Box is="button" className={[styles.handle.default, disabled && styles.handle.disabled, useTextStyles({
-    colour: 'white'
-  })]} aria-label={label} padding="none" borderRadius="full" display="flex" alignItems="center" justifyContent="center" disabled={disabled} tabIndex={-1} onClick={onClick}>
-		<Icon icon={icon} size="small" />
-	</Box>;
 };
-
-export const Stepper = _ref2 => {
-  let {
-    className = '',
-    disabled: incomingDisabled = false,
-    step = 1,
-    min = Number.NEGATIVE_INFINITY,
-    max = Number.POSITIVE_INFINITY,
-    value,
-    format = value => value.toString(),
-    onChange
-  } = _ref2;
-  const disabled = incomingDisabled || value === undefined || value === null;
-  const [state, dispatch] = useReducer(reducer, {
-    value: value !== null && value !== void 0 ? value : 0
-  });
-  const prevValue = useRef(value);
-
-  if (state.value !== value && typeof onChange === 'function') {
-    onChange(state.value);
-  }
-
-  const onDecrement = useCallback(() => dispatch({
-    type: EActionType.DECREMENT,
-    step,
-    min,
-    max
-  }), [step, min, max]);
-  const onIncrement = useCallback(() => dispatch({
-    type: EActionType.INCREMENT,
-    step,
-    min,
-    max
-  }), [step, min, max]);
-  const keyDownHandler = useCallback(event => {
-    switch (event.key) {
-      case 'ArrowLeft':
-        return onDecrement();
-
-      case 'ArrowRight':
-        return onIncrement();
-
-      case 'Home':
-      case 'End':
-        event.preventDefault();
-        return dispatch({
-          type: EActionType.VALUE,
-          max,
-          min,
-          step,
-          value: event.key === 'Home' ? min : max
-        });
-
-      case 'Escape':
-        event.currentTarget.blur();
-        break;
+const Handle = ({ disabled, icon, label, onClick, }) => (React.createElement(Box, { is: "button", className: [
+        styles.handle.default,
+        disabled && styles.handle.disabled,
+        useTextStyles({ colour: 'white' }),
+    ], "aria-label": label, padding: "none", borderRadius: "full", display: "flex", alignItems: "center", justifyContent: "center", disabled: disabled, tabIndex: -1, onClick: onClick },
+    React.createElement(Icon, { icon: icon, size: "small" })));
+export const Stepper = ({ className = '', disabled: incomingDisabled = false, step = 1, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY, value, format = (value) => value.toString(), onChange, }) => {
+    const disabled = incomingDisabled || value === undefined || value === null;
+    const [state, dispatch] = useReducer(reducer, { value: value ?? 0 });
+    const prevValue = useRef(value);
+    if (state.value !== value && typeof onChange === 'function') {
+        onChange(state.value);
     }
-  }, [onDecrement, onIncrement]);
-
-  if (prevValue.current !== value && value !== undefined) {
-    if (value !== state.value) dispatch({
-      type: EActionType.VALUE,
-      value,
-      step,
-      min,
-      max
-    });
-    prevValue.current = value;
-  }
-
-  return <Box className={[styles.root, useBoxStyles({
-    is: 'button'
-  }), disabled && styles.disabled, className]} userSelect="none" aria-disabled={disabled} tabIndex={0} borderWidth="1" borderColour="gray" padding="3" borderRadius="1" boxShadow="2" onKeyDown={keyDownHandler}>
-			<Columns noWrap>
-				<Column noShrink alignSelf="centre">
-					<Handle icon={MinusIcon} label="step down" disabled={disabled} onClick={onDecrement} />
-				</Column>
-				<Column noShrink width="auto" alignSelf="centre">
-					<Text is="span" align="center" colour="dark" display="block" className={clsx(useBoxStyles({
-          paddingX: '2',
-          width: 'full',
-          is: 'span'
-        }), styles.label)} size="4">
-						{Number.isFinite(state.value) ? format(state.value) : ''}
-					</Text>
-				</Column>
-				<Column noShrink alignSelf="centre">
-					<Handle icon={PlusIcon} label="step up" disabled={disabled} onClick={onIncrement} />
-				</Column>
-			</Columns>
-		</Box>;
-};
+    const onDecrement = useCallback(() => dispatch({
+        type: EActionType.DECREMENT,
+        step,
+        min,
+        max,
+    }), [step, min, max]);
+    const onIncrement = useCallback(() => dispatch({
+        type: EActionType.INCREMENT,
+        step,
+        min,
+        max,
+    }), [step, min, max]);
+    const keyDownHandler = useCallback((event) => {
+        switch (event.key) {
+            case 'ArrowLeft':
+                return onDecrement();
+            case 'ArrowRight':
+                return onIncrement();
+            case 'Home':
+            case 'End':
+                event.preventDefault();
+                return dispatch({
+                    type: EActionType.VALUE,
+                    max,
+                    min,
+                    step,
+                    value: event.key === 'Home' ? min : max,
+                });
+            case 'Escape':
+                event.currentTarget.blur();
+                break;
+        }
+    }, [onDecrement, onIncrement]);
+    if (prevValue.current !== value && value !== undefined) {
+        if (value !== state.value)
+            dispatch({
+                type: EActionType.VALUE,
+                value,
+                step,
+                min,
+                max,
+            });
+        prevValue.current = value;
+    }
+    return (React.createElement(Box, { className: [
+            styles.root,
+            useBoxStyles({ is: 'button' }),
+            disabled && styles.disabled,
+            className,
+        ], userSelect: "none", "aria-disabled": disabled, tabIndex: 0, borderWidth: "1", borderColour: "gray", padding: "3", borderRadius: "1", boxShadow: "2", onKeyDown: keyDownHandler },
+        React.createElement(Columns, { noWrap: true },
+            React.createElement(Column, { noShrink: true, alignSelf: "centre" },
+                React.createElement(Handle, { icon: MinusIcon, label: "step down", disabled: disabled, onClick: onDecrement })),
+            React.createElement(Column, { noShrink: true, width: "auto", alignSelf: "centre" },
+                React.createElement(Text, { is: "span", align: "center", colour: "dark", display: "block", className: clsx(useBoxStyles({
+                        paddingX: '2',
+                        width: 'full',
+                        is: 'span',
+                    }), styles.label), size: "4" }, Number.isFinite(state.value)
+                    ? format(state.value)
+                    : '')),
+            React.createElement(Column, { noShrink: true, alignSelf: "centre" },
+                React.createElement(Handle, { icon: PlusIcon, label: "step up", disabled: disabled, onClick: onIncrement })))));
+};

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

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

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

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

package/dist/components/Stepper/index.js

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

package/dist/components/Stepper/stories.js

@@ -1,14 +1,21 @@
 "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 { action } from '@storybook/addon-actions';
 import * as React from 'react';
 import { Stepper } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default {
   title: 'Components/Inputs/Stepper',
   component: Stepper
 };
 
-const Template = args => <Stepper {...args} />;
+const Template = args => _jsx(Stepper, _objectSpread({}, args));
 
 const standardProps = {
   value: 2.7,

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

@@ -0,0 +1,5 @@
+export declare const root: string;
+export declare const handle: Record<"transition" | "default", string>;
+export declare const toggled: string;
+export declare const disabled: Record<"default" | "toggled", string>;
+//# sourceMappingURL=Switch.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/Switch.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,IAAI,QAKf,CAAC;AAEH,eAAO,MAAM,MAAM,0CAcjB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC;AAEH,eAAO,MAAM,QAAQ,uCAkBnB,CAAC"}

package/dist/components/Switch/Switch.css.js

@@ -1,57 +1,49 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Switch/Switch.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';
 const handleSize = '24px';
 const handleOffset = '2px';
 const borderSize = '1px';
 export const root = style({
-  width: "calc((2 * ".concat(handleSize, ") + ").concat(handleOffset, " - 2 * ").concat(borderSize, ")"),
-  height: "calc(".concat(handleSize, " + (").concat(handleOffset, " * 2))"),
-  transition: 'background-color 0.2s cubic-bezier(0, 0, 0.2, 1) 0s',
-  border: "".concat(borderSize, " solid ").concat(vars.border.colours.light)
-}, "root");
+    width: `calc((2 * ${handleSize}) + ${handleOffset} - 2 * ${borderSize})`,
+    height: `calc(${handleSize} + (${handleOffset} * 2))`,
+    transition: 'background-color 0.2s cubic-bezier(0, 0, 0.2, 1) 0s',
+    border: `${borderSize} solid ${vars.border.colours.light}`,
+});
 export const handle = styleVariants({
-  default: {
-    borderColor: vars.border.colours.gray,
-    top: "calc(".concat(handleOffset, " - ").concat(borderSize, ")"),
-    left: "calc(".concat(handleOffset, " - ").concat(borderSize, ")"),
-    width: "".concat(handleSize),
-    height: "".concat(handleSize),
-    transition: 'transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0s',
-    willChange: 'transform'
-  },
-  transition: {
-    transform: "translateX(calc(".concat(handleSize, " - (2 * ").concat(handleOffset, ")))"),
-    borderColor: vars.colours.intent.primary.background.strong
-  }
-}, "handle");
+    default: {
+        borderColor: vars.border.colours.gray,
+        top: `calc(${handleOffset} - ${borderSize})`,
+        left: `calc(${handleOffset} - ${borderSize})`,
+        width: `${handleSize}`,
+        height: `${handleSize}`,
+        transition: 'transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0s',
+        willChange: 'transform',
+    },
+    transition: {
+        transform: `translateX(calc(${handleSize} - (2 * ${handleOffset})))`,
+        borderColor: vars.colours.intent.primary.background.strong,
+    },
+});
 export const toggled = style({
-  borderColor: vars.colours.intent.primary.background.strong,
-  backgroundColor: vars.colours.intent.primary.background.standard
-}, "toggled");
+    borderColor: vars.colours.intent.primary.background.strong,
+    backgroundColor: vars.colours.intent.primary.background.standard,
+});
 export const disabled = styleVariants({
-  default: {
-    selectors: {
-      '&[aria-disabled=true]': {
-        cursor: 'not-allowed',
-        borderColor: vars.border.colours.light,
-        backgroundColor: vars.border.colours.light
-      }
-    }
-  },
-  toggled: {
-    selectors: {
-      '&[aria-disabled=true]': {
-        borderColor: vars.border.colours.light,
-        backgroundColor: vars.colours.intent.primary.background.mild
-      }
-    }
-  }
-}, "disabled");
-
-__vanilla_filescope__.endFileScope();
+    default: {
+        selectors: {
+            '&[aria-disabled=true]': {
+                cursor: 'not-allowed',
+                borderColor: vars.border.colours.light,
+                backgroundColor: vars.border.colours.light,
+            },
+        },
+    },
+    toggled: {
+        selectors: {
+            '&[aria-disabled=true]': {
+                borderColor: vars.border.colours.light,
+                backgroundColor: vars.colours.intent.primary.background.mild,
+            },
+        },
+    },
+});

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+export interface Props {
+    className?: string;
+    disabled?: boolean;
+    toggled?: boolean;
+    onChange?(value: boolean): void;
+}
+export declare const Switch: FunctionComponent<Props>;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,OAAO,CAAC;AAOjE,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,KAAK,CA+D3C,CAAC"}

package/dist/components/Switch/Switch.js

@@ -1,50 +1,31 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
 import { useCallback, useState } from 'react';
-import { Box, useBoxStyles } from "../Box/index.js";
-import { useTextStyles } from "../Text/index.js";
-import * as styles from "./Switch.css.js";
-export const Switch = _ref => {
-  let {
-    className = '',
-    disabled = false,
-    toggled: incomingToggled = false,
-    onChange
-  } = _ref;
-  const [toggled, setToggled] = useState(incomingToggled);
-  const [prevValue, setPrevValue] = useState(incomingToggled);
-  const onToggle = useCallback(() => {
-    if (disabled) {
-      return;
+import { Box, useBoxStyles } from '../Box';
+import { useTextStyles } from '../Text';
+import * as styles from './Switch.css';
+export const Switch = ({ className = '', disabled = false, toggled: incomingToggled = false, onChange, }) => {
+    const [toggled, setToggled] = useState(incomingToggled);
+    const [prevValue, setPrevValue] = useState(incomingToggled);
+    const onToggle = useCallback(() => {
+        if (disabled) {
+            return;
+        }
+        if (typeof onChange === 'function') {
+            onChange(!toggled);
+        }
+        setToggled(!toggled);
+    }, [incomingToggled, disabled, toggled]);
+    if (prevValue !== incomingToggled) {
+        setToggled(incomingToggled);
+        setPrevValue(incomingToggled);
     }
-
-    if (typeof onChange === 'function') {
-      onChange(!toggled);
-    }
-
-    setToggled(!toggled);
-  }, [incomingToggled, disabled, toggled]);
-
-  if (prevValue !== incomingToggled) {
-    setToggled(incomingToggled);
-    setPrevValue(incomingToggled);
-  }
-
-  return <Box is="button" className={clsx(styles.root, useTextStyles({
-    size: '5'
-  }), {
-    [styles.toggled]: toggled,
-    [styles.disabled.default]: disabled,
-    [styles.disabled.toggled]: toggled && disabled
-  }, className)} borderRadius="pill" position="relative" aria-disabled={disabled} aria-label={"toggle ".concat(toggled ? 'on' : 'off')} onClick={onToggle}>
-			<Box borderWidth="1" position="absolute" borderRadius="pill" backgroundColour="white" padding="none" boxShadow="2" className={clsx(styles.handle.default, useBoxStyles({
-      is: 'button'
-    }), useTextStyles({
-      colour: 'white'
-    }), {
-      [styles.handle.transition]: toggled
-    })} />
-		</Box>;
-};
+    return (React.createElement(Box, { is: "button", className: clsx(styles.root, useTextStyles({ size: '5' }), {
+            [styles.toggled]: toggled,
+            [styles.disabled.default]: disabled,
+            [styles.disabled.toggled]: toggled && disabled,
+        }, className), borderRadius: "pill", position: "relative", "aria-disabled": disabled, "aria-label": `toggle ${toggled ? 'on' : 'off'}`, onClick: onToggle },
+        React.createElement(Box, { borderWidth: "1", position: "absolute", borderRadius: "pill", backgroundColour: "white", padding: "none", boxShadow: "2", className: clsx(styles.handle.default, useBoxStyles({ is: 'button' }), useTextStyles({ colour: 'white' }), {
+                [styles.handle.transition]: toggled,
+            }) })));
+};

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

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

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

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

package/dist/components/Switch/index.js

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

package/dist/components/Switch/stories.js

@@ -1,14 +1,21 @@
 "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 { action } from '@storybook/addon-actions';
 import * as React from 'react';
 import { Switch } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default {
   title: 'Components/Switch',
   component: Switch
 };
 
-const Template = args => <Switch {...args} />;
+const Template = args => _jsx(Switch, _objectSpread({}, args));
 
 const standardProps = {
   disabled: false,

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

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

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

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

package/dist/components/Table/Table.css.js

@@ -1,16 +1,8 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Table/Table.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 export const root = style({
-  display: 'grid',
-  gridGap: '0',
-  alignItems: 'stretch',
-  clipPath: 'inset(0)',
-  clip: 'rect(0px, auto, auto, 0px)'
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    display: 'grid',
+    gridGap: '0',
+    alignItems: 'stretch',
+    clipPath: 'inset(0)',
+    clip: 'rect(0px, auto, auto, 0px)',
+});

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,9 @@
+import type { ReactChild } from 'react';
+import * as React from 'react';
+import type { TableContext } from './context';
+export interface Props extends Partial<TableContext> {
+    columnTemplate: string;
+    children: ReactChild | ReactChild[];
+}
+export declare const Table: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAG9C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,YAAY,CAAC;IACnD,cAAc,EAAE,MAAM,CAAC;IAEvB,QAAQ,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;CACpC;AAQD,eAAO,MAAM,KAAK,8EAajB,CAAC"}

package/dist/components/Table/Table.js

@@ -1,22 +1,7 @@
-"use strict";
-
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./Table.css.js";
-import { TableContextProvider } from "./context.js";
-export const Table = forwardRef((_ref, ref) => {
-  let {
-    children,
-    padding = '4',
-    stickyHead = false,
-    columnTemplate
-  } = _ref;
-  return <TableContextProvider padding={padding} stickyHead={stickyHead}>
-			<Box ref={ref} role="grid" width="full" style={{
-      gridTemplateColumns: columnTemplate
-    }} className={styles.root}>
-				{children}
-			</Box>
-		</TableContextProvider>;
-});
+import { Box } from '../Box';
+import * as styles from './Table.css';
+import { TableContextProvider } from './context';
+export const Table = forwardRef(({ children, padding = '4', stickyHead = false, columnTemplate }, ref) => (React.createElement(TableContextProvider, { padding: padding, stickyHead: stickyHead },
+    React.createElement(Box, { ref: ref, role: "grid", width: "full", style: { gridTemplateColumns: columnTemplate }, className: styles.root }, children))));

package/dist/components/Table/TableCell.css.d.ts

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

package/dist/components/Table/TableCell.css.d.ts.map

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