@autoguru/overdrive 4.5.2 → 4.7.0

package/dist/components/Stepper/Stepper.js

@@ -2,31 +2,15 @@ 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 { useCallback, } 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 = {}));
-const getValueOrSafeInteger = (value) => value < 0 ? Number.MIN_SAFE_INTEGER : Number.MAX_SAFE_INTEGER;
-const reducer = (state, action) => {
-    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: clamp(state.value + direction * action.step, action.min, action.max),
-    };
+const takeStep = ({ min, max, value, step, direction }) => {
+    const directionChange = (direction === 'DOWN' ? -1 : 1) * step;
+    return clamp(value + directionChange, min, max);
 };
 const Handle = ({ disabled, icon, label, onClick, }) => (React.createElement(Box, { is: "button", className: [
         styles.handle.default,
@@ -34,25 +18,23 @@ const Handle = ({ disabled, icon, label, onClick, }) => (React.createElement(Box
         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, }) => {
+export const Stepper = ({ className = '', disabled: incomingDisabled = false, isFullWidth = false, step = 1, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER, value: incomingValue, format = (value) => value.toString(), onChange = () => void 0, }) => {
+    const value = clamp(incomingValue, min, max);
     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);
-    }
-    const onDecrement = useCallback(() => dispatch({
-        type: EActionType.DECREMENT,
+    const onDecrement = useCallback(() => onChange(takeStep({
+        direction: 'DOWN',
         step,
         min,
         max,
-    }), [step, min, max]);
-    const onIncrement = useCallback(() => dispatch({
-        type: EActionType.INCREMENT,
+        value,
+    })), [step, min, max, value, onChange]);
+    const onIncrement = useCallback(() => onChange(takeStep({
+        direction: 'UP',
         step,
         min,
         max,
-    }), [step, min, max]);
+        value,
+    })), [step, min, max, value, onChange]);
     const keyDownHandler = useCallback((event) => {
         switch (event.key) {
             case 'ArrowLeft':
@@ -60,48 +42,30 @@ export const Stepper = ({ className = '', disabled: incomingDisabled = false, st
             case 'ArrowRight':
                 return onIncrement();
             case 'Home':
+                event.preventDefault();
+                return onChange(min);
             case 'End':
                 event.preventDefault();
-                return dispatch({
-                    type: EActionType.VALUE,
-                    max,
-                    min,
-                    step,
-                    value: event.key === 'Home' ? min : max,
-                });
+                return onChange(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 },
+    }, [min, max, onDecrement, onIncrement, onChange]);
+    return (React.createElement(Box, { className: clsx(className, styles.root, useBoxStyles({ is: 'button' }), disabled && styles.disabled, {
+            [styles.width.default]: !isFullWidth,
+            [styles.width.full]: isFullWidth,
+        }), userSelect: "none", "aria-disabled": disabled, tabIndex: 0, borderWidth: "1", borderColour: "gray", padding: "3", borderRadius: "1", boxShadow: "2", onKeyDown: keyDownHandler },
+        React.createElement(Columns, { noWrap: true, width: "full" },
             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(Column, { noShrink: true, grow: 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)
-                    : '')),
+                    }), styles.label), size: "4" }, Number.isFinite(value) ? format(value) : '')),
             React.createElement(Column, { noShrink: true, alignSelf: "centre" },
                 React.createElement(Handle, { icon: PlusIcon, label: "step up", disabled: disabled, onClick: onIncrement })))));
 };
+export default Stepper;

package/dist/components/Stepper/stories.js

@@ -1,6 +1,8 @@
 "use strict";
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["onChange", "value"];
 
 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; }
 
@@ -8,6 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { action } from '@storybook/addon-actions';
 import * as React from 'react';
