@autoguru/overdrive 4.3.4 → 4.4.0

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,20 +1,4 @@
-"use strict";
-
 import * as React from 'react';
-import { Box } from "../Box/index.js";
-import * as styles from "./VisuallyHidden.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const VisuallyHidden = _ref => {
-  let {
-    children,
-    is
-  } = _ref;
-  return _jsx(Box, {
-    is: is,
-    position: "absolute",
-    overflow: "hidden",
-    userSelect: "none",
-    className: styles.root,
-    children: children
-  });
-};
+import { Box } from '../Box';
+import * as styles from './VisuallyHidden.css';
+export const VisuallyHidden = ({ children, is }) => (React.createElement(Box, { is: is, position: "absolute", overflow: "hidden", userSelect: "none", className: styles.root }, children));

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

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

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

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

package/dist/components/VisuallyHidden/index.js

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

package/dist/components/index.d.ts

@@ -0,0 +1,54 @@
+export * from './OverdriveProvider';
+export * from './ThemeProvider';
+export * from './Actions';
+export * from './Alert';
+export * from './Anchor';
+export * from './AutoSuggest';
+export * from './Badge';
+export * from './Box';
+export * from './BulletList';
+export * from './BulletText';
+export * from './Button';
+export * from './CheckBox';
+export * from './Columns';
+export * from './DateInput';
+export * from './Flyout';
+export * from './Heading';
+export * from './Icon';
+export * from './Inline';
+export * from './LinearProgressIndicator';
+export * from './LoadingBox';
+export * from './Meta';
+export * from './Modal';
+export * from './NumberInput';
+export * from './OrderedList';
+export * from './OutsideClick';
+export * from './Pagination';
+export * from './Portal';
+export * from './Positioner';
+export * from './ProgressBar';
+export * from './ProgressBarGroup';
+export * from './ProgressSpinner';
+export * from './Radio';
+export * from './Section';
+export * from './SelectInput';
+export * from './SimplePagination';
+export * from './Stack';
+export * from './StandardModal';
+export * from './StarRating';
+export * from './Stepper';
+export * from './Switch';
+export * from './Table';
+export * from './Tabs';
+export * from './Text';
+export * from './TextAreaInput';
+export * from './TextContainer';
+export * from './TextInput';
+export * from './TextLink';
+export * from './Toaster';
+export * from './Tooltip';
+export * from './VisuallyHidden';
+export * from './MinimalModal';
+export * from './Image';
+export * from './NumberBubble';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/components/index.js

