@autoguru/overdrive 4.1.4 → 4.1.8

package/dist/components/Tabs/TabList.js

@@ -1,126 +1,75 @@
-"use strict";
-
 import { ArrowLeftIcon, ArrowRightIcon } from '@autoguru/icons';
 import { invariant } from '@autoguru/utilities';
 import * as React from 'react';
-import { Children, createContext, isValidElement, useCallback, useEffect, useRef, useState } from 'react';
+import { Children, createContext, isValidElement, useCallback, useEffect, useRef, useState, } from 'react';
 import flattenChildren from 'react-keyed-flatten-children';
-import { animate, ownerWindow, useEventCallback } from "../../utils/index.js";
-import { Box } from "../Box/index.js";
-import { Button } from "../Button/index.js";
-import { Icon } from "../Icon/index.js";
-import { useTextStyles } from "../Text/index.js";
-import * as styles from "./TabList.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { animate, ownerWindow, useEventCallback } from '../../utils';
+import { Box } from '../Box';
+import { Button } from '../Button';
+import { Icon } from '../Icon';
+import { useTextStyles } from '../Text';
+import * as styles from './TabList.css';
 export const TabListContext = createContext(null);
-export const TabList = _ref => {
-  let {
-    children,
-    stretch = false,
-    scrollable = false
-  } = _ref;
-  !!(stretch && scrollable) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Tabs: `stretch={true}` and `scrollable={true}` cannot be used at the same time.') : invariant(false) : void 0;
-  const wrapperRef = useRef(null);
-  const innerRef = useRef(null);
-  const tabs = Children.map(flattenChildren(children), (child, index) => {
-    if (!isValidElement(child)) return null;
-    return _jsx(TabListContext.Provider, {
-      value: index,
-      children: child
+export const TabList = ({ children, stretch = false, scrollable = false, }) => {
+    invariant(!(stretch && scrollable), 'Tabs: `stretch={true}` and `scrollable={true}` cannot be used at the same time.');
+    const wrapperRef = useRef(null);
+    const innerRef = useRef(null);
+    const tabs = Children.map(flattenChildren(children), (child, index) => {
+        if (!isValidElement(child))
+            return null;
+        return (React.createElement(TabListContext.Provider, { value: index }, child));
     });
-  });
-  const [displayScroll, setDisplayScroll] = useState({
-    start: false,
-    end: false
-  });
-  const updateScrollButtonState = useEventCallback(() => {
-    if (scrollable) {
-      const {
-        scrollWidth,
-        clientWidth,
-        scrollLeft
-      } = wrapperRef.current;
-      const showStartScroll = scrollLeft > 1;
-      const showEndScroll = scrollLeft < scrollWidth - clientWidth - 1;
-
-      if (showStartScroll !== displayScroll.start || showEndScroll !== displayScroll.end) {
-        setDisplayScroll({
-          start: showStartScroll,
-          end: showEndScroll
-        });
-      }
-    }
-  });
-  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);
-    return () => {
-      win.removeEventListener('resize', handleResize);
+    const [displayScroll, setDisplayScroll] = useState({
+        start: false,
+        end: false,
+    });
+    const updateScrollButtonState = useEventCallback(() => {
+        if (scrollable) {
+            const { scrollWidth, clientWidth, scrollLeft, } = wrapperRef.current;
+            const showStartScroll = scrollLeft > 1;
+            const showEndScroll = scrollLeft < scrollWidth - clientWidth - 1;
+            if (showStartScroll !== displayScroll.start ||
+                showEndScroll !== displayScroll.end) {
+                setDisplayScroll({
+                    start: showStartScroll,
+                    end: showEndScroll,
+                });
+            }
+        }
+    });
+    const handleOnScroll = useCallback(() => {
+        updateScrollButtonState();
+    }, []);
+    const scrollToItem = (delta) => {
+        if (wrapperRef.current) {
+            const scrollValue = wrapperRef.current.scrollLeft + delta;
+            animate(wrapperRef.current, 'scrollLeft', scrollValue, 300);
+        }
     };
-  }, []);
-  useEffect(() => {
-    updateScrollButtonState();
-  }, [children]);
-  const shouldShowScrollButtons = scrollable && (displayScroll.start || displayScroll.end);
-  return _jsxs(Box, {
-    overflow: "hidden",
-    alignItems: "center",
-    className: [styles.root.default, shouldShowScrollButtons && styles.root.scroll],
-    children: [shouldShowScrollButtons ? _jsx(Button, {
-      minimal: true,
-      rounded: true,
-      size: "small",
-      disabled: !displayScroll.start,
-      onClick: handleStartButton,
-      children: _jsx(Icon, {
-        icon: ArrowLeftIcon
-      })
-    }) : null, _jsx(Box, {
-      ref: wrapperRef,
-      className: [scrollable && styles.listWrapperScroll],
-      onScroll: handleOnScroll,
-      children: _jsx(Box, {
-        ref: innerRef,
-        display: stretch ? 'flex' : 'block',
-        flexWrap: "nowrap",
-        width: "full",
-        role: "tablist",
-        "aria-orientation": "horizontal",
-        className: useTextStyles({
-          noWrap: true
-        }),
-        children: tabs
-      })
-    }), shouldShowScrollButtons ? _jsx(Button, {
-      minimal: true,
-      rounded: true,
-      size: "small",
-      disabled: !displayScroll.end,
-      onClick: handleEndButton,
-      children: _jsx(Icon, {
-        icon: ArrowRightIcon
-      })
-    }) : null]
-  });
-};
+    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);
+        return () => {
+            win.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    useEffect(() => {
+        updateScrollButtonState();
+    }, [children]);
+    const shouldShowScrollButtons = scrollable && (displayScroll.start || displayScroll.end);
+    return (React.createElement(Box, { overflow: "hidden", alignItems: "center", className: [
+            styles.root.default,
+            shouldShowScrollButtons && styles.root.scroll,
+        ] },
+        shouldShowScrollButtons ? (React.createElement(Button, { minimal: true, rounded: true, size: "small", disabled: !displayScroll.start, onClick: handleStartButton },
+            React.createElement(Icon, { icon: ArrowLeftIcon }))) : null,
+        React.createElement(Box, { ref: wrapperRef, className: [scrollable && styles.listWrapperScroll], onScroll: handleOnScroll },
+            React.createElement(Box, { ref: innerRef, display: stretch ? 'flex' : 'block', flexWrap: "nowrap", width: "full", role: "tablist", "aria-orientation": "horizontal", className: useTextStyles({ noWrap: true }) }, tabs)),
+        shouldShowScrollButtons ? (React.createElement(Button, { minimal: true, rounded: true, size: "small", disabled: !displayScroll.end, onClick: handleEndButton },
+            React.createElement(Icon, { icon: ArrowRightIcon }))) : null));
+};

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,5 @@
-"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();
+    float: 'left',
+    outline: 'none',
+});

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