+import { useState } from 'react';
 import { Stepper } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default {
@@ -15,10 +18,25 @@ export default {
   component: Stepper
 };
 
-const Template = args => _jsx(Stepper, _objectSpread({}, args));
+const Template = _ref => {
+  let {
+    onChange: incomingOnChange,
+    value: incomingValue
+  } = _ref,
+      args = _objectWithoutProperties(_ref, _excluded);
+
+  const [value, setValue] = useState(incomingValue);
+  return _jsx(Stepper, _objectSpread({
+    onChange: stepValue => {
+      setValue(stepValue);
+      incomingOnChange(stepValue);
+    },
+    value: value
+  }, args));
+};
 
 const standardProps = {
-  value: 2.7,
+  value: 2.5,
   min: 0,
   max: 10,
   step: 0.5,
@@ -27,6 +45,13 @@ const standardProps = {
 };
 export const standard = Template.bind(standardProps);
 standard.args = standardProps;
+
+const fullWidthPropsProps = _objectSpread(_objectSpread({}, standardProps), {}, {
+  isFullWidth: true
+});
+
+export const fullWidth = Template.bind(fullWidthPropsProps);
+fullWidth.args = fullWidthPropsProps;
 const formatter = new Intl.NumberFormat('en-AU', {
   style: 'currency',
   currency: 'AUD'
@@ -35,7 +60,7 @@ const withFormattingProps = {
   value: 32,
   min: 0,
   max: 99,
-  step: 0.5,
+  step: 0.05,
   disabled: false,
   format: formatter.format,
   onChange: action('onChange')

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

@@ -6,4 +6,5 @@ export interface Props {
     onChange?(value: boolean): void;
 }
 export declare const Switch: FunctionComponent<Props>;
+export default Switch;
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +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"}
+{"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,CAgE3C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Switch/Switch.js

@@ -29,3 +29,4 @@ export const Switch = ({ className = '', disabled = false, toggled: incomingTogg
                 [styles.handle.transition]: toggled,
             }) })));
 };
+export default Switch;

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

@@ -6,4 +6,5 @@ export interface Props extends Partial<TableContext> {
     children: ReactNode | ReactNode[];
 }
 export declare const Table: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default Table;
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,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,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAQD,eAAO,MAAM,KAAK,8EAajB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,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,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAQD,eAAO,MAAM,KAAK,8EAcjB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Table/Table.js

@@ -5,3 +5,4 @@ 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))));
+export default Table;

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

@@ -9,4 +9,5 @@ export interface Props extends Partial<Pick<AriaAttributes, 'aria-label'>> {
     children?: ReactNode | null;
 }
 export declare const TableCell: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default TableCell;
 //# sourceMappingURL=TableCell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,8EA2CrB,CAAC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,8EA6CrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Table/TableCell.js

@@ -11,3 +11,4 @@ export const TableCell = forwardRef(({ padding: incomingPadding, align = 'left',
     return (React.createElement(Box, { ref: ref, role: "gridcell", scope: "row", display: "flex", alignItems: "center", justifyContent: alignmentToFlexAlignment(align), padding: padding, borderColourBottom: "light", borderWidthBottom: "1", "aria-label": ariaLabel, className: styles.root }, typeof children === 'string' ||
         typeof children === 'number' ? (React.createElement(Text, { is: "span", align: align, colour: "dark", display: "block", size: "3" }, children)) : (children)));
 });
+export default TableCell;

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

@@ -10,5 +10,5 @@ export interface Props extends Partial<Pick<AriaAttributes, 'aria-label'>>, Pick
     children?: string | null;
 }
 export declare const TableHeadCell: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export {};
+export default TableHeadCell;
 //# sourceMappingURL=TableHeadCell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeadCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableHeadCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAA4B,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAS7B,aAAK,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,KAChB,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,SAAS,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAErC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAUD,eAAO,MAAM,aAAa,8EA2FzB,CAAC"}
+{"version":3,"file":"TableHeadCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableHeadCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAA4B,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAS7B,aAAK,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,KAChB,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,SAAS,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAErC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAUD,eAAO,MAAM,aAAa,8EA8FzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Table/TableHeadCell.js

@@ -43,3 +43,4 @@ export const TableHeadCell = forwardRef(({ align = 'left', onSort, sort, padding
             : null));
     return (React.createElement(Box, { ref: ref, role: "columnheader", scope: "col", display: "flex", alignItems: "center", justifyContent: alignmentToFlexAlignment(align), padding: sort ? undefined : padding, backgroundColour: "gray100", borderColourBottom: "light", borderWidthBottom: "1", "aria-sort": shouldSort ? sortToAria(sort) : undefined, "aria-label": ariaLabel, className: tableContext.stickyHead && styles.sticky, onClick: sort ? sortClickHandler : undefined }, sort ? (React.createElement(Box, { is: "button", display: "block", width: "full", padding: padding, tabIndex: -1, className: styles.sorterButton }, child)) : (child)));
 });