@@ -1,55 +1,53 @@
-"use strict";
-
-export * from "./OverdriveProvider/index.js";
-export * from "./ThemeProvider/index.js";
-export * from "./Actions/index.js";
-export * from "./Alert/index.js";
-export * from "./Anchor/index.js";
-export * from "./AutoSuggest/index.js";
-export * from "./Badge/index.js";
-export * from "./Box/index.js";
-export * from "./BulletList/index.js";
-export * from "./BulletText/index.js";
-export * from "./Button/index.js";
-export * from "./CheckBox/index.js";
-export * from "./Columns/index.js";
-export * from "./DateInput/index.js";
-export * from "./Flyout/index.js";
-export * from "./Heading/index.js";
-export * from "./Icon/index.js";
-export * from "./Inline/index.js";
-export * from "./LinearProgressIndicator/index.js";
-export * from "./LoadingBox/index.js";
-export * from "./Meta/index.js";
-export * from "./Modal/index.js";
-export * from "./NumberInput/index.js";
-export * from "./OrderedList/index.js";
-export * from "./OutsideClick/index.js";
-export * from "./Pagination/index.js";
-export * from "./Portal/index.js";
-export * from "./Positioner/index.js";
-export * from "./ProgressBar/index.js";
-export * from "./ProgressBarGroup/index.js";
-export * from "./ProgressSpinner/index.js";
-export * from "./Radio/index.js";
-export * from "./Section/index.js";
-export * from "./SelectInput/index.js";
-export * from "./SimplePagination/index.js";
-export * from "./Stack/index.js";
-export * from "./StandardModal/index.js";
-export * from "./StarRating/index.js";
-export * from "./Stepper/index.js";
-export * from "./Switch/index.js";
-export * from "./Table/index.js";
-export * from "./Tabs/index.js";
-export * from "./Text/index.js";
-export * from "./TextAreaInput/index.js";
-export * from "./TextContainer/index.js";
-export * from "./TextInput/index.js";
-export * from "./TextLink/index.js";
-export * from "./Toaster/index.js";
-export * from "./Tooltip/index.js";
-export * from "./VisuallyHidden/index.js";
-export * from "./MinimalModal/index.js";
-export * from "./Image/index.js";
-export * from "./NumberBubble/index.js";
+export * from './OverdriveProvider';
+export * from './ThemeProvider';
+export * from './Actions';
+export * from './Alert';
+export * from './Anchor';
+export * from './AutoSuggest';
+export * from './Badge';
+export * from './Box';
+export * from './BulletList';
+export * from './BulletText';
+export * from './Button';
+export * from './CheckBox';
+export * from './Columns';
+export * from './DateInput';
+export * from './Flyout';
+export * from './Heading';
+export * from './Icon';
+export * from './Inline';
+export * from './LinearProgressIndicator';
+export * from './LoadingBox';
+export * from './Meta';
+export * from './Modal';
+export * from './NumberInput';
+export * from './OrderedList';
+export * from './OutsideClick';
+export * from './Pagination';
+export * from './Portal';
+export * from './Positioner';
+export * from './ProgressBar';
+export * from './ProgressBarGroup';
+export * from './ProgressSpinner';
+export * from './Radio';
+export * from './Section';
+export * from './SelectInput';
+export * from './SimplePagination';
+export * from './Stack';
+export * from './StandardModal';
+export * from './StarRating';
+export * from './Stepper';
+export * from './Switch';
+export * from './Table';
+export * from './Tabs';
+export * from './Text';
+export * from './TextAreaInput';
+export * from './TextContainer';
+export * from './TextInput';
+export * from './TextLink';
+export * from './Toaster';
+export * from './Tooltip';
+export * from './VisuallyHidden';
+export * from './MinimalModal';
+export * from './Image';
+export * from './NumberBubble';

package/dist/components/private/CheckableBase/CheckableBase.css.d.ts

@@ -0,0 +1,7 @@
+export declare const root: string;
+export declare const label: Record<"disabled", string>;
+export declare const nativeInput: Record<"default" | "checked", string>;
+export declare const checkable: string;
+export declare const checkableItem: string;
+export declare const disabled: string;
+//# sourceMappingURL=CheckableBase.css.d.ts.map

package/dist/components/private/CheckableBase/CheckableBase.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckableBase.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/CheckableBase/CheckableBase.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,KAAK,4BAIhB,CAAC;AAEH,eAAO,MAAM,WAAW,uCAWtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAGnB,CAAC"}

package/dist/components/private/CheckableBase/CheckableBase.css.js

