@autoguru/overdrive 4.0.3 → 4.0.4

package/dist/components/ProgressSpinner/ProgressSpinner.css.js

@@ -1,91 +1,83 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/ProgressSpinner/ProgressSpinner.css.ts", "@autoguru/overdrive");
-
 import { keyframes, style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 const spinAnim = keyframes({
-  '100%': {
-    transform: 'rotate(360deg)'
-  }
-}, "spinAnim");
+    '100%': {
+        transform: 'rotate(360deg)',
+    },
+});
 export const circular = style({
-  animationName: spinAnim,
-  transformOrigin: 'center center',
-  animationDuration: '2s',
-  animationTimingFunction: 'linear',
-  animationIterationCount: 'infinite'
-}, "circular");
+    animationName: spinAnim,
+    transformOrigin: 'center center',
+    animationDuration: '2s',
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite',
+});
 const stokeAnim = keyframes({
-  '0%': {
-    strokeDasharray: '1, 200',
-    strokeDashoffset: 0
-  },
-  '50%': {
-    strokeDasharray: '89, 200',
-    strokeDashoffset: '-35px'
-  },
-  '100%': {
-    strokeDasharray: '89, 200',
-    strokeDashoffset: '-124px'
-  }
-}, "stokeAnim");
+    '0%': {
+        strokeDasharray: '1, 200',
+        strokeDashoffset: 0,
+    },
+    '50%': {
+        strokeDasharray: '89, 200',
+        strokeDashoffset: '-35px',
+    },
+    '100%': {
+        strokeDasharray: '89, 200',
+        strokeDashoffset: '-124px',
+    },
+});
 export const path = style({
-  strokeDasharray: '1, 200',
-  strokeDashoffset: 0,
-  strokeLinecap: 'round',
-  animationDuration: '1.5s',
-  animationTimingFunction: vars.animation.easing.standard,
-  animationIterationCount: 'infinite',
-  animationName: stokeAnim
-}, "path");
+    strokeDasharray: '1, 200',
+    strokeDashoffset: 0,
+    strokeLinecap: 'round',
+    animationDuration: '1.5s',
+    animationTimingFunction: vars.animation.easing.standard,
+    animationIterationCount: 'infinite',
+    animationName: stokeAnim,
+});
 export const colours = styleVariants({
-  light: {
-    stroke: vars.typography.colour.white
-  },
-  primary: {
-    stroke: vars.typography.colour.primary
-  },
-  secondary: {
-    stroke: vars.typography.colour.secondary
-  },
-  warning: {
-    stroke: vars.typography.colour.warning
-  },
-  danger: {
-    stroke: vars.typography.colour.danger
-  }
-}, "colours");
-export const size = {
-  small: styleVariants({
-    circular: {
-      width: vars.space['3'],
-      height: vars.space['3']
+    light: {
+        stroke: vars.typography.colour.white,
+    },
+    primary: {
+        stroke: vars.typography.colour.primary,
     },
-    path: {
-      strokeWidth: '4px'
-    }
-  }, "size_small"),
-  medium: styleVariants({
-    circular: {
-      width: vars.space['4'],
-      height: vars.space['4']
+    secondary: {
+        stroke: vars.typography.colour.secondary,
     },
-    path: {
-      strokeWidth: '5px'
-    }
-  }, "size_medium"),
-  large: styleVariants({
-    circular: {
-      width: vars.space['6'],
-      height: vars.space['6']
+    warning: {
+        stroke: vars.typography.colour.warning,
     },
-    path: {
-      strokeWidth: '6px'
-    }
-  }, "size_large")
+    danger: {
+        stroke: vars.typography.colour.danger,
+    },
+});
+export const size = {
+    small: styleVariants({
+        circular: {
+            width: vars.space['3'],
+            height: vars.space['3'],
+        },
+        path: {
+            strokeWidth: '4px',
+        },
+    }),
+    medium: styleVariants({
+        circular: {
+            width: vars.space['4'],
+            height: vars.space['4'],
+        },
+        path: {
+            strokeWidth: '5px',
+        },
+    }),
+    large: styleVariants({
+        circular: {
+            width: vars.space['6'],
+            height: vars.space['6'],
+        },
+        path: {
+            strokeWidth: '6px',
+        },
+    }),
 };
-
-__vanilla_filescope__.endFileScope();

package/dist/components/ProgressSpinner/ProgressSpinner.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import * as styles from './ProgressSpinner.css';
+export interface Props {
+    className?: string;
+    size?: keyof typeof styles.size;
+    colour?: keyof typeof styles.colours;
+}
+export declare const ProgressSpinner: FunctionComponent<Props>;
+//# sourceMappingURL=ProgressSpinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSpinner.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressSpinner/ProgressSpinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAC;AAEhD,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,KAAK,CA+BpD,CAAC"}

package/dist/components/ProgressSpinner/ProgressSpinner.js

@@ -1,33 +1,15 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
-import { Box, useBoxStyles } from "../Box/index.js";
-import * as styles from "./ProgressSpinner.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ProgressSpinner = _ref => {
-  let {
-    className = '',
-    colour = 'primary',
-    size = 'medium'
-  } = _ref;
-  return _jsx(Box, {
-    className: [styles.size[size].circular, styles.colours[colour], className],
-    children: _jsx("svg", {
-      className: clsx(useBoxStyles({
-        is: 'svg',
-        display: 'block',
-        overflow: 'hidden'
-      }), styles.circular),
-      viewBox: "25 25 50 50",
-      children: _jsx("circle", {
-        className: clsx(styles.path, styles.size[size].path),
-        cx: "50",
-        cy: "50",
-        r: "20",
-        fill: "none",
-        strokeMiterlimit: "10"
-      })
-    })
-  });
-};
+import { Box, useBoxStyles } from '../Box';
+import * as styles from './ProgressSpinner.css';
+export const ProgressSpinner = ({ className = '', colour = 'primary', size = 'medium', }) => (React.createElement(Box, { className: [
+        styles.size[size].circular,
+        styles.colours[colour],
+        className,
+    ] },
+    React.createElement("svg", { className: clsx(useBoxStyles({
+            is: 'svg',
+            display: 'block',
+            overflow: 'hidden',
+        }), styles.circular), viewBox: "25 25 50 50" },
+        React.createElement("circle", { className: clsx(styles.path, styles.size[size].path), cx: "50", cy: "50", r: "20", fill: "none", strokeMiterlimit: "10" }))));

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

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

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

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

package/dist/components/ProgressSpinner/index.js

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

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

@@ -0,0 +1,2 @@
+export declare const circle: Record<"default" | "selected" | "outer" | "inner" | "selectedInner", string>;
+//# sourceMappingURL=Radio.css.d.ts.map

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

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

package/dist/components/Radio/Radio.css.js

@@ -1,33 +1,25 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Radio/Radio.css.ts", "@autoguru/overdrive");
-
 import { styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const circle = styleVariants({
-  default: {
-    transition: "border-color 0.2s ".concat(vars.animation.easing.decelerate, " 0s")
-  },
-  outer: {
-    top: vars.space['3'],
-    left: vars.space['3'],
-    width: vars.space['4'],
-    height: vars.space['4']
-  },
-  inner: {
-    top: "calc(".concat(vars.space['3'], " + (").concat(vars.space['4'], " - ").concat(vars.space['2'], ") * 0.5)"),
-    left: "calc(".concat(vars.space['3'], " + (").concat(vars.space['4'], " - ").concat(vars.space['2'], ") * 0.5)"),
-    width: vars.space['2'],
-    height: vars.space['2']
-  },
-  selectedInner: {
-    borderWidth: "calc(".concat(vars.space['2'], " / 2)")
-  },
-  selected: {
-    borderColor: vars.typography.colour.primary
-  }
-}, "circle");
-
-__vanilla_filescope__.endFileScope();
+    default: {
+        transition: `border-color 0.2s ${vars.animation.easing.decelerate} 0s`,
+    },
+    outer: {
+        top: vars.space['3'],
+        left: vars.space['3'],
+        width: vars.space['4'],
+        height: vars.space['4'],
+    },
+    inner: {
+        top: `calc(${vars.space['3']} + (${vars.space['4']} - ${vars.space['2']}) * 0.5)`,
+        left: `calc(${vars.space['3']} + (${vars.space['4']} - ${vars.space['2']}) * 0.5)`,
+        width: vars.space['2'],
+        height: vars.space['2'],
+    },
+    selectedInner: {
+        borderWidth: `calc(${vars.space['2']} / 2)`,
+    },
+    selected: {
+        borderColor: vars.typography.colour.primary,
+    },
+});

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface Props {
+    value: string;
+    className?: string;
+    disabled?: boolean;
+    children: ReactNode;
+}
+export declare const Radio: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAS9C,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,gFAmDjB,CAAC"}