+export default TableHeadCell;

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

@@ -5,4 +5,5 @@ export interface Props {
     children: ReactNode | ReactNode[];
 }
 export declare const TableRow: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default TableRow;
 //# sourceMappingURL=TableRow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAE5C,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,QAAQ,8EAMpB,CAAC"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAE5C,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,QAAQ,8EAMpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Table/TableRow.js

@@ -2,3 +2,4 @@ import * as React from 'react';
 import { forwardRef } from 'react';
 import { Box } from '../Box';
 export const TableRow = forwardRef(({ children, onClick }, ref) => (React.createElement(Box, { ref: ref, display: "contents", role: "row", onClick: onClick }, children)));
+export default TableRow;

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

@@ -4,4 +4,5 @@ export interface Props {
     children: ReactNode | ReactNode[];
 }
 export declare const TableRowGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default TableRowGroup;
 //# sourceMappingURL=TableRowGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableRowGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableRowGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,8EAMzB,CAAC"}
+{"version":3,"file":"TableRowGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableRowGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,8EAMzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Table/TableRowGroup.js

@@ -2,3 +2,4 @@ import * as React from 'react';
 import { forwardRef } from 'react';
 import { Box } from '../Box';
 export const TableRowGroup = forwardRef(({ children }, ref) => (React.createElement(Box, { ref: ref, role: "rowgroup", display: "contents" }, children)));
+export default TableRowGroup;

package/dist/components/Tabs/Tab.d.ts

@@ -7,4 +7,5 @@ export interface Props {
     indication?: number;
 }
 export declare const Tab: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default Tab;
 //# sourceMappingURL=Tab.d.ts.map

package/dist/components/Tabs/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,WAAW,EAGX,YAAY,EACZ,SAAS,EAET,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,8EAqFf,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,WAAW,EAGX,YAAY,EACZ,SAAS,EAET,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,8EAsFf,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/components/Tabs/Tab.js

@@ -50,3 +50,4 @@ export const Tab = forwardRef(({ children, id: incomingId = null, indication = n
         ? cloneElement(Component, props, child)
         : createElement(Component, props, child);
 });
+export default Tab;

package/dist/components/Tabs/TabList.d.ts

@@ -8,4 +8,5 @@ export interface Props {
 }
 export declare const TabListContext: React.Context<number>;
 export declare const TabList: FunctionComponent<Props>;
+export default TabList;
 //# sourceMappingURL=TabList.d.ts.map

package/dist/components/Tabs/TabList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIN,SAAS,EAKT,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,uBAAqC,CAAC;AAEjE,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAmI5C,CAAC"}
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIN,SAAS,EAKT,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,uBAAqC,CAAC;AAEjE,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAqI5C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Tabs/TabList.js

@@ -25,7 +25,7 @@ export const TabList = ({ children, stretch = false, scrollable = false, }) => {
     });
     const updateScrollButtonState = useEventCallback(() => {
         if (scrollable) {
-            const { scrollWidth, clientWidth, scrollLeft, } = wrapperRef.current;
+            const { scrollWidth, clientWidth, scrollLeft } = wrapperRef.current;
             const showStartScroll = scrollLeft > 1;
             const showEndScroll = scrollLeft < scrollWidth - clientWidth - 1;
             if (showStartScroll !== displayScroll.start ||
@@ -73,3 +73,4 @@ export const TabList = ({ children, stretch = false, scrollable = false, }) => {
         shouldShowScrollButtons ? (React.createElement(Button, { minimal: true, rounded: true, size: "small", disabled: !displayScroll.end, onClick: handleEndButton },
             React.createElement(Icon, { icon: ArrowRightIcon }))) : null));
 };
+export default TabList;

package/dist/components/Tabs/TabPane.d.ts

@@ -4,4 +4,5 @@ export declare const TabPane: FunctionComponent<{
     id?: string;
     children?: ReactNode;
 }>;
+export default TabPane;
 //# sourceMappingURL=TabPane.d.ts.map

package/dist/components/Tabs/TabPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabPane.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabPane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAQ9C,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CA8BA,CAAC"}
+{"version":3,"file":"TabPane.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabPane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAQ9C,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CA+BA,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Tabs/TabPane.js

@@ -16,3 +16,4 @@ export const TabPane = ({ children, id: incomingId = null }) => {
     const isActive = tabsContext.activeIndex === paneIndex;
     return (React.createElement(Box, { display: isActive ? undefined : 'none', "aria-hidden": isActive ? undefined : true, className: styles.root, tabIndex: 0, role: "tabpanel", id: myId, width: "full" }, isActive || renderInactive ? children : undefined));
 };
+export default TabPane;

package/dist/components/Tabs/TabPanes.d.ts

@@ -11,5 +11,5 @@ interface Props {
     children?: ReactNode;
 }
 export declare const TabPanes: FunctionComponent<Props>;
-export {};
+export default TabPanes;
 //# sourceMappingURL=TabPanes.d.ts.map

package/dist/components/Tabs/TabPanes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanes.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabPanes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3D,UAAU,oBAAoB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,qCAAmD,CAAC;AAEhF,UAAU,KAAK;IAEd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAe7C,CAAC"}
+{"version":3,"file":"TabPanes.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabPanes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3D,UAAU,oBAAoB;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,qCAAmD,CAAC;AAEhF,UAAU,KAAK;IAEd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAgB7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Tabs/TabPanes.js

@@ -8,3 +8,4 @@ export const TabPanes = ({ renderInactivePanes = false, children, }) => (React.c
         paneIndex: index,
         renderInactive: renderInactivePanes,
     } }, child)))));
