@autoguru/overdrive 4.0.3 → 4.0.4

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputState.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/InputState.css.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,QAAQ,2CAOnB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAalB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAqBjB,CAAC"}

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

@@ -1,108 +1,92 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/private/InputBase/InputState.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';
 const activeColour = style({
-  color: vars.typography.colour.information
-}, "activeColour");
+    color: vars.typography.colour.information,
+});
 const activeBorderColour = style({
-  color: vars.typography.colour.information
-}, "activeBorderColour");
+    color: vars.typography.colour.information,
+});
 export const disabled = styleVariants({
-  colour: {
-    color: vars.typography.colour.muted
-  },
-  borderColour: {
-    borderColor: vars.typography.colour.muted
-  }
-}, "disabled");
+    colour: {
+        color: vars.typography.colour.muted,
+    },
+    borderColour: {
+        borderColor: vars.typography.colour.muted,
+    },
+});
 export const natural = {
-  default: {
-    colour: style({
-      color: vars.typography.colour.muted
-    }, "natural_default_colour"),
-    borderColour: style({
-      borderColor: vars.typography.colour.muted
-    }, "natural_default_borderColour")
-  },
-  hover: {
-    colour: activeColour,
-    borderColour: activeBorderColour
-  },
-  active: {
-    colour: activeColour,
-    borderColour: activeBorderColour
-  }
+    default: {
+        colour: style({
+            color: vars.typography.colour.muted,
+        }),
+        borderColour: style({
+            borderColor: vars.typography.colour.muted,
+        }),
+    },
+    hover: {
+        colour: activeColour,
+        borderColour: activeBorderColour,
+    },
+    active: {
+        colour: activeColour,
+        borderColour: activeBorderColour,
+    },
 };
 export const active = {
-  default: {
-    colour: activeColour,
-    borderColour: activeBorderColour
-  },
-  hover: {
-    colour: activeColour,
-    borderColour: activeBorderColour
-  },
-  active: {
-    colour: activeColour,
-    borderColour: activeBorderColour
-  }
+    default: {
+        colour: activeColour,
+        borderColour: activeBorderColour,
+    },
+    hover: {
+        colour: activeColour,
+        borderColour: activeBorderColour,
+    },
+    active: {
+        colour: activeColour,
+        borderColour: activeBorderColour,
+    },
 };
 export const success = {
-  default: {
-    colour: style({
-      color: vars.typography.colour.success
-    }, "success_default_colour"),
-    borderColour: style({
-      borderColor: vars.typography.colour.success
-    }, "success_default_borderColour")
-  },
-  hover: {
-    colour: style({
-      color: vars.typography.colour.success
-    }, "success_hover_colour"),
-    borderColour: style({
-      borderColor: vars.typography.colour.success
-    }, "success_hover_borderColour")
-  },
-  active: {
-    colour: style({
-      color: vars.typography.colour.success
-    }, "success_active_colour"),
-    borderColour: style({
-      borderColor: vars.typography.colour.success
-    }, "success_active_borderColour")
-  }
+    default: {
+        colour: style({ color: vars.typography.colour.success }),
+        borderColour: style({ borderColor: vars.typography.colour.success }),
+    },
+    hover: {
+        colour: style({
+            color: vars.typography.colour.success,
+        }),
+        borderColour: style({
+            borderColor: vars.typography.colour.success,
+        }),
+    },
+    active: {
+        colour: style({
+            color: vars.typography.colour.success,
+        }),
+        borderColour: style({
+            borderColor: vars.typography.colour.success,
+        }),
+    },
 };
 export const error = {
-  default: {
-    colour: style({
-      color: vars.typography.colour.danger
-    }, "error_default_colour"),
-    borderColour: style({
-      borderColor: vars.typography.colour.danger
-    }, "error_default_borderColour")
-  },
-  hover: {
-    colour: style({
-      color: vars.typography.colour.danger
-    }, "error_hover_colour"),
-    borderColour: style({
-      borderColor: vars.typography.colour.danger
-    }, "error_hover_borderColour")
-  },
-  active: {
-    colour: style({
-      color: vars.typography.colour.danger
-    }, "error_active_colour"),
-    borderColour: style({
-      borderColor: vars.typography.colour.danger
-    }, "error_active_borderColour")
-  }
+    default: {
+        colour: style({
+            color: vars.typography.colour.danger,
+        }),
+        borderColour: style({
+            borderColor: vars.typography.colour.danger,
+        }),
+    },
+    hover: {
+        colour: style({ color: vars.typography.colour.danger }),
+        borderColour: style({ borderColor: vars.typography.colour.danger }),
+    },
+    active: {
+        colour: style({
+            color: vars.typography.colour.danger,
+        }),
+        borderColour: style({
+            borderColor: vars.typography.colour.danger,
+        }),
+    },
 };