package/dist/components/Radio/Radio.js

@@ -1,61 +1,22 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { Box } from "../Box/index.js";
-import { CheckableBase } from "../private/CheckableBase/index.js";
-import { useCheckableStyles } from "../private/CheckableBase/useCheckableStyles.js";
-import * as styles from "./Radio.css.js";
-import { useRadioContext } from "./RadioGroup.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const Radio = forwardRef((_ref, ref) => {
-  let {
-    value,
-    className = '',
-    children,
-    disabled = false
-  } = _ref;
-  const {
-    checkableItem
-  } = useCheckableStyles();
-  const radioContext = useRadioContext();
-  const isChecked = value === radioContext.value;
-
-  const handleClick = () => {
-    var _radioContext$radioSe;
-
-    return (_radioContext$radioSe = radioContext.radioSelected) === null || _radioContext$radioSe === void 0 ? void 0 : _radioContext$radioSe.call(radioContext, value);
-  };
-
-  return _jsxs(CheckableBase, {
-    ref: ref,
-    inputType: "radio",
-    className: className,
-    inputName: radioContext.inputName,
-    value: value,
-    label: children,
-    disabled: disabled,
-    checked: isChecked,
-    handleClick: handleClick,
-    children: [_jsx(Box, {
-      borderRadius: "pill",
-      position: "absolute",
-      borderWidth: "2",
-      borderColour: "gray",
-      className: clsx(checkableItem, styles.circle.default, styles.circle.outer, {
-        [styles.circle.selected]: isChecked
-      })
-    }), _jsx(Box, {
-      borderRadius: "pill",
-      position: "absolute",
-      borderColour: "gray",
-      borderWidth: "none",
-      className: clsx(styles.circle.default, styles.circle.inner, {
-        [styles.circle.selected]: isChecked,
-        [styles.circle.selectedInner]: isChecked
-      })
-    })]
-  });
-});
+import { Box } from '../Box';
+import { CheckableBase } from '../private/CheckableBase';
+import { useCheckableStyles } from '../private/CheckableBase/useCheckableStyles';
+import * as styles from './Radio.css';
+import { useRadioContext } from './RadioGroup';
+export const Radio = forwardRef(({ value, className = '', children, disabled = false }, ref) => {
+    const { checkableItem } = useCheckableStyles();
+    const radioContext = useRadioContext();
+    const isChecked = value === radioContext.value;
+    const handleClick = () => radioContext.radioSelected?.(value);
+    return (React.createElement(CheckableBase, { ref: ref, inputType: "radio", className: className, inputName: radioContext.inputName, value: value, label: children, disabled: disabled, checked: isChecked, handleClick: handleClick },
+        React.createElement(Box, { borderRadius: "pill", position: "absolute", borderWidth: "2", borderColour: "gray", className: clsx(checkableItem, styles.circle.default, styles.circle.outer, {
+                [styles.circle.selected]: isChecked,
+            }) }),
+        React.createElement(Box, { borderRadius: "pill", position: "absolute", borderColour: "gray", borderWidth: "none", className: clsx(styles.circle.default, styles.circle.inner, {
+                [styles.circle.selected]: isChecked,
+                [styles.circle.selectedInner]: isChecked,
+            }) })));
+});

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface Props {
+    name: string;
+    className?: string;
+    value: string;
+    children: ReactNode;
+    onChange?(value: string): void;
+}
+interface RadioGroupContext {
+    inputName: string;
+    value: string;
+    radioSelected?(value: string): void;
+}
+export declare const RadioContext: React.Context<RadioGroupContext>;
+export declare const useRadioContext: () => RadioGroupContext;
+export declare const RadioGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/Radio/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,SAAS,EAGT,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IAEpB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,iBAAiB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,kCAAgD,CAAC;AAE1E,eAAO,MAAM,eAAe,QAAO,iBACT,CAAC;AAE3B,eAAO,MAAM,UAAU,8EAsBtB,CAAC"}