@@ -0,0 +1,5 @@
+import type { FunctionComponent } from 'react';
+export declare const TabPane: FunctionComponent<{
+    id?: string;
+}>;
+//# 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;AAU/C,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAiCtD,CAAC"}

package/dist/components/Tabs/TabPane.js

@@ -1,35 +1,18 @@
-"use strict";
-
 import { invariant } from '@autoguru/utilities';
 import * as React from 'react';
 import { useContext } from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./TabPane.css.js";
-import { TabPanesContext } from "./TabPanes.js";
-import { TabsContext } from "./Tabs.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TabPane = _ref => {
-  let {
-    children,
-    id: incomingId = null
-  } = _ref;
-  const tabPanesContext = useContext(TabPanesContext);
-  const tabsContext = useContext(TabsContext);
-  !(tabPanesContext !== null && tabsContext !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, 'TabPane rendered outside Tabs or TabPanes') : invariant(false) : void 0;
-  const {
-    paneIndex,
-    renderInactive
-  } = tabPanesContext;
-  const myId = typeof incomingId === 'string' ? incomingId : "".concat(tabsContext.id, "-").concat(paneIndex, "-tab");
-  const isActive = tabsContext.activeIndex === paneIndex;
-  return _jsx(Box, {
-    display: isActive ? undefined : 'none',
-    "aria-hidden": isActive ? undefined : true,
-    className: styles.root,
-    tabIndex: 0,
-    role: "tabpanel",
-    id: myId,
-    width: "full",
-    children: isActive || renderInactive ? children : undefined
-  });
-};
+import { Box } from '../Box';
+import * as styles from './TabPane.css';
+import { TabPanesContext } from './TabPanes';
+import { TabsContext } from './Tabs';
+export const TabPane = ({ children, id: incomingId = null, }) => {
+    const tabPanesContext = useContext(TabPanesContext);
+    const tabsContext = useContext(TabsContext);
+    invariant(tabPanesContext !== null && tabsContext !== null, 'TabPane rendered outside Tabs or TabPanes');
+    const { paneIndex, renderInactive } = tabPanesContext;
+    const myId = typeof incomingId === 'string'
+        ? incomingId
+        : `${tabsContext.id}-${paneIndex}-tab`;
+    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));
+};

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,18 +1,10 @@
-"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',
-  outline: 'none',
-  ':after': {
-    display: 'table',
-    clear: 'both',
-    content: '""'
-  }
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    float: 'left',
+    outline: 'none',
+    ':after': {
+        display: 'table',
+        clear: 'both',
+        content: '""',
+    },
+});

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