-
-__vanilla_filescope__.endFileScope();

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

@@ -0,0 +1,14 @@
+export declare const root: string;
+export declare const borders: {
+    root: {
+        default: string[];
+        disabled: string;
+    };
+    complete: string[];
+    leading: string[];
+    middle: string[];
+    trailing: string[];
+};
+export declare const placeholder: Record<"default" | "mutedLabelStyles", string>;
+export declare const placeholderPlacement: Record<"default" | "defaultPrefixed" | "shifted", string>;
+//# sourceMappingURL=NotchedBase.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotchedBase.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/NotchedBase.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAEf,CAAC;AAcH,eAAO,MAAM,OAAO;;;;;;;;;CA6CnB,CAAC;AAEF,eAAO,MAAM,WAAW,gDAWtB,CAAC;AAkBH,eAAO,MAAM,oBAAoB,2DAoB/B,CAAC"}

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

@@ -1,89 +1,94 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/private/InputBase/NotchedBase.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({
-  transition: "fill 0.2s ".concat(vars.animation.easing.decelerate, " 0s")
-}, "root");
+    transition: `fill 0.2s ${vars.animation.easing.decelerate} 0s`,
+});
 const borderRegionDefaults = style({
-  borderWidth: '1px',
-  borderStyle: 'solid',
-  display: 'inline-flex',
-  transition: "border-color 0.2s ".concat(vars.animation.easing.decelerate, " 0s")
-}, "borderRegionDefaults");
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    display: 'inline-flex',
+    transition: `border-color 0.2s ${vars.animation.easing.decelerate} 0s`,
+});
 const borderVisualDefaults = style({
-  borderRadius: vars.border.radius['1'],
-  boxShadow: vars.elevation['2']
-}, "borderVisualDefaults");
+    borderRadius: vars.border.radius['1'],
+    boxShadow: vars.elevation['2'],
+});
 export const borders = {
-  root: {
-    default: [borderVisualDefaults, style({
-      zIndex: 2,
-      top: 0,
-      right: 0,
-      left: 0
-    }, "borders_root_default")],
-    disabled: style({
-      boxShadow: 'none'
-    }, "borders_root_disabled")
-  },
-  complete: [borderVisualDefaults, borderRegionDefaults, style({
-    borderRadius: "".concat(vars.border.radius['1'])
-  }, "borders_complete")],
-  leading: [borderRegionDefaults, style({
-    width: vars.space['2'],
-    borderRight: 'none',
-    borderRadius: "".concat(vars.border.radius['1'], " 0 0 ").concat(vars.border.radius['1'])
-  }, "borders_leading")],
-  middle: [borderRegionDefaults, style({
-    transition: "width 0.15s ".concat(vars.animation.easing.decelerate, ", border-color 0.2s ").concat(vars.animation.easing.decelerate, " 0s"),
-    borderTopWidth: 0,
-    borderRightWidth: 0,
-    borderLeftWidth: 0
-  }, "borders_middle")],
-  trailing: [borderRegionDefaults, style({
-    flexGrow: 1,
-    borderLeft: 'none',
-    borderRadius: "0 ".concat(vars.border.radius['1'], " ").concat(vars.border.radius['1'], " 0")
-  }, "borders_trailing")]
+    root: {
+        default: [
+            borderVisualDefaults,
+            style({
+                zIndex: 2,
+                top: 0,
+                right: 0,
+                left: 0,
+            }),
+        ],
+        disabled: style({ boxShadow: 'none' }),
+    },
+    complete: [
+        borderVisualDefaults,
+        borderRegionDefaults,
+        style({
+            borderRadius: `${vars.border.radius['1']}`,
+        }),
+    ],
+    leading: [
+        borderRegionDefaults,
+        style({
+            width: vars.space['2'],
+            borderRight: 'none',
+            borderRadius: `${vars.border.radius['1']} 0 0 ${vars.border.radius['1']}`,
+        }),
+    ],
+    middle: [
+        borderRegionDefaults,
+        style({
+            transition: `width 0.15s ${vars.animation.easing.decelerate}, border-color 0.2s ${vars.animation.easing.decelerate} 0s`,
+            borderTopWidth: 0,
+            borderRightWidth: 0,
+            borderLeftWidth: 0,
+        }),
+    ],
+    trailing: [
+        borderRegionDefaults,
+        style({
+            flexGrow: 1,
+            borderLeft: 'none',
+            borderRadius: `0 ${vars.border.radius['1']} ${vars.border.radius['1']} 0`,
+        }),
+    ],
 };
 export const placeholder = styleVariants({
-  default: {
-    lineHeight: 1,
-    top: 0,
-    left: 0,
-    transition: "color 0.2s ".concat(vars.animation.easing.decelerate, " 0s, transform 0.2s ").concat(vars.animation.easing.decelerate, " 0s"),
-    transformOrigin: 'top left'
-  },
-  mutedLabelStyles: {
-    color: vars.typography.colour.muted
-  }
-}, "placeholder");
+    default: {
+        lineHeight: 1,
+        top: 0,
+        left: 0,
+        transition: `color 0.2s ${vars.animation.easing.decelerate} 0s, transform 0.2s ${vars.animation.easing.decelerate} 0s`,
+        transformOrigin: 'top left',
+    },
+    mutedLabelStyles: {
+        color: vars.typography.colour.muted,
+    },
+});
 const active_scaling_factor = 0.7777;