package/dist/components/Radio/RadioGroup.js

@@ -1,35 +1,10 @@
-"use strict";
-
 import * as React from 'react';
-import { createContext, forwardRef, useContext, useMemo } from 'react';
-import { Box } from "../Box/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useMemo, } from 'react';
+import { Box } from '../Box';
 export const RadioContext = createContext(null);
 export const useRadioContext = () => useContext(RadioContext);
-export const RadioGroup = forwardRef((_ref, ref) => {
-  let {
-    name,
-    value,
-    className = '',
-    onChange,
-    children
-  } = _ref;
-  const contextValue = useMemo(() => ({
-    value,
-    inputName: name,
-    radioSelected: onChange
-  }), [value, name, onChange]);
-  return _jsx(RadioContext.Provider, {
-    value: contextValue,
-    children: _jsx(Box, {
-      ref: ref,
-      position: "relative",
-      display: "flex",
-      flexDirection: "column",
-      width: "full",
-      padding: "none",
-      className: className,
-      children: children
-    })
-  });
-});
+export const RadioGroup = forwardRef(({ name, value, className = '', onChange, children }, ref) => {
+    const contextValue = useMemo(() => ({ value, inputName: name, radioSelected: onChange }), [value, name, onChange]);
+    return (React.createElement(RadioContext.Provider, { value: contextValue },
+        React.createElement(Box, { ref: ref, position: "relative", display: "flex", flexDirection: "column", width: "full", padding: "none", className: className }, children)));
+});

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

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

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

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