+export default TabPanes;

package/dist/components/Tabs/Tabs.d.ts

@@ -14,5 +14,5 @@ export interface Props {
     onChange?: (index: number) => void;
 }
 export declare const Tabs: FunctionComponent<Props>;
-export {};
+export default Tabs;
 //# sourceMappingURL=Tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI1D,UAAU,gBAAgB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,iCAA+C,CAAC;AAExE,MAAM,WAAW,KAAK;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA0BzC,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI1D,UAAU,gBAAgB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,iCAA+C,CAAC;AAExE,MAAM,WAAW,KAAK;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA2BzC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -11,3 +11,4 @@ export const Tabs = ({ id: incomingId, active = 0, onChange, children, }) => {
             onChange: setActiveState,
         }), [id, activeState]) }, children));
 };
+export default Tabs;

package/dist/components/Text/Text.d.ts

@@ -9,4 +9,5 @@ export interface Props extends TextStyleProps {
     display?: Extract<BoxStyleProps['display'], 'inline' | 'inlineBlock' | 'block'>;
 }
 export declare const Text: FunctionComponent<Props>;
+export default Text;
 //# sourceMappingURL=Text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,KAAM,SAAQ,cAAc;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAChB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;CACF;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAgCzC,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,KAAM,SAAQ,cAAc;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAChB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,CAAC;CACF;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAiCzC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Text/Text.js

@@ -13,3 +13,4 @@ export const Text = ({ children, className = '', is: Component = 'span', align =
         }),
         className,
     ] }, children));
+export default Text;

package/dist/components/Text/useTextStyles.d.ts

@@ -13,4 +13,5 @@ export interface TextStyleProps {
     transform?: keyof typeof styles.transform;
 }
 export declare const useTextStyles: ({ align, colour, fontWeight, is, noWrap, breakWord, size, transform, }: TextStyleProps) => string;
+export default useTextStyles;
 //# sourceMappingURL=useTextStyles.d.ts.map