-
 const calcPlaceholderTranslate = (notched, prefixed) => {
-  if (notched) {
-    return "calc(".concat(vars.space['2'], " + ").concat(vars.space['2'], "), calc(-0.5 * ").concat(active_scaling_factor, " * ").concat(vars.typography.size['4'].fontSize, ")");
-  }
-
-  return "".concat(prefixed ? "calc(".concat(vars.space['7'], " + ").concat(vars.space['3'], ")") : vars.typography.size['4'].fontSize, ", calc((").concat(vars.space['8'], " - ").concat(vars.typography.size['4'].fontSize, ") / 2)");
+    if (notched) {
+        return `calc(${vars.space['2']} + ${vars.space['2']}), calc(-0.5 * ${active_scaling_factor} * ${vars.typography.size['4'].fontSize})`;
+    }
+    return `${prefixed
+        ? `calc(${vars.space['7']} + ${vars.space['3']})`
+        : vars.typography.size['4'].fontSize}, calc((${vars.space['8']} - ${vars.typography.size['4'].fontSize}) / 2)`;
 };
-
 export const placeholderPlacement = styleVariants({
-  default: {
-    transform: "translate(".concat(calcPlaceholderTranslate(false, false), ") scale(1)")
-  },
-  defaultPrefixed: {
-    transform: "translate(".concat(calcPlaceholderTranslate(false, true), ") scale(1)")
-  },
-  shifted: {
-    zIndex: 2,
-    transform: "translate(".concat(calcPlaceholderTranslate(true, false), ") scale(").concat(active_scaling_factor, ")")
-  }
-}, "placeholderPlacement");
-
-__vanilla_filescope__.endFileScope();
+    default: {
+        transform: `translate(${calcPlaceholderTranslate(false, false)}) scale(1)`,
+    },
+    defaultPrefixed: {
+        transform: `translate(${calcPlaceholderTranslate(false, true)}) scale(1)`,
+    },
+    shifted: {
+        zIndex: 2,
+        transform: `translate(${calcPlaceholderTranslate(true, false)}) scale(${active_scaling_factor})`,
+    },
+});

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

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react';
+export interface Props {
+    id: string;
+    placeholder: string;
+    isEmpty: boolean;
+    disabled: boolean;
+    prefixed: boolean;
+    borderColourClassName: string;
+    placeholderColourClassName: string;
+    notch?: boolean;
+    className?: string;
+}
+export declare const NotchedBase: FunctionComponent<Props>;
+//# sourceMappingURL=NotchedBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotchedBase.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/NotchedBase.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAWvE,MAAM,WAAW,KAAK;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,0BAA0B,EAAE,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAuGhD,CAAC"}

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

@@ -1,87 +1,42 @@
-"use strict";
-
 import clsx from 'clsx';
 import * as React from 'react';
 import { useEffect, useRef, useState } from 'react';
-import { Box } from "../../Box/index.js";
-import { useTextStyles } from "../../Text/index.js";
-import * as styles from "./NotchedBase.css.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../Box';
+import { useTextStyles } from '../../Text';
+import * as styles from './NotchedBase.css';
 const ACTIVE_SCALING_FACTOR = 0.7777;
 const ACTIVE_PADDING_ADDED = 16;
 const ROUGH_WIDTH_PER_CHARACTER = 10.2;
