@autoguru/overdrive 4.1.4 → 4.1.5

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

@@ -0,0 +1,3 @@
+export { EAlignment as EPositionerAlignment } from './alignment';
+export { Positioner } from './Positioner';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Positioner/index.js

@@ -1,4 +1,2 @@
-"use strict";
-
-export { EAlignment as EPositionerAlignment } from "./alignment.js";
-export { Positioner } from "./Positioner.js";
+export { EAlignment as EPositionerAlignment } from './alignment';
+export { Positioner } from './Positioner';

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

@@ -0,0 +1,3 @@
+export declare const container: string;
+export declare const bar: string;
+//# sourceMappingURL=ProgressBar.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.css.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressBar/ProgressBar.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,GAAG,QAGd,CAAC"}

package/dist/components/ProgressBar/ProgressBar.css.js

@@ -1,17 +1,9 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/ProgressBar/ProgressBar.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const container = style({
-  height: vars.space['2']
-}, "container");
+    height: vars.space['2'],
+});
 export const bar = style({
-  transition: "width 0.2s ".concat(vars.animation.easing.standard, " 0s"),
-  willChange: 'width'
-}, "bar");
-
-__vanilla_filescope__.endFileScope();
+    transition: `width 0.2s ${vars.animation.easing.standard} 0s`,
+    willChange: 'width',
+});

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+declare const colours: ReadonlyArray<'red' | 'green' | 'blue' | 'yellow' | 'neutral'>;
+export interface Props {
+    value?: number;
+    colour?: typeof colours[number];
+}
+export declare const ProgressBar: FunctionComponent<Props>;
+export {};
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1D,QAAA,MAAM,OAAO,EAAE,aAAa,CAC3B,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CACU,CAAC;AAE3D,MAAM,WAAW,KAAK;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC;CAChC;AAaD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAiBhD,CAAC"}

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,34 +1,16 @@
-"use strict";
-
 import { clamp } from '@autoguru/utilities';
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./ProgressBar.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+import * as styles from './ProgressBar.css';
 const colours = ['red', 'green', 'blue', 'yellow', 'neutral'];
 const backgroundColorMap = {
-  red: 'red500',
-  green: 'green500',
-  blue: 'blue500',
-  yellow: 'yellow600',
-  neutral: 'gray500'
+    red: 'red500',
+    green: 'green500',
+    blue: 'blue500',
+    yellow: 'yellow600',
+    neutral: 'gray500',
 };
-export const ProgressBar = _ref => {
-  let {
-    value = 0,
-    colour = 'green'
-  } = _ref;
-  return _jsx(Box, {
-    className: styles.container,
-    borderRadius: "1",
-    backgroundColour: "gray100",
-    children: _jsx(Box, {
-      borderRadius: "1",
-      backgroundColour: backgroundColorMap[colour],
-      className: [styles.bar, styles.container],
-      style: {
-        width: "".concat(clamp(value, 0, 1) * 100, "%")
-      }
-    })
-  });
-};
+export const ProgressBar = ({ value = 0, colour = 'green', }) => (React.createElement(Box, { className: styles.container, borderRadius: "1", backgroundColour: "gray100" },
+    React.createElement(Box, { borderRadius: "1", backgroundColour: backgroundColorMap[colour], className: [styles.bar, styles.container], style: {
+            width: `${clamp(value, 0, 1) * 100}%`,
+        } })));

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

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

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

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

package/dist/components/ProgressBar/index.js

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

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

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

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

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

package/dist/components/ProgressBarGroup/ProgressBarGroup.css.js

@@ -1,14 +1,6 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/ProgressBarGroup/ProgressBarGroup.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const root = style({
-  display: 'grid',
-  gridGap: "".concat(vars.space['1'], " ").concat(vars.space['5'])
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    display: 'grid',
+    gridGap: `${vars.space['1']} ${vars.space['5']}`,
+});