package/dist/components/Text/useTextStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTextStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAE9C,MAAM,WAAW,cAAc;IAE9B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC;IAC5C,EAAE,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,2EASvB,cAAc,WAWhB,CAAC"}
+{"version":3,"file":"useTextStyles.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAE9C,MAAM,WAAW,cAAc;IAE9B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC;IAC5C,EAAE,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,2EASvB,cAAc,WAWhB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Text/useTextStyles.js

@@ -4,3 +4,4 @@ import * as styles from './useTextStyles.css';
 export const useTextStyles = ({ align, colour, fontWeight, is, noWrap, breakWord, size, transform, }) => {
     return clsx(styles.root, useBoxStyles({ is, textAlign: align }), colour !== 'unset' && styles.colours[colour ?? 'neutral'], styles.fontWeight[fontWeight], noWrap && styles.noWrap, breakWord && styles.breakWord, styles.sizes[size], styles.transform[transform]);
 };
+export default useTextStyles;

package/dist/components/TextAreaInput/TextAreaInput.d.ts

@@ -1,3 +1,4 @@
 import * as React from 'react';
 export declare const TextAreaInput: React.ForwardRefExoticComponent<import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLTextAreaElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextAreaInput;
 //# sourceMappingURL=TextAreaInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextAreaInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextAreaInput/TextAreaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,aAAa,kTAwBzB,CAAC"}
+{"version":3,"file":"TextAreaInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextAreaInput/TextAreaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,aAAa,kTAwBzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/TextAreaInput/TextAreaInput.js

@@ -6,3 +6,4 @@ export const TextAreaInput = withEnhancedInput(({ field, eventHandlers, validati
     withSuffixIcon: false,
     withPrefixIcon: false,
 });
+export default TextAreaInput;

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

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

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

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

package/dist/components/TextBubble/TextBubble.css.js

@@ -0,0 +1,7 @@
+import { style } from '@vanilla-extract/css';
+export const bubbleText = style({
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    textOverflow: 'ellipsis',
+});

package/dist/components/TextBubble/TextBubble.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { Box } from '../Box';
+import { Text } from '../Text';
+export interface Props extends Omit<ComponentProps<typeof Box>, 'borderRadius' | 'position' | 'padding'> {
+    label: string;
+    rawNumbers?: boolean;
+    textColour?: ComponentProps<typeof Text>['colour'];
+}
+export declare const TextBubble: FunctionComponent<Props>;
+export default TextBubble;
+//# sourceMappingURL=TextBubble.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextBubble.d.ts","sourceRoot":"","sources":["../../../lib/components/TextBubble/TextBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,GAAG,EAAgB,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/B,MAAM,WAAW,KAChB,SAAQ,IAAI,CACX,cAAc,CAAC,OAAO,GAAG,CAAC,EAC1B,cAAc,GAAG,UAAU,GAAG,SAAS,CACvC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;CACnD;AAaD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAgD/C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/TextBubble/TextBubble.js

@@ -0,0 +1,35 @@
+import clsx from 'clsx';
+import * as React from 'react';
+import { useMemo } from 'react';
+import { Box, useBoxStyles } from '../Box';
+import { Text } from '../Text';
+import * as styles from './TextBubble.css';
+const valuePaddingMap = {
+    SMALL: '3',
+    MEDIUM: '4',
+    LARGE: '5',
+    X_LARGE: '6',
+};
+export const TextBubble = ({ textColour = 'white', rawNumbers = false, label, ...boxProps }) => {
+    const size = useMemo(() => {
+        const size = label.length;
+        switch (size) {
+            case 1:
+                return 'SMALL';
+            case 2:
+                return 'MEDIUM';
+            case 3:
+                return 'LARGE';
+            default:
+                return 'X_LARGE';
+        }
+    }, [label]);
+    return (React.createElement(Box, { borderRadius: "full", backgroundColour: "gray900", display: "inlineBlock", position: "relative", padding: valuePaddingMap[size], ...boxProps },
+        React.createElement(Text, { size: "2", strong: true, noWrap: true, align: "center", className: clsx(styles.bubbleText, useBoxStyles({
+                position: 'absolute',
+                overflow: 'hidden',
+                width: 'full',
+                paddingX: '1',
+            })), colour: textColour }, label)));
+};
+export default TextBubble;

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

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

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

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

package/dist/components/TextBubble/index.js

@@ -0,0 +1 @@
+export { TextBubble } from './TextBubble';

package/dist/components/TextBubble/stories.js

@@ -0,0 +1,35 @@
+"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); 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 * as React from 'react';
+import { TextBubble } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Foundation/Typography/TextBubble',
+  component: TextBubble
+};
+
+const template = args => _jsx(TextBubble, _objectSpread({}, args));
+
+const standardProps = {
+  label: 'OK'
+};
+export const standard = template.bind(standardProps);
+standard.args = standardProps;
+const longLabelProps = {
+  label: 'Error',
+  textColour: 'danger',
+  backgroundColour: 'gray900'
+};
+export const longLabel = template.bind(longLabelProps);
+longLabel.args = longLabelProps;
+const veryLongLabelProps = {
+  label: 'Too Long'
+};
+export const veryLongLabel = template.bind(veryLongLabelProps);
+veryLongLabel.args = veryLongLabelProps;