@autoguru/overdrive 4.11.1 → 4.11.3

package/dist/components/Switch/stories.js

@@ -3,11 +3,8 @@
 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; }
-
 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 { action } from '@storybook/addon-actions';
 import * as React from 'react';
 import { Switch } from "./index.js";
@@ -16,14 +13,12 @@ export default {
   title: 'Components/Switch',
   component: Switch
 };
-
 const Template = _ref => {
   let {
-    onChange: incomingOnChange,
-    value
-  } = _ref,
-      args = _objectWithoutProperties(_ref, _excluded);
-
+      onChange: incomingOnChange,
+      value
+    } = _ref,
+    args = _objectWithoutProperties(_ref, _excluded);
   return _jsx(Switch, _objectSpread({
     onChange: stepValue => {
       setValue(stepValue);
@@ -32,7 +27,6 @@ const Template = _ref => {
     value: value
   }, args));
 };
-
 const standardProps = {
   disabled: false,
   toggled: false,
@@ -40,25 +34,19 @@ const standardProps = {
 };
 export const untoggled = Template.bind(standardProps);
 untoggled.args = standardProps;
-
 const untoggledDisabledProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   disabled: true
 });
-
 export const untoggledDisabled = Template.bind(untoggledDisabledProps);
 untoggledDisabled.args = untoggledDisabledProps;
-
 const toggledProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   toggled: true
 });
-
 export const toggled = Template.bind(toggledProps);
 toggled.args = toggledProps;
-
 const toggledDisabledProps = _objectSpread(_objectSpread({}, standardProps), {}, {
   toggled: true,
   disabled: true
 });
-
 export const toggledDisabled = Template.bind(toggledDisabledProps);
 toggledDisabled.args = toggledDisabledProps;

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,9 +1,7 @@
 "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',
@@ -12,5 +10,4 @@ export const root = style({
   clipPath: 'inset(0)',
   clip: 'rect(0px, auto, auto, 0px)'
 }, "root");