@@ -1,54 +1,46 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/private/CheckableBase/CheckableBase.css.ts", "@autoguru/overdrive");
-
 import { style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../../themes/base/vars.css.js";
+import { vars } from '../../../themes/base/vars.css';
 export const root = style({
-  cursor: 'pointer',
-  transition: "background-color 0.2s ".concat(vars.animation.easing.decelerate, " 0s"),
-  ':hover': {
-    backgroundColor: vars.colours.background.body
-  }
-}, "root");
+    cursor: 'pointer',
+    transition: `background-color 0.2s ${vars.animation.easing.decelerate} 0s`,
+    ':hover': {
+        backgroundColor: vars.colours.background.body,
+    },
+});
 export const label = styleVariants({
-  disabled: {
-    color: vars.typography.colour.dark
-  }
-}, "label");
+    disabled: {
+        color: vars.typography.colour.dark,
+    },
+});
 export const nativeInput = styleVariants({
-  default: {
-    zIndex: 2,
-    top: 0,
-    left: 0,
-    cursor: 'inherit',
-    opacity: 0
-  },
-  checked: {
-    outline: 'none'
-  }
-}, "nativeInput");
+    default: {
+        zIndex: 2,
+        top: 0,
+        left: 0,
+        cursor: 'inherit',
+        opacity: 0,
+    },
+    checked: {
+        outline: 'none',
+    },
+});
 export const checkable = style({
-  width: "calc(".concat(vars.space['4'], " + (").concat(vars.space[3], " * 2))"),
-  height: "calc(".concat(vars.space['4'], " + (").concat(vars.space[3], " * 2))"),
-  marginTop: "calc(-1*".concat(vars.space['3'], ")"),
-  marginBottom: "calc(-1*".concat(vars.space['3'], ")")
-}, "checkable");
+    width: `calc(${vars.space['4']} + (${vars.space[3]} * 2))`,
+    height: `calc(${vars.space['4']} + (${vars.space[3]} * 2))`,
+    marginTop: `calc(-1*${vars.space['3']})`,
+    marginBottom: `calc(-1*${vars.space['3']})`,
+});
 export const checkableItem = style({
-  selectors: {
-    ["".concat(nativeInput.default, ":focus:checked ~").concat(checkable, " &")]: {
-      boxShadow: "0 0 0 2px ".concat(vars.colours.intent.primary.background.strong)
+    selectors: {
+        [`${nativeInput.default}:focus:checked ~${checkable} &`]: {
+            boxShadow: `0 0 0 2px ${vars.colours.intent.primary.background.strong}`,
+        },
+        [`${nativeInput.default}:focus:not(:checked) ~${checkable} >&`]: {
+            borderColor: vars.colours.intent.primary.background.strong,
+        },
     },
-    ["".concat(nativeInput.default, ":focus:not(:checked) ~").concat(checkable, " >&")]: {
-      borderColor: vars.colours.intent.primary.background.strong
-    }
-  }
-}, "checkableItem");
+});
 export const disabled = style({
-  opacity: 0.6,
-  pointerEvents: 'none'
-}, "disabled");
-
-__vanilla_filescope__.endFileScope();
+    opacity: 0.6,
+    pointerEvents: 'none',
+});

package/dist/components/private/CheckableBase/CheckableBase.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface Props {
+    className?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    label: ReactNode;
+    inputName: string;
+    inputType: string;
+    value: string;
+    children?: ReactNode;
+    handleClick(event: any): void;
+    handleChange?(checked: boolean): void;
+}
+export declare const CheckableBase: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=CheckableBase.d.ts.map

package/dist/components/private/CheckableBase/CheckableBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckableBase.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/CheckableBase/CheckableBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3D,MAAM,WAAW,KAAK;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,WAAW,CAAC,KAAK,KAAA,GAAG,IAAI,CAAC;IAEzB,YAAY,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,gFA6FzB,CAAC"}

package/dist/components/private/CheckableBase/CheckableBase.js