package/dist/components/Radio/index.js

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

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

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const width: Record<"small" | "medium" | "large", string>;
+//# sourceMappingURL=Section.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QAEf,CAAC;AACH,eAAO,MAAM,KAAK,8CAEjB,CAAC"}

package/dist/components/Section/Section.css.js

@@ -1,15 +1,7 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Section/Section.css.ts", "@autoguru/overdrive");
-
 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({
-  margin: '0 auto'
-}, "root");
-export const width = styleVariants(mapTokenToProperty(vars.contentWidth, 'maxWidth'), "width");
-
-__vanilla_filescope__.endFileScope();
+    margin: '0 auto',
+});
+export const width = styleVariants(mapTokenToProperty(vars.contentWidth, 'maxWidth'));

package/dist/components/Section/Section.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { Box } from '../Box';
+import * as styles from './Section.css';
+export interface Props extends Pick<ComponentProps<typeof Box>, 'paddingX'> {
+    width?: keyof typeof styles.width;
+}
+export declare const Section: FunctionComponent<Props>;
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;CAClC;AAED,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAW5C,CAAC"}

package/dist/components/Section/Section.js

@@ -1,20 +1,5 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./Section.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Section = _ref => {
-  let {
-    children,
-    width = 'medium',
-    paddingX
-  } = _ref;
-  return _jsx(Box, {
-    className: clsx(styles.root, styles.width[width]),
-    width: "full",
-    paddingX: paddingX,
-    children: children
-  });
-};
+import { Box } from '../Box';
+import * as styles from './Section.css';
+export const Section = ({ children, width = 'medium', paddingX, }) => (React.createElement(Box, { className: clsx(styles.root, styles.width[width]), width: "full", paddingX: paddingX }, children));

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

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

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

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

package/dist/components/Section/index.js

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

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

@@ -0,0 +1,4 @@
+export declare const input: string;
+export declare const paddedInput: string;
+export declare const arrow: string;
+//# sourceMappingURL=SelectInput.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.css.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAAY,CAAC;AAC/B,eAAO,MAAM,WAAW,QAMtB,CAAC;AAEH,eAAO,MAAM,KAAK,QAGhB,CAAC"}

package/dist/components/SelectInput/SelectInput.css.js

@@ -1,22 +1,14 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/SelectInput/SelectInput.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
-export const input = style({}, "input");
+import { vars } from '../../themes/base/vars.css';
+export const input = style({});
 export const paddedInput = style({
-  selectors: {
-    ["".concat(input, "&")]: {
-      paddingRight: vars.space['8']
-    }
-  }
-}, "paddedInput");
+    selectors: {
+        [`${input}&`]: {
+            paddingRight: vars.space['8'],
+        },
+    },
+});
 export const arrow = style({
-  top: '0',
-  right: '0'
-}, "arrow");
-
-__vanilla_filescope__.endFileScope();
+    top: '0',
+    right: '0',
+});