package/dist/components/ProgressBarGroup/ProgressBarGroup.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { ProgressBar } from '../ProgressBar';
+export interface Props extends Pick<ComponentProps<typeof ProgressBar>, 'colour'> {
+    prefixLabels?: string[];
+    suffixLabels?: string[];
+    count?: number;
+    values: number[];
+}
+export declare const ProgressBarGroup: FunctionComponent<Props>;
+//# sourceMappingURL=ProgressBarGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressBarGroup/ProgressBarGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,QAAQ,CAAC;IAC1D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,KAAK,CAgCrD,CAAC"}

package/dist/components/ProgressBarGroup/ProgressBarGroup.js

@@ -1,44 +1,16 @@
-"use strict";
-
 import * as React from 'react';
 import { Fragment } from 'react';
-import { Box } from "../Box/index.js";
-import { ProgressBar } from "../ProgressBar/index.js";
-import { Text } from "../Text/index.js";
-import * as styles from "./ProgressBarGroup.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const ProgressBarGroup = _ref => {
-  let {
-    prefixLabels,
-    suffixLabels,
-    values,
-    count = values.reduce((result, item) => result + item, 0),
-    colour
-  } = _ref;
-  const hasPrefixLabels = Array.isArray(prefixLabels);
-  const hasSuffixLabels = Array.isArray(suffixLabels);
-  return _jsx(Box, {
-    className: styles.root,
-    alignItems: "center",
-    style: {
-      gridTemplateColumns: "".concat(hasPrefixLabels ? 'auto ' : '', "1fr").concat(hasSuffixLabels ? ' auto' : '')
-    },
-    children: values.map((value, idx) => _jsxs(Fragment, {
-      children: [_jsx(Text, {
-        size: "3",
-        align: "right",
-        colour: "light",
-        children: hasPrefixLabels ? prefixLabels[idx] : ''
-      }), _jsx(ProgressBar, {
-        colour: colour,
-        value: value / count
-      }), _jsx(Text, {
-        size: "3",
-        align: "left",
-        colour: "light",
-        children: hasSuffixLabels ? suffixLabels[idx] : ''
-      })]
-    }, idx))
-  });
-};
+import { Box } from '../Box';
+import { ProgressBar } from '../ProgressBar';
+import { Text } from '../Text';
+import * as styles from './ProgressBarGroup.css';
+export const ProgressBarGroup = ({ prefixLabels, suffixLabels, values, count = values.reduce((result, item) => result + item, 0), colour, }) => {
+    const hasPrefixLabels = Array.isArray(prefixLabels);
+    const hasSuffixLabels = Array.isArray(suffixLabels);
+    return (React.createElement(Box, { className: styles.root, alignItems: "center", style: {
+            gridTemplateColumns: `${hasPrefixLabels ? 'auto ' : ''}1fr${hasSuffixLabels ? ' auto' : ''}`,
+        } }, values.map((value, idx) => (React.createElement(Fragment, { key: idx },
+        React.createElement(Text, { size: "3", align: "right", colour: "light" }, hasPrefixLabels ? prefixLabels[idx] : ''),
+        React.createElement(ProgressBar, { colour: colour, value: value / count }),
+        React.createElement(Text, { size: "3", align: "left", colour: "light" }, hasSuffixLabels ? suffixLabels[idx] : ''))))));
+};

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

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

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

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

package/dist/components/ProgressBarGroup/index.js

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

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

@@ -0,0 +1,9 @@
+export declare const circular: string;
+export declare const path: string;
+export declare const colours: Record<"primary" | "secondary" | "danger" | "warning" | "light", string>;
+export declare const size: {
+    small: Record<"path" | "circular", string>;
+    medium: Record<"path" | "circular", string>;
+    large: Record<"path" | "circular", string>;
+};
+//# sourceMappingURL=ProgressSpinner.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSpinner.css.d.ts","sourceRoot":"","sources":["../../../lib/components/ProgressSpinner/ProgressSpinner.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAkBH,eAAO,MAAM,IAAI,QAQf,CAAC;AAEH,eAAO,MAAM,OAAO,0EAgBlB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;CA+BhB,CAAC"}

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