-export const NotchedBase = _ref => {
-  let {
-    id,
-    placeholder,
-    isEmpty,
-    disabled,
-    prefixed,
-    children,
-    notch = true,
-    borderColourClassName,
-    placeholderColourClassName,
-    className = ''
-  } = _ref;
-  const labelStyles = useTextStyles({
-    noWrap: true,
-    size: '4'
-  });
-  const labelRef = useRef(null);
-  const [labelWidth, setLabelWidth] = useState(getNotchedComputedWidthForWidth(placeholder.length * ROUGH_WIDTH_PER_CHARACTER));
-  useEffect(() => {
-    if (labelRef.current) {
-      setLabelWidth(labelRef.current.offsetWidth);
-    }
-  }, [placeholder]);
-  const notchedWidth = getNotchedComputedWidthForWidth(labelWidth);
-  return _jsxs(Box, {
-    position: "relative",
-    width: "full",
-    padding: "none",
-    className: clsx(styles.root, !notch && [styles.borders.complete, borderColourClassName], className),
-    children: [children, notch && _jsxs(Box, {
-      className: clsx(styles.borders.root.default, {
-        [styles.borders.root.disabled]: disabled
-      }),
-      pointerEvents: "none",
-      position: "absolute",
-      display: "flex",
-      width: "full",
-      height: "full",
-      textAlign: "left",
-      children: [_jsx("div", {
-        className: clsx(styles.borders.leading, borderColourClassName)
-      }), _jsx("div", {
-        className: clsx(styles.borders.middle, borderColourClassName),
-        style: {
-          width: isEmpty ? 0 : notchedWidth
-        },
-        children: _jsx(Box, {
-          ref: labelRef,
-          is: "label",
-          pointerEvents: "none",
-          htmlFor: id,
-          position: "absolute",
-          display: "inline",
-          margin: "none",
-          padding: "none",
-          className: clsx(styles.placeholder.default, placeholderColourClassName, labelStyles, {
-            [styles.placeholder.mutedLabelStyles]: isEmpty || disabled,
-            [styles.placeholderPlacement.default]: isEmpty && !prefixed,
-            [styles.placeholderPlacement.defaultPrefixed]: isEmpty && prefixed,
-            [styles.placeholderPlacement.shifted]: !isEmpty
-          }),
-          children: placeholder
-        })
-      }), _jsx("div", {
-        className: clsx('chromatic-ignore', styles.borders.trailing, borderColourClassName)
-      })]
-    })]
-  });
+export const NotchedBase = ({ id, placeholder, isEmpty, disabled, prefixed, children, notch = true, borderColourClassName, placeholderColourClassName, className = '', }) => {
+    const labelStyles = useTextStyles({
+        noWrap: true,
+        size: '4',
+    });
+    const labelRef = useRef(null);
+    const [labelWidth, setLabelWidth] = useState(getNotchedComputedWidthForWidth(placeholder.length * ROUGH_WIDTH_PER_CHARACTER));
+    useEffect(() => {
+        if (labelRef.current) {
+            setLabelWidth(labelRef.current.offsetWidth);
+        }
+    }, [placeholder]);
+    const notchedWidth = getNotchedComputedWidthForWidth(labelWidth);
+    return (React.createElement(Box, { position: "relative", width: "full", padding: "none", className: clsx(styles.root, !notch && [styles.borders.complete, borderColourClassName], className) },
+        children,
+        notch && (React.createElement(Box, { className: clsx(styles.borders.root.default, {
+                [styles.borders.root.disabled]: disabled,
+            }), pointerEvents: "none", position: "absolute", display: "flex", width: "full", height: "full", textAlign: "left" },
+            React.createElement("div", { className: clsx(styles.borders.leading, borderColourClassName) }),
+            React.createElement("div", { className: clsx(styles.borders.middle, borderColourClassName), style: { width: isEmpty ? 0 : notchedWidth } },
+                React.createElement(Box, { ref: labelRef, is: "label", pointerEvents: "none", htmlFor: id, position: "absolute", display: "inline", margin: "none", padding: "none", className: clsx(styles.placeholder.default, placeholderColourClassName, labelStyles, {
+                        [styles.placeholder.mutedLabelStyles]: isEmpty || disabled,
+                        [styles.placeholderPlacement.default]: isEmpty && !prefixed,
+                        [styles.placeholderPlacement
+                            .defaultPrefixed]: isEmpty && prefixed,
+                        [styles.placeholderPlacement
+                            .shifted]: !isEmpty,
+                    }) }, placeholder)),
+            React.createElement("div", { className: clsx('chromatic-ignore', styles.borders.trailing, borderColourClassName) })))));
 };
-
 function getNotchedComputedWidthForWidth(width) {
-  return Math.round((width * ACTIVE_SCALING_FACTOR + ACTIVE_PADDING_ADDED) * 100) / 100;
-}
+    return (Math.round((width * ACTIVE_SCALING_FACTOR + ACTIVE_PADDING_ADDED) * 100) / 100);
+}

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

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