-
 __vanilla_filescope__.endFileScope();

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import * as React from 'react';
+import type { TableContext } from './context';
+export interface Props extends Partial<TableContext> {
+    columnTemplate: string;
+    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

@@ -0,0 +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,8EAcjB,CAAC;AAEF,eAAe,KAAK,CAAC"}

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"}

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

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Table/TableCell.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const root = style({
@@ -26,5 +24,4 @@ export const root = style({
     }
   }
 }, "root");
-
 __vanilla_filescope__.endFileScope();

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

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import * as React from 'react';
+import { AriaAttributes } from 'react';
+import { Tokens } from '../../themes/tokens';
+import type { Alignment } from '../../utils';
+export interface Props extends Partial<Pick<AriaAttributes, 'aria-label'>> {
+    align?: Alignment;
+    padding?: keyof Tokens['space'];
+    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

@@ -0,0 +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,8EA6CrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Table/TableCell.js

@@ -10,7 +10,6 @@ import { useTableContext } from "./context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TableCell = forwardRef((_ref, ref) => {
   var _ref2;
-
   let {
     padding: incomingPadding,
     align = 'left',

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

@@ -0,0 +1,10 @@
+export declare const sorterButton: string;
+export declare const text: string;
+export declare const sorter: {
+    none: string;
+    desc: string;
+    asc: string;
+    root: string[];
+};
+export declare const sticky: string;
+//# sourceMappingURL=TableHeadCell.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeadCell.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableHeadCell.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,QAAgC,CAAC;AAE1D,eAAO,MAAM,IAAI,QAOf,CAAC;AASH,eAAO,MAAM,MAAM;;;;;CAiClB,CAAC;AAEF,eAAO,MAAM,MAAM,QAIjB,CAAC"}

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

@@ -2,13 +2,9 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Table/TableHeadCell.css.ts", "@autoguru/overdrive");
-
 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 { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const sorterButton = style({
@@ -62,5 +58,4 @@ export const sticky = style({
   top: 0,
   zIndex: 1
 }, "sticky");
-
 __vanilla_filescope__.endFileScope();

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

@@ -0,0 +1,14 @@
+import type { AriaAttributes, ComponentProps } from 'react';
+import * as React from 'react';
+import { Alignment } from '../../utils';
+import { Box } from '../Box';
+declare type Sort = 'asc' | 'desc' | 'none';
+export interface Props extends Partial<Pick<AriaAttributes, 'aria-label'>>, Pick<ComponentProps<typeof Box>, 'padding'> {
+    align?: Alignment;
+    sort?: Sort;
+    onSort?: (event: MouseEvent) => void;
+    children?: string | null;
+}
+export declare const TableHeadCell: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default TableHeadCell;
+//# sourceMappingURL=TableHeadCell.d.ts.map

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

@@ -0,0 +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,8EA8FzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Table/TableHeadCell.js

@@ -14,16 +14,13 @@ import * as styles from "./TableHeadCell.css.js";
 import { useTableContext } from "./context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const sortToAria = sort => {
   if (sort === 'asc') return 'ascending';
   if (sort === 'desc') return 'descending';
   return 'none';
 };
-
 export const TableHeadCell = forwardRef((_ref, ref) => {
   var _ref2;
-
   let {
     align = 'left',
     onSort,
@@ -40,13 +37,11 @@ export const TableHeadCell = forwardRef((_ref, ref) => {
     }
   }, [onSort]);
   const shouldSort = typeof sort === 'string';
-
   const sorter = _jsx(Icon, {
     icon: ArrowUpIcon,
     size: "small",
     className: clsx([styles.sorter.root, styles.sorter[sort !== null && sort !== void 0 ? sort : 'none']])
   });
-
   const child = _jsxs(Inline, {
     alignY: "center",
     alignX: alignmentToFlexAlignment(align),
@@ -62,7 +57,6 @@ export const TableHeadCell = forwardRef((_ref, ref) => {
       }) : null]
     }), (align === 'left' || align === 'center') && shouldSort ? sorter : null]
   });
-
   return _jsx(Box, {
     ref: ref,
     role: "columnheader",

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { MouseEventHandler, ReactNode } from 'react';
+export interface Props {
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    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

@@ -0,0 +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;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+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

@@ -0,0 +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;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { FunctionComponent } from 'react';
+import { ReactNode } from 'react';
+import { Tokens } from '../../themes/tokens';
+export interface TableContext {
+    padding?: keyof Tokens['space'];
+    stickyHead?: boolean;
+    children?: ReactNode;
+}
+export declare const TableContextProvider: FunctionComponent<TableContext>;
+export declare const useTableContext: () => TableContext;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC5B,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAID,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,YAAY,CAehE,CAAC;AAEF,eAAO,MAAM,eAAe,oBAS3B,CAAC"}

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

@@ -0,0 +1,6 @@
+export { Table } from './Table';
+export { TableCell } from './TableCell';
+export { TableHeadCell } from './TableHeadCell';
+export { TableRow } from './TableRow';
+export { TableRowGroup } from './TableRowGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Table/stories.js

@@ -1,11 +1,8 @@
 "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 { useState } from 'react';
 import { arrayRingLookup } from "../../utils/index.js";
@@ -23,13 +20,11 @@ export default {
 };
 const sortFlow = ['asc', 'desc', 'none'];
 const sortFlowRingLookup = arrayRingLookup(sortFlow);
-
 const Template = args => {
   const [sort, setsort] = useState({
     price: 'asc',
     status: 'desc'
   });
-
   const sortSetter = which => () => {
     setsort(prev => {
       return _objectSpread(_objectSpread({}, prev), {}, {
@@ -37,7 +32,6 @@ const Template = args => {
       });
     });
   };
-
   return _jsxs(Table, _objectSpread(_objectSpread({}, args), {}, {
     children: [_jsx(TableRowGroup, {
       children: _jsxs(TableRow, {
@@ -301,7 +295,6 @@ const Template = args => {
     })]
   }));
 };
-
 const standardProps = {
   columnTemplate: 'repeat(7, auto)'
 };

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

@@ -0,0 +1,7 @@
+export declare const root: {
+    default: string;
+    active: string;
+};
+export declare const item: string;
+export declare const indication: Record<"default" | "active", string>;
+//# sourceMappingURL=Tab.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI;;;CAsBhB,CAAC;AAEF,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,UAAU,sCAWrB,CAAC"}

package/dist/components/Tabs/Tab.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Tabs/Tab.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 const lineBottomHeight = '1px';
@@ -46,5 +44,4 @@ export const indication = styleVariants({
     backgroundColor: vars.colours.intent.primary.background.strong
   }
 }, "indication");
-
 __vanilla_filescope__.endFileScope();

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ElementType, ReactElement, ReactNode } from 'react';
+export interface Props {
+    children?: ReactNode;
+    id?: string;
+    is?: ElementType | ReactElement;
+    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

@@ -0,0 +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,8EAsFf,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/components/Tabs/Tab.js

@@ -50,12 +50,10 @@ export const Tab = forwardRef((_ref, ref) => {
     tabIndex: isActive ? undefined : -1,
     onClick: () => {
       var _tabsContext$onChange;
-
       return (_tabsContext$onChange = tabsContext.onChange) === null || _tabsContext$onChange === void 0 ? void 0 : _tabsContext$onChange.call(tabsContext, tabListContext);
     },
     ref
   };
-
   const child = _jsxs(Inline, {
     noWrap: true,
     space: "2",
@@ -77,7 +75,6 @@ export const Tab = forwardRef((_ref, ref) => {
       children: indication
     })]
   });
-
   return isValidElement(Component) ? cloneElement(Component, props, child) : createElement(Component, props, child);
 });
 export default Tab;

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

@@ -0,0 +1,3 @@
+export declare const root: Record<"scroll" | "default", string>;
+export declare const listWrapperScroll: string;
+//# sourceMappingURL=TabList.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/TabList.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,sCASf,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAa5B,CAAC"}

package/dist/components/Tabs/TabList.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Tabs/TabList.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const root = styleVariants({
@@ -29,5 +27,4 @@ export const listWrapperScroll = style({
     }
   }
 }, "listWrapperScroll");
-
 __vanilla_filescope__.endFileScope();

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

@@ -0,0 +1,12 @@
+import type { FunctionComponent } from 'react';
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface Props {
+    stretch?: boolean;
+    scrollable?: boolean;
+    children?: ReactNode;
+}
+export declare const TabListContext: React.Context<number | null>;
+export declare const TabList: FunctionComponent<Props>;
+export default TabList;
+//# sourceMappingURL=TabList.d.ts.map

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

@@ -0,0 +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,8BAAqC,CAAC;AAEjE,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAuI5C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Tabs/TabList.js

@@ -43,7 +43,6 @@ export const TabList = _ref => {
       } = wrapperRef.current;
       const showStartScroll = scrollLeft > 1;
       const showEndScroll = scrollLeft < scrollWidth - clientWidth - 1;
-
       if (showStartScroll !== displayScroll.start || showEndScroll !== displayScroll.end) {
         setDisplayScroll({
           start: showStartScroll,
@@ -55,25 +54,19 @@ export const TabList = _ref => {
   const handleOnScroll = useCallback(() => {
     updateScrollButtonState();
   }, []);
-
   const scrollToItem = delta => {
     if (wrapperRef.current) {
       const scrollValue = wrapperRef.current.scrollLeft + delta;
       animate(wrapperRef.current, 'scrollLeft', scrollValue, 300);
     }
   };
-
   const handleStartButton = () => void scrollToItem(-wrapperRef.current.clientWidth);
-
   const handleEndButton = () => void scrollToItem(wrapperRef.current.clientWidth);
-
   useEffect(() => {
     const win = ownerWindow(wrapperRef.current);
-
     const handleResize = () => {
       updateScrollButtonState();
     };
-
     win.addEventListener('resize', handleResize, {
       passive: true
     });

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

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

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

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

package/dist/components/Tabs/TabPane.css.js

@@ -1,13 +1,10 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Tabs/TabPane.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 export const root = style({
   float: 'left',
   outline: 'none'
 }, "root");
-
 __vanilla_filescope__.endFileScope();

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

@@ -0,0 +1,8 @@
+import type { FunctionComponent } from 'react';
+import { ReactNode } from 'react';
+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

@@ -0,0 +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,CA+BA,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

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

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

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

package/dist/components/Tabs/TabPanes.css.js

@@ -1,9 +1,7 @@
 "use strict";
 
 import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
 __vanilla_filescope__.setFileScope("lib/components/Tabs/TabPanes.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
 export const root = style({
   float: 'left',
@@ -14,5 +12,4 @@ export const root = style({
     content: '""'
   }
 }, "root");
-
 __vanilla_filescope__.endFileScope();

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

@@ -0,0 +1,15 @@
+import type { FunctionComponent } from 'react';
+import * as React from 'react';
+import { ReactNode } from 'react';
+interface TabPanesContextValue {
+    paneIndex: number;
+    renderInactive: boolean;
+}
+export declare const TabPanesContext: React.Context<TabPanesContextValue | null>;
+interface Props {
+    renderInactivePanes?: boolean;
+    children?: ReactNode;
+}
+export declare const TabPanes: FunctionComponent<Props>;
+export default TabPanes;
+//# sourceMappingURL=TabPanes.d.ts.map

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

@@ -0,0 +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,4CAAmD,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/Tabs.d.ts

@@ -0,0 +1,18 @@
+import type { FunctionComponent } from 'react';
+import * as React from 'react';
+import { ReactNode } from 'react';
+interface TabsContextValue {
+    id?: string;
+    activeIndex: number;
+    onChange?: (index: number) => void;
+}
+export declare const TabsContext: React.Context<TabsContextValue | null>;
+export interface Props {
+    id?: string | null;
+    active: number;
+    children?: ReactNode;
+    onChange?: (index: number) => void;
+}
+export declare const Tabs: FunctionComponent<Props>;
+export default Tabs;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +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,wCAA+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/index.d.ts

@@ -0,0 +1,6 @@
+export { Tabs } from './Tabs';
+export { Tab } from './Tab';
+export { TabList } from './TabList';
+export { TabPane } from './TabPane';
+export { TabPanes } from './TabPanes';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}