@@ -0,0 +1,13 @@
+import type { FunctionComponent } from 'react';
+import * as React from 'react';
+interface TabPanesContextValue {
+    paneIndex: number;
+    renderInactive: boolean;
+}
+export declare const TabPanesContext: React.Context<TabPanesContextValue>;
+interface Props {
+    renderInactivePanes?: boolean;
+}
+export declare const TabPanes: FunctionComponent<Props>;
+export {};
+//# 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;AAQ/B,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;CAC9B;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAe7C,CAAC"}

package/dist/components/Tabs/TabPanes.js

@@ -1,27 +1,10 @@
-"use strict";
-
 import * as React from 'react';
 import { Children, createContext } from 'react';
 import flattenChildren from 'react-keyed-flatten-children';
-import { Box } from "../Box/index.js";
-import * as styles from "./TabPanes.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+import * as styles from './TabPanes.css';
 export const TabPanesContext = createContext(null);
-export const TabPanes = _ref => {
-  let {
-    renderInactivePanes = false,
-    children
-  } = _ref;
-  return _jsx(Box, {
-    paddingY: "6",
-    className: styles.root,
-    width: "full",
-    children: Children.map(flattenChildren(children), (child, index) => _jsx(TabPanesContext.Provider, {
-      value: {
+export const TabPanes = ({ renderInactivePanes = false, children, }) => (React.createElement(Box, { paddingY: "6", className: styles.root, width: "full" }, Children.map(flattenChildren(children), (child, index) => (React.createElement(TabPanesContext.Provider, { value: {
         paneIndex: index,
-        renderInactive: renderInactivePanes
-      },
-      children: child
-    }))
-  });
-};
+        renderInactive: renderInactivePanes,
+    } }, child)))));

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

@@ -0,0 +1,16 @@
+import type { FunctionComponent } from 'react';
+import * as React from 'react';
+interface TabsContextValue {
+    id?: string;
+    activeIndex: number;
+    onChange?: (index: number) => void;
+}
+export declare const TabsContext: React.Context<TabsContextValue>;
+export interface Props {
+    id?: string | null;
+    active: number;
+    onChange?: (index: number) => void;
+}
+export declare const Tabs: FunctionComponent<Props>;
+export {};
+//# 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;AAK/B,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,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA0BzC,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -1,25 +1,13 @@
-"use strict";
-
 import * as React from 'react';
 import { createContext, useMemo } from 'react';
-import { useId, useUncontrolledState } from "../../utils/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { useId, useUncontrolledState } from '../../utils';
 export const TabsContext = createContext(null);
-export const Tabs = _ref => {
-  let {
-    id: incomingId,
-    active = 0,
-    onChange,
-    children
-  } = _ref;
-  const [activeState, setActiveState] = useUncontrolledState(active, onChange);
-  const id = useId(incomingId !== null && incomingId !== void 0 ? incomingId : undefined);
-  return _jsx(TabsContext.Provider, {
-    value: useMemo(() => ({
-      id,
-      activeIndex: activeState,
-      onChange: setActiveState
-    }), [id, activeState]),
-    children: children
-  });
-};
+export const Tabs = ({ id: incomingId, active = 0, onChange, children, }) => {
+    const [activeState, setActiveState] = useUncontrolledState(active, onChange);
+    const id = useId(incomingId ?? undefined);
+    return (React.createElement(TabsContext.Provider, { value: useMemo(() => ({
+            id,
+            activeIndex: activeState,
+            onChange: setActiveState,
+        }), [id, activeState]) }, children));
+};

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

package/dist/components/Tabs/index.js

@@ -1,7 +1,5 @@
-"use strict";
-
-export { Tabs } from "./Tabs.js";
-export { Tab } from "./Tab.js";
-export { TabList } from "./TabList.js";
-export { TabPane } from "./TabPane.js";
-export { TabPanes } from "./TabPanes.js";
+export { Tabs } from './Tabs';
+export { Tab } from './Tab';
+export { TabList } from './TabList';
+export { TabPane } from './TabPane';
+export { TabPanes } from './TabPanes';

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

@@ -0,0 +1,11 @@
+import type { FunctionComponent } from 'react';
+import type { BoxStyleProps } from '../Box';
+import { TextStyleProps } from './useTextStyles';
+export interface Props extends TextStyleProps {
+    className?: string;
+    is?: 'p' | 'span';
+    strong?: boolean;
+    display?: Extract<BoxStyleProps['display'], 'inline' | 'inlineBlock' | 'block'>;
+}
+export declare const Text: FunctionComponent<Props>;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,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,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,CA8BzC,CAAC"}

package/dist/components/Text/Text.js