@@ -1,93 +1,30 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { Box, useBoxStyles } from "../../Box/index.js";
-import { Text, useTextStyles } from "../../Text/index.js";
-import * as styles from "./CheckableBase.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const CheckableBase = forwardRef((_ref, ref) => {
-  let {
-    className = '',
-    label = '',
-    checked = false,
-    disabled = false,
-    inputType,
-    inputName,
-    value,
-    children,
-    handleClick,
-    handleChange
-  } = _ref;
-
-  const onChange = e => {
-    if (typeof handleChange === 'function') {
-      handleChange(e.currentTarget.checked);
-    }
-  };
-
-  const nakedLabel = ['string', 'number'].includes(typeof label);
-  return _jsxs(Box, {
-    display: "flex",
-    alignItems: "center",
-    flexDirection: "row",
-    justifyContent: "flexStart",
-    paddingY: "3",
-    paddingRight: label ? '3' : 'none',
-    paddingLeft: "none",
-    position: "relative",
-    className: [styles.root, useBoxStyles({
-      is: 'button'
-    }), className, {
-      [styles.disabled]: disabled
-    }],
-    children: [_jsx(Box, {
-      ref: ref,
-      is: "input",
-      position: "absolute",
-      width: "full",
-      height: "full",
-      margin: "none",
-      padding: "none",
-      name: inputName,
-      value: value,
-      checked: checked,
-      disabled: disabled,
-      type: inputType,
-      pointerEvents: disabled ? 'none' : void 0,
-      className: clsx(useBoxStyles({
-        is: 'button'
-      }), styles.nativeInput.default, {
-        [styles.nativeInput.checked]: checked
-      }),
-      onClick: handleClick,
-      onChange: onChange
-    }), _jsx(Box, {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      position: "relative",
-      className: [styles.checkable, useBoxStyles({
-        is: 'button'
-      })],
-      children: children
-    }), label ? _jsx(Box, {
-      is: "label",
-      width: "full",
-      pointerEvents: disabled ? 'none' : void 0,
-      className: clsx(useBoxStyles({
-        is: 'button'
-      }), useTextStyles({
-        size: '4'
-      }), {
-        [styles.label.disabled]: disabled
-      }),
-      children: nakedLabel ? _jsx(Text, {
-        is: "span",
-        children: label
-      }) : label
-    }) : null]
-  });
-});
+import { Box, useBoxStyles } from '../../Box';
+import { Text, useTextStyles } from '../../Text';
+import * as styles from './CheckableBase.css';
+export const CheckableBase = forwardRef(({ className = '', label = '', checked = false, disabled = false, inputType, inputName, value, children, handleClick, handleChange, }, ref) => {
+    const onChange = (e) => {
+        if (typeof handleChange === 'function') {
+            handleChange(e.currentTarget.checked);
+        }
+    };
+    const nakedLabel = ['string', 'number'].includes(typeof label);
+    return (React.createElement(Box, { display: "flex", alignItems: "center", flexDirection: "row", justifyContent: "flexStart", paddingY: "3", paddingRight: label ? '3' : 'none', paddingLeft: "none", position: "relative", className: [
+            styles.root,
+            useBoxStyles({ is: 'button' }),
+            className,
+            { [styles.disabled]: disabled },
+        ] },
+        React.createElement(Box, { ref: ref, is: "input", position: "absolute", width: "full", height: "full", margin: "none", padding: "none", name: inputName, value: value, checked: checked, disabled: disabled, type: inputType, pointerEvents: disabled ? 'none' : void 0, className: clsx(useBoxStyles({ is: 'button' }), styles.nativeInput.default, {
+                [styles.nativeInput.checked]: checked,
+            }), onClick: handleClick, onChange: onChange }),
+        React.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", position: "relative", className: [
+                styles.checkable,
+                useBoxStyles({ is: 'button' }),
+            ] }, children),
+        label ? (React.createElement(Box, { is: "label", width: "full", pointerEvents: disabled ? 'none' : void 0, className: clsx(useBoxStyles({ is: 'button' }), useTextStyles({ size: '4' }), {
+                [styles.label.disabled]: disabled,
+            }) }, nakedLabel ? React.createElement(Text, { is: "span" }, label) : label)) : null));
+});

package/dist/components/private/CheckableBase/index.d.ts

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

package/dist/components/private/CheckableBase/index.d.ts.map

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

package/dist/components/private/CheckableBase/index.js

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

package/dist/components/private/CheckableBase/useCheckableStyles.d.ts

@@ -0,0 +1,4 @@
+export declare const useCheckableStyles: () => {
+    checkableItem: string;
+};
+//# sourceMappingURL=useCheckableStyles.d.ts.map

package/dist/components/private/CheckableBase/useCheckableStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckableStyles.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/CheckableBase/useCheckableStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,EAAE,MAAM;IACtC,aAAa,EAAE,MAAM,CAAC;CAGrB,CAAC"}

package/dist/components/private/CheckableBase/useCheckableStyles.js

@@ -1,6 +1,4 @@
-"use strict";
-
-import * as styles from "./CheckableBase.css.js";
+import * as styles from './CheckableBase.css';
 export const useCheckableStyles = () => ({
-  checkableItem: styles.checkableItem
-});
+    checkableItem: styles.checkableItem,
+});

package/dist/components/private/InputBase/HintText.css.d.ts

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

package/dist/components/private/InputBase/HintText.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HintText.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/HintText.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,QAEnB,CAAC"}

package/dist/components/private/InputBase/HintText.css.js

@@ -1,13 +1,5 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/private/InputBase/HintText.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 hintText = style({
-  transition: "color 0.2s ".concat(vars.animation.easing.decelerate, " 0s")
-}, "hintText");
-
-__vanilla_filescope__.endFileScope();
+    transition: `color 0.2s ${vars.animation.easing.decelerate} 0s`,
+});

package/dist/components/private/InputBase/HintText.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface Props {
+    hintText: ReactNode;
+    reserveHintSpace?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const HintText: FunctionComponent<Props>;
+//# sourceMappingURL=HintText.d.ts.map

package/dist/components/private/InputBase/HintText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HintText.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/HintText.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOrD,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAyB7C,CAAC"}

package/dist/components/private/InputBase/HintText.js

@@ -1,30 +1,16 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
-import { useBoxStyles } from "../../Box/index.js";
-import { Text } from "../../Text/index.js";
-import * as styles from "./HintText.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const HintText = _ref => {
-  let {
-    reserveHintSpace,
-    disabled,
-    hintText,
-    className = ''
-  } = _ref;
-  const boxStyles = useBoxStyles({
-    is: 'p',
-    marginTop: '2',
-    marginLeft: '4'
-  });
-  if (!hintText && !reserveHintSpace) return null;
-  const showHintText = !disabled && hintText;
-  return _jsx(Text, {
-    is: "p",
-    size: "2",
-    colour: "unset",
-    className: clsx(boxStyles, styles.hintText, className),
-    children: showHintText ? hintText : '\u00A0'
-  });
-};
+import { useBoxStyles } from '../../Box';
+import { Text } from '../../Text';
+import * as styles from './HintText.css';
+export const HintText = ({ reserveHintSpace, disabled, hintText, className = '', }) => {
+    const boxStyles = useBoxStyles({
+        is: 'p',
+        marginTop: '2',
+        marginLeft: '4',
+    });
+    if (!hintText && !reserveHintSpace)
+        return null;
+    const showHintText = !disabled && hintText;
+    return (React.createElement(Text, { is: "p", size: "2", colour: "unset", className: clsx(boxStyles, styles.hintText, className) }, showHintText ? hintText : '\u00A0'));
+};

package/dist/components/private/InputBase/InputState.css.d.ts

@@ -0,0 +1,58 @@
+export declare const disabled: Record<"colour" | "borderColour", string>;
+export declare const natural: {
+    default: {
+        colour: string;
+        borderColour: string;
+    };
+    hover: {
+        colour: string;
+        borderColour: string;
+    };
+    active: {
+        colour: string;
+        borderColour: string;
+    };
+};
+export declare const active: {
+    default: {
+        colour: string;
+        borderColour: string;
+    };
+    hover: {
+        colour: string;
+        borderColour: string;
+    };
+    active: {
+        colour: string;
+        borderColour: string;
+    };
+};
+export declare const success: {
+    default: {
+        colour: string;
+        borderColour: string;
+    };
+    hover: {
+        colour: string;
+        borderColour: string;
+    };
+    active: {
+        colour: string;
+        borderColour: string;
+    };
+};
+export declare const error: {
+    default: {
+        colour: string;
+        borderColour: string;
+    };
+    hover: {
+        colour: string;
+        borderColour: string;
+    };
+    active: {
+        colour: string;
+        borderColour: string;
+    };
+};
+//# sourceMappingURL=InputState.css.d.ts.map