@@ -1,35 +1,14 @@
-"use strict";
-
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import { useTextStyles } from "./useTextStyles.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Text = _ref => {
-  let {
-    children,
-    className = '',
-    is: Component = 'span',
-    align = 'left',
-    colour,
-    display,
-    fontWeight = 'normal',
-    transform,
-    noWrap,
-    size = '4',
-    strong = false
-  } = _ref;
-  return _jsx(Box, {
-    is: Component,
-    display: display,
-    textAlign: align,
-    className: [useTextStyles({
-      is: Component,
-      size,
-      colour: colour !== null && colour !== void 0 ? colour : strong ? 'dark' : undefined,
-      fontWeight: strong ? 'bold' : fontWeight,
-      transform,
-      noWrap
-    }), className],
-    children: children
-  });
-};
+import { Box } from '../Box';
+import { useTextStyles } from './useTextStyles';
+export const Text = ({ children, className = '', is: Component = 'span', align = 'left', colour, display, fontWeight = 'normal', transform, noWrap, size = '4', strong = false, }) => (React.createElement(Box, { is: Component, display: display, textAlign: align, className: [
+        useTextStyles({
+            is: Component,
+            size,
+            colour: colour ?? (strong ? 'dark' : undefined),
+            fontWeight: strong ? 'bold' : fontWeight,
+            transform,
+            noWrap,
+        }),
+        className,
+    ] }, children));

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

@@ -0,0 +1,4 @@
+export { Text } from './Text';
+export { useTextStyles } from './useTextStyles';
+export type { TextStyleProps } from './useTextStyles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Text/index.js

@@ -1,4 +1,2 @@
-"use strict";
-
-export { Text } from "./Text.js";
-export { useTextStyles } from "./useTextStyles.js";
+export { Text } from './Text';
+export { useTextStyles } from './useTextStyles';

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

@@ -0,0 +1,7 @@
+export declare const root: string;
+export declare const sizes: Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9", string>;
+export declare const colours: Record<"primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information" | "light" | "dark" | "white" | "link" | "muted", string>;
+export declare const fontWeight: Record<"normal" | "semiBold" | "bold", string>;
+export declare const noWrap: string;
+export declare const transform: Record<"capitalize" | "uppercase", string>;
+//# sourceMappingURL=useTextStyles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,KAAK,qEAWjB,CAAC;AAEF,eAAO,MAAM,OAAO,kKAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,gDAEtB,CAAC;AAEF,eAAO,MAAM,MAAM,QAAkC,CAAC;AAEtD,eAAO,MAAM,SAAS,4CAKrB,CAAC"}

package/dist/components/Text/useTextStyles.css.js

@@ -1,42 +1,22 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Text/useTextStyles.css.ts", "@autoguru/overdrive");
-
-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 { style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
-import { mapTokenToProperty } from "../../utils/mapTokenToProperty.js";
+import { vars } from '../../themes/base/vars.css';
+import { mapTokenToProperty } from '../../utils/mapTokenToProperty';
 export const root = style({
-  selectors: {
-    '&::selection': {
-      color: vars.typography.colour.white,
-      background: vars.typography.colour.primary
-    }
-  }
-}, "root");
-export const sizes = styleVariants(Object.entries(vars.typography.size).reduce((result, _ref) => {
-  let [name, size] = _ref;
-  return _objectSpread(_objectSpread({}, result), {}, {
+    selectors: {
+        '&::selection': {
+            color: vars.typography.colour.white,
+            background: vars.typography.colour.primary,
+        },
+    },
+});
+export const sizes = styleVariants(Object.entries(vars.typography.size).reduce((result, [name, size]) => ({
+    ...result,
     [name]: {
-      fontSize: size.fontSize,
-      lineHeight: size.lineHeight
-    }
-  });
-}, {}), "sizes");
-export const colours = styleVariants(mapTokenToProperty(vars.typography.colour, 'color'), "colours");
-export const fontWeight = styleVariants(mapTokenToProperty(vars.typography.fontWeight, 'fontWeight'), "fontWeight");
-export const noWrap = style({
-  whiteSpace: 'nowrap'
-}, "noWrap");
-export const transform = styleVariants(mapTokenToProperty({
-  uppercase: 'uppercase',
-  capitalize: 'capitalize'
-}, 'textTransform'), "transform");
-
-__vanilla_filescope__.endFileScope();
+        fontSize: size.fontSize,
+        lineHeight: size.lineHeight,
+    },
+}), {}));
+export const colours = styleVariants(mapTokenToProperty(vars.typography.colour, 'color'));
+export const fontWeight = styleVariants(mapTokenToProperty(vars.typography.fontWeight, 'fontWeight'));
+export const noWrap = style({ whiteSpace: 'nowrap' });
+export const transform = styleVariants(mapTokenToProperty({ uppercase: 'uppercase', capitalize: 'capitalize' }, 'textTransform'));