@autoguru/overdrive 4.40.0-next.2 → 4.40.0-next.4

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

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.css.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,QAuBzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;CAuB1B,CAAC;AAEF,eAAO,MAAM,cAAc,QAGzB,CAAC;AACH,eAAO,MAAM,KAAK,QAKhB,CAAC;AACH,eAAO,MAAM,eAAe,QAE1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC;AAEH,eAAO,MAAM,MAAM,QAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,QAQrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,uCAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC"}
+{"version":3,"file":"AutoSuggest.css.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,QAwBzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;CAuB1B,CAAC;AAEF,eAAO,MAAM,cAAc,QAGzB,CAAC;AACH,eAAO,MAAM,KAAK,QAKhB,CAAC;AACH,eAAO,MAAM,eAAe,QAE1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC;AAEH,eAAO,MAAM,MAAM,QAEjB,CAAC;AAEH,eAAO,MAAM,UAAU,QAQrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,uCAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC"}

package/dist/components/AutoSuggest/AutoSuggest.css.js

@@ -12,6 +12,7 @@ export const fullScreenRoot = style({
   bottom: vars.space['5'],
   left: vars.space['5'],
   paddingBottom: vars.space['5'],
+  paddingTop: vars.space['2'],
   overflowY: 'auto',
   maxHeight: '100vh',
   height: 'stretch',

package/dist/components/AutoSuggest/AutoSuggest.d.ts

@@ -1,5 +1,5 @@
 import { IconType } from '@autoguru/icons';
-import { ComponentPropsWithoutRef, ReactElement, Ref } from 'react';
+import { type ComponentPropsWithoutRef, type ReactElement, type Ref } from 'react';
 import { TextInput } from '../TextInput';
 export interface AutoSuggestValue<PayloadType> {
     text: string;

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

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,EACN,wBAAwB,EAKxB,YAAY,EAEZ,GAAG,EAQH,MAAM,OAAO,CAAC;AAYf,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,WAAW,gBAAgB,CAAC,WAAW;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,uBAAuB,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;IAC1D,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;CAClD,KAAK,YAAY,CAAC;AAiCnB,KAAK,WAAW,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,KAAK,CAAC,WAAW,CACjC,SAAQ,IAAI,CACX,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC1C,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAC5C;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC5C,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAEpD,QAAQ,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACtD,OAAO,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACrD;AAyGD,eAAO,MAAM,WAAW,EAwFlB,CAAC,WAAW,SAAS,OAAO,EACjC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACnD,YAAY,CAAC;AAyhBlB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAc,EACb,KAAK,wBAAwB,EAI7B,KAAK,YAAY,EAEjB,KAAK,GAAG,EASR,MAAM,OAAO,CAAC;AAYf,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,WAAW,gBAAgB,CAAC,WAAW;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,uBAAuB,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;IAC1D,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;CAClD,KAAK,YAAY,CAAC;AAiCnB,KAAK,WAAW,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,KAAK,CAAC,WAAW,CACjC,SAAQ,IAAI,CACX,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC1C,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAC5C;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC5C,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAEpD,QAAQ,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACtD,OAAO,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACrD;AAyGD,eAAO,MAAM,WAAW,EAwFlB,CAAC,WAAW,SAAS,OAAO,EACjC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACnD,YAAY,CAAC;AA6hBlB,eAAe,WAAW,CAAC"}

package/dist/components/AutoSuggest/AutoSuggest.js

@@ -13,8 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { ChevronDownIcon, CloseIcon } from '@autoguru/icons';
 import { wrapEvent } from '@autoguru/utilities';
 import clsx from 'clsx';
-import * as React from 'react';
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useReducer, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useReducer, useRef, useState } from 'react';
 import { useMedia } from "../../hooks/useMedia/index.js";
 import { useWindowScrollLock } from "../../hooks/useWindowScrollLock/index.js";
 import { setRef, useId } from "../../utils/index.js";
@@ -484,7 +483,7 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
     flexShrink: 0,
     onMouseDown: onRequestReset,
     children: _jsx(Icon, {
-      size: "medium",
+      size: size === 'large' ? size : 'medium',
       icon: CloseIcon
     })
   }) : fieldIcon ? _jsx(Box, {
@@ -493,7 +492,7 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref5 => {
     paddingRight: size === 'medium' ? '3' : '2',
     onClick: focusHandler,
     children: _jsx(Icon, {
-      size: "medium",
+      size: size === 'large' ? size : 'medium',
       icon: fieldIcon
     })
   }) : null, [field.value, isLoading, fieldIcon, isFocused, onRequestReset]);

package/dist/components/AutoSuggest/AutoSuggest.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof AutoSuggest>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Standard: Story;
+export declare const LargeSize: Story;
 export declare const SmallSize: Story;
 export declare const Loading: Story;
 //# sourceMappingURL=AutoSuggest.stories.d.ts.map

package/dist/components/AutoSuggest/AutoSuggest.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AA+BhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAyElC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
+{"version":3,"file":"AutoSuggest.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AA+BhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAyElC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

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

@@ -10,6 +10,9 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
         medium: {
             height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
+        xsmall: {
+            padding: `2px var(--${string})` | `2px var(--${string}, ${string})` | `2px var(--${string}, ${number})`;
+        };
     };
     shape: {
         default: {};
@@ -81,5 +84,15 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
         false: never[];
     };
 }>;
-export type StyledButtonProps = NonNullable<RecipeVariants<typeof button>>;
+type ButtonRecipeProps = NonNullable<Required<RecipeVariants<typeof button>>>;
+export type ButtonSize = ButtonRecipeProps['size'];
+export type ButtonShape = ButtonRecipeProps['shape'];
+export type ButtonIntent = ButtonRecipeProps['intent'];
+export type ButtonMinimal = ButtonRecipeProps['minimal'];
+export interface StyledButtonProps {
+    size?: ButtonSize;
+    variant?: ButtonIntent;
+    minimal?: ButtonMinimal;
+}
+export {};
 //# sourceMappingURL=Button.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAYlE,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAGH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4OjB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAWlE,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAGH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+OjB,CAAC;AAEH,KAAK,iBAAiB,GAAG,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AAE9E,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AACvD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAIjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAIlB,OAAO,CAAC,EAAE,YAAY,CAAC;IAIvB,OAAO,CAAC,EAAE,aAAa,CAAC;CACxB"}

package/dist/components/Button/Button.css.js

@@ -47,6 +47,9 @@ export const button = recipe({
       },
       medium: {
         height: vars.space['8']
+      },
+      xsmall: {
+        padding: `2px ${vars.space['2']}`
       }
     },
     shape: {

package/dist/components/Button/Button.d.ts

@@ -4,21 +4,17 @@ import { type AriaAttributes, type ComponentPropsWithRef, type ElementType, type
 import type { StyledButtonProps } from './Button.css';
 type ButtonPrimitive = ComponentPropsWithRef<'button'>;
 type AllowedChildren = string | IconType;
-type ButtonSize = 'small' | 'medium';
 declare const defaultEnglish: {
     readonly loading: "loading";
 };
 type TextContent = keyof typeof defaultEnglish;
-export interface ButtonProps extends Pick<ButtonPrimitive, 'id' | 'onClick' | 'type' | 'className'>, Pick<AriaAttributes, 'aria-label'> {
+export interface ButtonProps extends Pick<ButtonPrimitive, 'id' | 'onClick' | 'type' | 'className'>, Pick<AriaAttributes, 'aria-label'>, StyledButtonProps {
     children: AllowedChildren | AllowedChildren[];
     disabled?: boolean;
     is?: ElementType | ReactElement;
     isLoading?: boolean;
     isFullWidth?: boolean;
-    minimal?: boolean;
     rounded?: boolean;
-    size?: ButtonSize;
-    variant?: Required<StyledButtonProps['intent']>;
     withDoubleClicks?: boolean;
     lang?: Partial<Record<TextContent, string>>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASN,KAAK,cAAc,EAEnB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAEhB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,KAAK,eAAe,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AACvD,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AACzC,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAIrC,QAAA,MAAM,cAAc;;CAEV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAE/C,MAAM,WAAW,WAChB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,EACrE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC;IACnC,QAAQ,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAI3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5C;AAqBD,eAAO,MAAM,MAAM,sHA6KlB,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASN,KAAK,cAAc,EAEnB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAEhB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAc,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAElE,KAAK,eAAe,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AACvD,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAIzC,QAAA,MAAM,cAAc;;CAEV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,cAAc,CAAC;AAE/C,MAAM,WAAW,WAChB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC,EACrE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,EAClC,iBAAiB;IAClB,QAAQ,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAI9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAI3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CAC5C;AAiCD,eAAO,MAAM,MAAM,sHA6KlB,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/components/Button/Button.js

@@ -23,6 +23,16 @@ const getPadding = (size, loading) => {
   if (loading) return 'none';
   return size === 'small' ? '3' : '4';
 };
+const fontSize = {
+  xsmall: '2',
+  small: '3',
+  medium: '4'
+};
+const fontWeight = {
+  xsmall: 'normal',
+  small: 'semiBold',
+  medium: 'semiBold'
+};
 export const Button = forwardRef((_ref, ref) => {
   let {
     children,
@@ -87,8 +97,8 @@ export const Button = forwardRef((_ref, ref) => {
       pointerEvents: functionallyDisabled ? 'none' : void 0
     }), useTextStyles({
       colour: 'white',
-      fontWeight: 'semiBold',
-      size: size === 'medium' ? '4' : '3'
+      fontWeight: fontWeight[size],
+      size: fontSize[size]
     }), styles.button({
       size,
       shape,

package/dist/components/Button/Button.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof Button>;
 export declare const Standard: Story;
+export declare const ExtraSmall: Story;
 export declare const PrimarySet: Story;
 export declare const SecondarySet: Story;
 export declare const InformationSet: Story;

package/dist/components/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAmC7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAuHF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAsB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAKF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAuHF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}

package/dist/components/ColourInput/ColourInput.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-export declare const ColourInput: React.ForwardRefExoticComponent<import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
+export declare const ColourInput: React.ForwardRefExoticComponent<import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement>>;
 export default ColourInput;
 //# sourceMappingURL=ColourInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColourInput.d.ts","sourceRoot":"","sources":["../../../lib/components/ColourInput/ColourInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,WAAW,4SAyEvB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ColourInput.d.ts","sourceRoot":"","sources":["../../../lib/components/ColourInput/ColourInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,WAAW,sVAyEvB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/DateInput/DateInput.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-export declare const DateInput: React.ForwardRefExoticComponent<Partial<Pick<HTMLInputElement, "min" | "max">> & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
+export declare const DateInput: React.ForwardRefExoticComponent<Partial<Pick<HTMLInputElement, "min" | "max">> & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement>>;
 export default DateInput;
 //# sourceMappingURL=DateInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../lib/components/DateInput/DateInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,SAAS,6VAgCrB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../lib/components/DateInput/DateInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,SAAS,uYAgCrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/DateInput/DateInput.stories.d.ts

@@ -6,6 +6,7 @@ type Story = StoryObj<typeof meta>;
 export declare const Standard: Story;
 export declare const Invalid: Story;
 export declare const Disabled: Story;
+export declare const LargeSize: Story;
 export declare const SmallSize: Story;
 export declare const WithIcons: Story;
 //# sourceMappingURL=DateInput.stories.d.ts.map

package/dist/components/DateInput/DateInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/DateInput/DateInput.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAc9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA2DhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}
+{"version":3,"file":"DateInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/DateInput/DateInput.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAc9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA2DhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

package/dist/components/DropDown/DropDown.stories.d.ts

@@ -11,7 +11,7 @@ declare const meta: {
         isOpen?: boolean | undefined;
         onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
         id?: string | undefined | undefined;
-        size?: ("small" | "medium") | undefined;
+        size?: import("../Button/Button.css").ButtonSize | undefined;
         disabled?: boolean | undefined;
         ref?: React.Ref<HTMLButtonElement> | undefined;
         key?: React.Key | null | undefined;
@@ -21,11 +21,11 @@ declare const meta: {
         "aria-label"?: string | undefined | undefined;
         testId?: string | undefined;
         rounded?: boolean | undefined;
-        minimal?: boolean | undefined;
+        minimal?: import("../Button/Button.css").ButtonMinimal | undefined;
         isLoading?: boolean | undefined;
         isFullWidth?: boolean | undefined;
-        variant?: Required<"primary" | "brand" | "secondary" | "danger" | "warning" | "success" | "information" | undefined>;
         withDoubleClicks?: boolean | undefined;
+        variant?: import("../Button/Button.css").ButtonIntent | undefined;
         alignment?: import("..").EPositionerAlignment | undefined;
     }>) => React.JSX.Element)[];
     args: {

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,11 +1,8 @@
-import React, { type FocusEventHandler, type FormEventHandler } from 'react';
-interface Props extends Partial<Pick<HTMLInputElement, 'min' | 'max' | 'step'>>, Pick<HTMLInputElement, 'value'> {
+import React from 'react';
+type InputAttributes = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'onChange' | 'onFocus' | 'onBlur' | 'step' | 'value'>;
+interface Props extends InputAttributes {
     preventMouseWheel?: boolean;
-    onChange?: FormEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    max?: string;
 }
-export declare const NumberInput: React.ForwardRefExoticComponent<Props & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
+export declare const NumberInput: React.ForwardRefExoticComponent<Props & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement>>;
 export default NumberInput;
 //# sourceMappingURL=NumberInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAc7E,UAAU,KACT,SAAQ,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,EAC9D,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,WAAW,oTA8CvB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAc9C,KAAK,eAAe,GAAG,IAAI,CAC1B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CACpE,CAAC;AAEF,UAAU,KAAM,SAAQ,eAAe;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,8VA8CvB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/NumberInput/NumberInput.js

@@ -40,7 +40,7 @@ export const NumberInput = withEnhancedInput(_ref => {
     onBlur,
     onChange
   } = useNumberInputBehaviours({
-    ref,
+    ref: ref,
     preventMouseWheel,
     onFocus: eventHandlers.onFocus,
     onBlur: eventHandlers.onBlur,

package/dist/components/NumberInput/NumberInput.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { NumberInput } from '.';
 declare const meta: Meta<typeof NumberInput>;
 export default meta;
@@ -6,6 +6,7 @@ type Story = StoryObj<typeof NumberInput>;
 export declare const Standard: Story;
 export declare const Valid: Story;
 export declare const Invalid: Story;
+export declare const LargeSize: Story;
 export declare const SmallSize: Story;
 export declare const WithIcons: Story;
 export declare const Loading: Story;

package/dist/components/NumberInput/NumberInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberInput/NumberInput.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAO5D,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAMlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAoF1C,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC"}
+{"version":3,"file":"NumberInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/NumberInput/NumberInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAiChC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAoDlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAM1C,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

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

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

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

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

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

@@ -19,4 +19,7 @@ export const arrow = style({
   top: '0',
   right: '0'
 }, "arrow");
+export const arrowDisabled = style({
+  opacity: 0.2
+}, "arrowDisabled");
 __vanilla_filescope__.endFileScope();

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import React from 'react';
 export declare const SelectInput: React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-} & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLSelectElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLSelectElement>>;
+} & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLSelectElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement>>;
 export default SelectInput;
 //# sourceMappingURL=SelectInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,WAAW;eAEX,KAAK,CAAC,SAAS;gRAoD3B,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,WAAW;eAEX,KAAK,CAAC,SAAS;yTA0D3B,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/SelectInput/SelectInput.js

@@ -6,7 +6,8 @@ const _excluded = ["field", "eventHandlers", "suffixed", "prefixed", "validation
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { ChevronDownIcon } from '@autoguru/icons';
-import * as React from 'react';
+import clsx from 'clsx';
+import React from 'react';
 import { Box } from "../Box/index.js";
 import { Icon } from "../Icon/index.js";
 import { withEnhancedInput } from "../private/InputBase/index.js";
@@ -32,13 +33,13 @@ export const SelectInput = withEnhancedInput(_ref => {
     justifyContent: "center",
     position: "relative",
     children: [_jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-      is: "select",
+      as: "select",
       flexGrow: 1
     }, eventHandlers), field), rest), {}, {
       className: [styles.input, styles.paddedInput, field.className],
       autoComplete: "off"
     })), isLoading ? null : _jsx(Box, {
-      className: styles.arrow,
+      className: clsx(styles.arrow, field.disabled && styles.arrowDisabled),
       display: "flex",
       alignItems: "center",
       height: "full",
@@ -47,7 +48,7 @@ export const SelectInput = withEnhancedInput(_ref => {
       pointerEvents: "none",
       position: "absolute",
       children: _jsx(Icon, {
-        size: "medium",
+        size: size === 'large' ? size : 'medium',
         icon: fieldIcon
       })
     })]

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

@@ -7,5 +7,6 @@ export declare const Standard: Story;
 export declare const Valid: Story;
 export declare const Invalid: Story;
 export declare const Disabled: Story;
-export declare const SizeSmall: Story;
+export declare const LargeSize: Story;
+export declare const SmallSize: Story;
 //# sourceMappingURL=SelectInput.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAwBhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA+ClC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}
+{"version":3,"file":"SelectInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAwBhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA+ClC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}

package/dist/components/Table/TableCell.css.d.ts.map

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

package/dist/components/Table/TableCell.css.js

@@ -6,6 +6,7 @@ import { style } from '@vanilla-extract/css';
 import { themeContractVars as vars } from "../../themes/theme.css.js";
 export const root = style({
   position: 'relative',
+  borderBottomColor: vars.colours.gamut.black100,
   ':before': {
     display: 'block',
     content: '""',
@@ -20,7 +21,7 @@ export const root = style({
   selectors: {
     '&:hover:before': {
       transitionTimingFunction: vars.animation.easing.decelerate,
-      backgroundColor: vars.border.colours.light
+      backgroundColor: vars.colours.gamut.gray100
     }
   }
 }, "root");

package/dist/components/Table/TableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,8EA6CrB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,8EA4CrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Table/TableCell.js

@@ -26,7 +26,6 @@ export const TableCell = forwardRef((_ref, ref) => {
     alignItems: "center",
     justifyContent: alignmentToFlexAlignment(align),
     padding: padding,
-    borderColourBottom: "light",
     borderWidthBottom: "1",
     "aria-label": ariaLabel,
     className: styles.root,

package/dist/components/Table/TableHeadCell.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeadCell.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableHeadCell.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,QAAgC,CAAC;AAE1D,eAAO,MAAM,IAAI,QAOf,CAAC;AASH,eAAO,MAAM,MAAM;;;;;CAiClB,CAAC;AAEF,eAAO,MAAM,MAAM,QAIjB,CAAC"}
+{"version":3,"file":"TableHeadCell.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableHeadCell.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,QAAgC,CAAC;AAE1D,eAAO,MAAM,IAAI,QAMf,CAAC;AASH,eAAO,MAAM,MAAM;;;;;CAiClB,CAAC;AAEF,eAAO,MAAM,MAAM,QAIjB,CAAC"}

package/dist/components/Table/TableHeadCell.css.js

@@ -11,7 +11,6 @@ export const sorterButton = style({
   userSelect: 'text'
 }, "sorterButton");
 export const text = style({
-  color: vars.typography.colour.muted,
   selectors: {
     [`${sorterButton}:hover &`]: {
       color: vars.typography.colour.dark

package/dist/components/Table/TableHeadCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeadCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableHeadCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAA4B,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAS7B,KAAK,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,KAChB,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,SAAS,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAErC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAUD,eAAO,MAAM,aAAa,8EA8FzB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TableHeadCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableHeadCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAA4B,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAS7B,KAAK,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,KAChB,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,SAAS,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAErC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAUD,eAAO,MAAM,aAAa,8EA6FzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Table/TableHeadCell.js

@@ -47,11 +47,11 @@ export const TableHeadCell = forwardRef((_ref, ref) => {
     space: "1",
     children: [align === 'right' && shouldSort ? sorter : null, _jsxs(Text, {
       strong: true,
-      size: "2",
+      size: "3",
       is: "span",
       className: styles.text,
       children: [children, shouldSort ? _jsxs(VisuallyHidden, {
-        is: "span",
+        as: "span",
         children: [' ', "sorted ", sortToAria(sort)]
       }) : null]
     }), (align === 'left' || align === 'center') && shouldSort ? sorter : null]
@@ -64,15 +64,14 @@ export const TableHeadCell = forwardRef((_ref, ref) => {
     alignItems: "center",
     justifyContent: alignmentToFlexAlignment(align),
     padding: sort ? undefined : padding,
-    backgroundColour: "gray100",
-    borderColourBottom: "light",
+    borderColourBottom: "dark",
     borderWidthBottom: "1",
     "aria-sort": shouldSort ? sortToAria(sort) : undefined,
     "aria-label": ariaLabel,
     className: tableContext.stickyHead && styles.sticky,
     onClick: sort ? sortClickHandler : undefined,
     children: sort ? _jsx(Box, {
-      is: "button",
+      as: "button",
       display: "block",
       width: "full",
       padding: padding,

package/dist/components/TextAreaInput/TextAreaInput.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-export declare const TextAreaInput: React.ForwardRefExoticComponent<Partial<Pick<HTMLTextAreaElement, "maxLength" | "type">> & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
+export declare const TextAreaInput: React.ForwardRefExoticComponent<Partial<Pick<HTMLTextAreaElement, "maxLength" | "type">> & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement>>;
 export default TextAreaInput;
 //# sourceMappingURL=TextAreaInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextAreaInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextAreaInput/TextAreaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,aAAa,uWA2BzB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TextAreaInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextAreaInput/TextAreaInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,aAAa,iZA2BzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/TextAreaInput/TextAreaInput.js

@@ -22,7 +22,7 @@ export const TextAreaInput = withEnhancedInput(_ref => {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return _jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    is: "textarea"
+    as: "textarea"
   }, eventHandlers), field), rest), {}, {
     autoComplete: "off",
     maxLength: rest.maxLength || MAX_TEXT_AREA_INPUT_LENGTH

package/dist/components/TextInput/TextInput.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-export declare const TextInput: React.ForwardRefExoticComponent<Partial<Pick<HTMLInputElement, "maxLength" | "type">> & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
+export declare const TextInput: React.ForwardRefExoticComponent<Partial<Pick<HTMLInputElement, "maxLength" | "type">> & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement>>;
 export default TextInput;
 //# sourceMappingURL=TextInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,SAAS,oWA0BrB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../lib/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,SAAS,8YA0BrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,8 +1,10 @@
 import { type FunctionComponent, type ReactNode } from 'react';
+import type { InputSize } from './withEnhancedInput.css';
 export interface Props {
     hintText: ReactNode;
     reserveHintSpace?: boolean;
     disabled?: boolean;
+    size?: InputSize;
     className?: string;
 }
 export declare const HintText: FunctionComponent<Props>;

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

@@ -1 +1 @@
-{"version":3,"file":"HintText.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/HintText.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOtE,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"}
+{"version":3,"file":"HintText.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/HintText.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CA0B7C,CAAC"}

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

@@ -11,6 +11,7 @@ export const HintText = _ref => {
     reserveHintSpace,
     disabled,
     hintText,
+    size = 'medium',
     className = ''
   } = _ref;
   const boxStyles = useBoxStyles({
@@ -21,7 +22,7 @@ export const HintText = _ref => {
   const showHintText = !disabled && hintText;
   return _jsx(Text, {
     is: "p",
-    size: "2",
+    size: size === 'large' ? '4' : '2',
     colour: "unset",
     className: clsx(boxStyles, styles.hintText, className),
     children: showHintText ? hintText : '\u00A0'

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

@@ -1,5 +1,7 @@
+import type { InputSize } from './withEnhancedInput.css';
 export declare const root: string;
-export declare const notchGapPlaceholder: string;
+export declare const labelStyle: Record<"small" | "medium" | "large" | "base", string>;
+export declare const notchGapPlaceholder: Record<"small" | "medium" | "large" | "base", string>;
 export declare const borders: {
     root: {
         default: string[];
@@ -14,12 +16,14 @@ export declare const bordersAttach: {
     complete: Record<"NONE" | "LEFT" | "TOP" | "RIGHT" | "BOTTOM" | "ALL", string>;
     flatCorners: Record<"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_RIGHT" | "BOTTOM_LEFT", string>;
 };
+export type BordersAttach = keyof typeof bordersAttach.complete;
 export declare const bordersMerged: {
     complete: Record<"NONE" | "LEFT" | "TOP" | "RIGHT" | "BOTTOM" | "ALL", string>;
     flatCorners: Record<"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_RIGHT" | "BOTTOM_LEFT", string>;
 };
-type Size = 'small' | 'medium';
+export type BordersMerged = keyof typeof bordersMerged.complete;
 export declare const placeholder: Record<"default" | "disabled" | "mutedLabelStyles", string>;
-export declare const placeholderPlacement: Record<Size, Record<string, string>>;
-export {};
+export declare const placeholderPlacement: Record<InputSize, Record<string, string>>;
+export declare const largeBorder: string;
+export declare const largeBorderY: string;
 //# sourceMappingURL=NotchedBase.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotchedBase.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/NotchedBase.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,QAEf,CAAC;AAcH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;CAuCnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAmCzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAmCzB,CAAC;AAEF,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE/B,eAAO,MAAM,WAAW,6DActB,CAAC;AA4BH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAiDrE,CAAC"}
+{"version":3,"file":"NotchedBase.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/NotchedBase.css.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGzD,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,UAAU,uDAarB,CAAC;AAgBH,eAAO,MAAM,mBAAmB,uDAa9B,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;CAuCnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAmCzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC,QAAQ,CAAC;AAEhE,eAAO,MAAM,aAAa;;;CAmCzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC,QAAQ,CAAC;AAEhE,eAAO,MAAM,WAAW,6DActB,CAAC;AAoCH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAyE1E,CAAC;AAEF,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC"}

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

@@ -8,7 +8,22 @@ const active_scaling_factor = 0.7777;
 export const root = style({
   transition: `fill 0.2s ${vars.animation.easing.decelerate} 0s`
 }, "root");
-const defaultBorderWidth = '1px';
+export const labelStyle = styleVariants({
+  base: {
+    textWrap: 'nowrap'
+  },
+  small: {
+    fontSize: vars.typography.size['4'].fontSize
+  },
+  medium: {
+    fontSize: vars.typography.size['4'].fontSize
+  },
+  large: {
+    fontSize: vars.typography.size['7'].fontSize
+  }
+}, "labelStyle");
+const defaultBorderWidth = vars.border.width['1'];
+const largeBorderWidth = vars.border.width['2'];
 const borderRegionDefaults = style({
   borderWidth: defaultBorderWidth,
   borderStyle: 'solid',
@@ -18,9 +33,19 @@ const borderRegionDefaults = style({
 const borderVisualDefaults = style({
   borderRadius: vars.border.radius['2']
 }, "borderVisualDefaults");
-export const notchGapPlaceholder = style({
-  visibility: 'hidden',
-  fontSize: `calc(${vars.typography.size['4'].fontSize} * ${active_scaling_factor})`
+export const notchGapPlaceholder = styleVariants({
+  base: {
+    visibility: 'hidden'
+  },
+  small: {
+    fontSize: `calc(${vars.typography.size['4'].fontSize} * ${active_scaling_factor})`
+  },
+  medium: {
+    fontSize: `calc(${vars.typography.size['4'].fontSize} * ${active_scaling_factor})`
+  },
+  large: {
+    fontSize: `calc(${vars.typography.size['7'].fontSize} * ${active_scaling_factor})`
+  }
 }, "notchGapPlaceholder");
 export const borders = {
   root: {
@@ -40,9 +65,9 @@ export const borders = {
   }, "borders_leading")],
   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
+    borderTopStyle: 'none',
+    borderRightStyle: 'none',
+    borderLeftStyle: 'none'
   }, "borders_middle")],
   trailing: [borderRegionDefaults, style({
     flexGrow: 1,
@@ -138,15 +163,21 @@ export const placeholder = styleVariants({
   }
 }, "placeholder");
 const calcPlaceholderTranslate = (notched, prefixed, size) => {
+  const typography = vars.typography.size[size === 'large' ? '7' : '4'];
+  const vertPadding = vars.space['2'];
   if (notched) {
-    return `calc(${vars.space['2']} + ${vars.space['2']}), calc(-0.5 * ${active_scaling_factor} * ${vars.typography.size['4'].fontSize})`;
+    return `calc(${vertPadding} + ${vertPadding}), calc(-0.5 * ${active_scaling_factor} * ${typography.fontSize})`;
   }
   if (size === 'medium') {
-    const from = prefixed ? `calc(${vars.space['7']} + ${vars.space['3']})` : vars.typography.size['4'].fontSize;
-    return `${from}, calc((${vars.space['8']} - ${vars.typography.size['4'].fontSize}) / 2)`;
+    const offsetX = prefixed ? `calc(${vars.space['7']} + ${vars.space['3']})` : typography.fontSize;
+    return `${offsetX}, calc((${vars.space['8']} - ${typography.fontSize}) / 2)`;
   }
-  const from = prefixed ? `calc(${vars.space['2']} + ${vars.space['5']} + ${vars.space['2']})` : vars.space['2'];
-  return `${from}, calc(${vars.space['2']} + 2px)`;
+  if (size === 'large') {
+    const offsetX = prefixed ? '64px' : typography.fontSize;
+    return `${offsetX}, 25px`;
+  }
+  const offsetX = prefixed ? `calc(${vars.space['2']} + ${vars.space['5']} + ${vars.space['2']})` : vars.space['2'];
+  return `${offsetX}, calc(${vars.space['2']} + 2px)`;
 };
 export const placeholderPlacement = {
   small: styleVariants({
@@ -172,6 +203,25 @@ export const placeholderPlacement = {
       zIndex: 2,
       transform: `translate(${calcPlaceholderTranslate(true, false, 'medium')}) scale(${active_scaling_factor})`
     }
-  }, "placeholderPlacement_medium")
+  }, "placeholderPlacement_medium"),
+  large: styleVariants({
+    default: {
+      transform: `translate(${calcPlaceholderTranslate(false, false, 'large')}) scale(1)`
+    },
+    defaultPrefixed: {
+      transform: `translate(${calcPlaceholderTranslate(false, true, 'large')}) scale(1)`
+    },
+    shifted: {
+      zIndex: 2,
+      transform: `translate(${calcPlaceholderTranslate(true, false, 'large')}) scale(${active_scaling_factor})`
+    }
+  }, "placeholderPlacement_large")
 };
+export const largeBorder = style({
+  borderWidth: largeBorderWidth
+}, "largeBorder");
+export const largeBorderY = style({
+  borderTopWidth: largeBorderWidth,
+  borderBottomWidth: largeBorderWidth
+}, "largeBorderY");
 __vanilla_filescope__.endFileScope();

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

@@ -1,5 +1,6 @@
 import { type FunctionComponent, type ReactNode } from 'react';
-import * as styles from './NotchedBase.css';
+import type { BordersAttach, BordersMerged } from './NotchedBase.css';
+import type { InputSize } from './withEnhancedInput.css';
 export interface Props {
     id: string;
     placeholder: string;
@@ -9,11 +10,11 @@ export interface Props {
     borderColourClassName: string;
     placeholderColourClassName: string;
     notch?: boolean;
-    size: keyof typeof styles.placeholderPlacement;
+    size: InputSize;
     className?: string;
     children?: ReactNode;
-    attach?: keyof (typeof styles.bordersAttach)['complete'];
-    borderMerged?: keyof (typeof styles.bordersMerged)['complete'];
+    attach?: BordersAttach;
+    borderMerged?: BordersMerged;
     isFocused?: boolean;
     isHovered?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"NotchedBase.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/NotchedBase.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAK9E,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAE5C,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,IAAI,EAAE,MAAM,OAAO,MAAM,CAAC,oBAAoB,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC,OAAO,MAAM,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC,OAAO,MAAM,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAyLhD,CAAC"}
+{"version":3,"file":"NotchedBase.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/NotchedBase.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAK9E,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,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,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CA2LhD,CAAC"}

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

@@ -3,7 +3,6 @@
 import clsx from 'clsx';
 import React, { useRef } 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, jsxs as _jsxs } from "react/jsx-runtime";
 export const NotchedBase = _ref => {
@@ -24,10 +23,6 @@ export const NotchedBase = _ref => {
     isFocused = false,
     isHovered = false
   } = _ref;
-  const labelStyles = useTextStyles({
-    noWrap: true,
-    size: '4'
-  });
   const labelRef = useRef(null);
   const shouldMerge = !isFocused && !isHovered;
   return _jsxs(Box, {
@@ -65,14 +60,15 @@ export const NotchedBase = _ref => {
           [styles.bordersMerged.complete.BOTTOM]: shouldMerge && borderMerged === 'BOTTOM',
           [styles.bordersMerged.complete.ALL]: shouldMerge && borderMerged === 'ALL',
           [styles.bordersAttach.flatCorners.TOP_LEFT]: attach === 'LEFT' || attach === 'TOP' || attach === 'ALL',
-          [styles.bordersAttach.flatCorners.BOTTOM_LEFT]: attach === 'LEFT' || attach === 'BOTTOM' || attach === 'ALL'
+          [styles.bordersAttach.flatCorners.BOTTOM_LEFT]: attach === 'LEFT' || attach === 'BOTTOM' || attach === 'ALL',
+          [styles.largeBorder]: size === 'large'
         })
       }), _jsxs("div", {
-        className: clsx(styles.borders.middle, borderColourClassName),
+        className: clsx(styles.borders.middle, borderColourClassName, size === 'large' && styles.largeBorderY),
         children: [_jsx(Box, {
           display: isEmpty || placeholder.length === 0 ? 'none' : 'block',
           paddingX: "2",
-          className: [labelStyles, styles.notchGapPlaceholder],
+          className: [styles.labelStyle.base, styles.labelStyle[size], styles.notchGapPlaceholder.base, styles.notchGapPlaceholder[size]],
           children: placeholder
         }), _jsx(Box, {
           ref: labelRef,
@@ -83,7 +79,7 @@ export const NotchedBase = _ref => {
           display: "inline",
           margin: "none",
           padding: "none",
-          className: clsx(styles.placeholder.default, placeholderColourClassName, labelStyles, {
+          className: clsx(styles.placeholder.default, placeholderColourClassName, styles.labelStyle.base, styles.labelStyle[size], {
             [styles.bordersMerged.complete.TOP]: shouldMerge && borderMerged === 'TOP',
             [styles.bordersMerged.complete.BOTTOM]: shouldMerge && borderMerged === 'BOTTOM',
             [styles.bordersMerged.complete.ALL]: shouldMerge && borderMerged === 'ALL',
@@ -102,7 +98,8 @@ export const NotchedBase = _ref => {
           [styles.bordersMerged.complete.BOTTOM]: shouldMerge && borderMerged === 'BOTTOM',
           [styles.bordersMerged.complete.ALL]: shouldMerge && borderMerged === 'ALL',
           [styles.bordersAttach.flatCorners.TOP_RIGHT]: attach === 'RIGHT' || attach === 'TOP' || attach === 'ALL',
-          [styles.bordersAttach.flatCorners.BOTTOM_RIGHT]: attach === 'RIGHT' || attach === 'BOTTOM' || attach === 'ALL'
+          [styles.bordersAttach.flatCorners.BOTTOM_RIGHT]: attach === 'RIGHT' || attach === 'BOTTOM' || attach === 'ALL',
+          [styles.largeBorder]: size === 'large'
         })
       })]
     })]

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

@@ -9,6 +9,9 @@ export declare const inputWrapperSize: {
     medium: {
         root: Record<"textarea", string>;
     };
+    large: {
+        root: Record<"textarea", string>;
+    };
 };
 export declare const inputItselfSize: {
     small: {
@@ -21,9 +24,15 @@ export declare const inputItselfSize: {
         prefixed: Record<"any", string>;
         suffixed: Record<"any", string>;
     };
+    large: {
+        root: Record<"textarea" | "any", string>;
+        prefixed: Record<"any", string>;
+        suffixed: Record<"any", string>;
+    };
 };
+export type InputSize = keyof typeof inputItselfSize;
 export declare const iconRoot: string;
 export declare const prefixIcon: string;
 export declare const suffixIcon: string;
-export declare const iconSize: Record<"small" | "medium", string>;
+export declare const iconSize: Record<"small" | "medium" | "large", string>;
 //# sourceMappingURL=withEnhancedInput.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"withEnhancedInput.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/withEnhancedInput.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;CAoBjB,CAAC;AAIF,eAAO,MAAM,KAAK,4BAOhB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;CAe5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;CAqD3B,CAAC;AAEF,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,UAAU,QAErB,CAAC;AACH,eAAO,MAAM,UAAU,QAErB,CAAC;AACH,eAAO,MAAM,QAAQ,oCAOnB,CAAC"}
+{"version":3,"file":"withEnhancedInput.css.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/withEnhancedInput.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;CAoBjB,CAAC;AAIF,eAAO,MAAM,KAAK,4BAOhB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;CAsB5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;CAgF3B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,eAAe,CAAC;AAErD,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,UAAU,QAErB,CAAC;AACH,eAAO,MAAM,UAAU,QAErB,CAAC;AACH,eAAO,MAAM,QAAQ,8CAUnB,CAAC"}

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

@@ -48,6 +48,13 @@ export const inputWrapperSize = {
         paddingTop: `${vars.space['2']}`
       }
     }, "inputWrapperSize_medium_root")
+  },
+  large: {
+    root: styleVariants({
+      textarea: {
+        paddingTop: `${vars.space['2']}`
+      }
+    }, "inputWrapperSize_large_root")
   }
 };
 export const inputItselfSize = {
@@ -102,6 +109,32 @@ export const inputItselfSize = {
         paddingRight: `calc((${vars.space['3']} - 1px) + (${vars.space['4']} - 1px) + ${vars.space[4]})`
       }
     }, "inputItselfSize_medium_suffixed")
+  },
+  large: {
+    root: styleVariants({
+      any: {
+        fontSize: vars.typography.size['7'].fontSize,
+        lineHeight: vars.typography.size['7'].lineHeight,
+        height: '72px',
+        padding: '12px 25px',
+        '::placeholder': {
+          fontSize: vars.typography.size['7'].fontSize
+        }
+      },
+      textarea: {
+        padding: `${vars.space['2']} calc(${vars.space['5']} - 1px) calc(((${vars.space['10']} - ${vars.typography.size['5'].fontSize}) / 2) - 3px)`
+      }
+    }, "inputItselfSize_large_root"),
+    prefixed: styleVariants({
+      any: {
+        paddingLeft: '64px'
+      }
+    }, "inputItselfSize_large_prefixed"),
+    suffixed: styleVariants({
+      any: {
+        paddingRight: '64px'
+      }
+    }, "inputItselfSize_large_suffixed")
   }
 };
 export const iconRoot = style({
@@ -122,6 +155,9 @@ export const iconSize = styleVariants({
   },
   medium: {
     margin: `0 calc(${vars.space['3']} - 1px)`
+  },
+  large: {
+    margin: `0 calc(${vars.space['5']} - 1px)`
   }
 }, "iconSize");
 __vanilla_filescope__.endFileScope();

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

@@ -1,20 +1,21 @@
 import { IconType } from '@autoguru/icons';
-import * as React from 'react';
-import { type AriaAttributes, type ChangeEventHandler, type ComponentProps, type ComponentType, type FocusEventHandler, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type Ref, type RefObject } from 'react';
+import React, { type ChangeEventHandler, type ComponentProps, type ComponentType, type FocusEventHandler, type ForwardedRef, type InputHTMLAttributes, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type Ref, type RefObject } from 'react';
 import { Box } from '../../Box';
 import { NotchedBase } from './NotchedBase';
-import * as styles from './withEnhancedInput.css';
-export interface EventHandlers<PrimitiveElementType> {
-    onChange?: ChangeEventHandler<PrimitiveElementType>;
-    onBlur?: FocusEventHandler<PrimitiveElementType>;
-    onFocus?: FocusEventHandler<PrimitiveElementType>;
-    onKeyDown?: KeyboardEventHandler<PrimitiveElementType>;
-    onClick?: MouseEventHandler<PrimitiveElementType>;
-    onMouseEnter?: MouseEventHandler<PrimitiveElementType>;
-    onMouseLeave?: MouseEventHandler<PrimitiveElementType>;
+import type { InputSize } from './withEnhancedInput.css';
+type ElementTypes = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+type NativeAttributes = Omit<InputHTMLAttributes<HTMLInputElement>, 'height' | 'is' | 'placeholder' | 'size' | 'width'>;
+export interface EventHandlers<E extends ElementTypes> {
+    onChange?: ChangeEventHandler<E>;
+    onBlur?: FocusEventHandler<E>;
+    onFocus?: FocusEventHandler<E>;
+    onKeyDown?: KeyboardEventHandler<E>;
+    onClick?: MouseEventHandler<E>;
+    onMouseEnter?: MouseEventHandler<E>;
+    onMouseLeave?: MouseEventHandler<E>;
     onReset?(): void;
 }
-export interface EnhanceInputPrimitiveProps extends AriaAttributes, Pick<ComponentProps<typeof NotchedBase>, 'notch' | 'placeholder' | 'attach' | 'borderMerged' | 'isFocused'>, Pick<ComponentProps<typeof Box>, 'backgroundColour'> {
+export interface EnhanceInputPrimitiveProps extends NativeAttributes, Pick<ComponentProps<typeof NotchedBase>, 'notch' | 'placeholder' | 'attach' | 'borderMerged' | 'isFocused'>, Pick<ComponentProps<typeof Box>, 'backgroundColour'> {
     name: string;
     id?: string;
     className?: string;
@@ -23,7 +24,7 @@ export interface EnhanceInputPrimitiveProps extends AriaAttributes, Pick<Compone
     autoFocus?: boolean;
     disabled?: boolean;
     reserveHintSpace?: boolean;
-    size?: keyof typeof styles.inputItselfSize;
+    size?: InputSize;
     fieldIcon?: IconType;
     prefixIcon?: IconType;
     suffixIcon?: IconType;
@@ -34,13 +35,13 @@ export interface ValidationProps {
     isTouched?: boolean;
     isValid?: boolean;
 }
-export type EnhanceInputProps<IncomingProps, PrimitiveElementType> = IncomingProps & EnhanceInputPrimitiveProps & EventHandlers<PrimitiveElementType> & ValidationProps;
-export type WrappedComponentProps<IncomingProps, PrimitiveElementType> = {
-    size: keyof typeof styles.inputItselfSize;
+export type EnhanceInputProps<IncomingProps, E extends ElementTypes> = IncomingProps & EnhanceInputPrimitiveProps & EventHandlers<E> & ValidationProps;
+export type WrappedComponentProps<IncomingProps, E extends ElementTypes> = {
+    size: InputSize;
     validation: ValidationProps;
-    eventHandlers: EventHandlers<PrimitiveElementType>;
+    eventHandlers: EventHandlers<E>;
     field: Omit<EnhanceInputPrimitiveProps, 'placeholder' | 'hintText' | 'fieldIcon' | 'size'> & {
-        ref: RefObject<PrimitiveElementType>;
+        ref: ForwardedRef<ElementTypes> | RefObject<ElementTypes>;
     };
     fieldIcon?: EnhanceInputPrimitiveProps['fieldIcon'];
     className?: boolean;
@@ -54,6 +55,6 @@ interface EnhancedInputConfigs<ValueType = string> {
     withSuffixIcon?: boolean;
     primitiveType: 'textarea' | 'text' | 'number' | 'date' | 'select' | 'color';
 }
-export declare const withEnhancedInput: <IncomingProps extends {} = {}, PrimitiveElementType extends HTMLElement = HTMLInputElement>(WrappingComponent: ComponentType<WrappedComponentProps<IncomingProps, PrimitiveElementType>>, { primitiveType, withPrefixIcon, withSuffixIcon, defaultValue, }?: EnhancedInputConfigs) => React.ForwardRefExoticComponent<React.PropsWithoutRef<EnhanceInputProps<IncomingProps, PrimitiveElementType>> & React.RefAttributes<PrimitiveElementType>>;
+export declare const withEnhancedInput: <IncomingProps extends object = {}, E extends ElementTypes = HTMLInputElement>(WrappingComponent: ComponentType<WrappedComponentProps<IncomingProps, E>>, { primitiveType, withPrefixIcon, withSuffixIcon, defaultValue, }?: EnhancedInputConfigs) => React.ForwardRefExoticComponent<React.PropsWithoutRef<EnhanceInputProps<IncomingProps, E>> & React.RefAttributes<ElementTypes>>;
 export {};
 //# sourceMappingURL=withEnhancedInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"withEnhancedInput.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/withEnhancedInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"withEnhancedInput.d.ts","sourceRoot":"","sources":["../../../../lib/components/private/InputBase/withEnhancedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,KAAK,EAAE,EACb,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAEjB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,GAAG,EACR,KAAK,SAAS,EAGd,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAgB,MAAM,WAAW,CAAC;AAM9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,KAAK,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;AAC/E,KAAK,gBAAgB,GAAG,IAAI,CAC3B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,QAAQ,GAAG,IAAI,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,CAClD,CAAC;AAGF,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY;IACpD,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAEpC,OAAO,CAAC,IAAI,IAAI,CAAC;CACjB;AAGD,MAAM,WAAW,0BAChB,SAAQ,gBAAgB,EACvB,IAAI,CACH,cAAc,CAAC,OAAO,WAAW,CAAC,EAClC,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,cAAc,GAAG,WAAW,CACjE,EACD,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,kBAAkB,CAAC;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAGD,MAAM,MAAM,iBAAiB,CAC5B,aAAa,EACb,CAAC,SAAS,YAAY,IACnB,aAAa,GAChB,0BAA0B,GAC1B,aAAa,CAAC,CAAC,CAAC,GAChB,eAAe,CAAC;AAGjB,MAAM,MAAM,qBAAqB,CAAC,aAAa,EAAE,CAAC,SAAS,YAAY,IAAI;IAC1E,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,KAAK,EAAE,IAAI,CACV,0BAA0B,EAC1B,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CACjD,GAAG;QACH,GAAG,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;KAC1D,CAAC;IACF,SAAS,CAAC,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACnB,GAAG,aAAa,GAChB,IAAI,CACH,cAAc,CAAC,OAAO,WAAW,CAAC,EAClC,QAAQ,GAAG,cAAc,GAAG,WAAW,CACvC,CAAC;AAEH,UAAU,oBAAoB,CAAC,SAAS,GAAG,MAAM;IAChD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC5E;AAED,eAAO,MAAM,iBAAiB,GAC7B,aAAa,SAAS,MAAM,GAAG,EAAE,EACjC,CAAC,SAAS,YAAY,GAAG,gBAAgB,EAEzC,mBAAmB,aAAa,CAAC,qBAAqB,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EACzE,mEAMG,oBAAsE,oIAiPxE,CAAC"}

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

@@ -7,8 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { invariant, wrapEvent } from '@autoguru/utilities';
 import clsx from 'clsx';
-import * as React from 'react';
-import { forwardRef, useCallback, useState } from 'react';
+import React, { forwardRef, useCallback, useState } from 'react';
 import { useInputControlledState } from "../../../utils/index.js";
 import { Box, useBoxStyles } from "../../Box/index.js";
 import { Icon } from "../../Icon/index.js";
@@ -72,6 +71,7 @@ export const withEnhancedInput = function (WrappingComponent) {
         isTouched,
         disabled
       }, inputStateStyles);
+      const iconSize = size === 'small' ? 'medium' : size;
       const inputItselfClassName = clsx(useBoxStyles({
         is: primitiveType === 'textarea' ? 'textarea' : 'input',
         backgroundColour,
@@ -159,14 +159,15 @@ export const withEnhancedInput = function (WrappingComponent) {
             height: "full",
             children: [prefixIcon ? _jsx(Icon, {
               icon: prefixIcon,
-              size: "medium",
+              size: iconSize,
               className: clsx(iconStyles, styles.iconRoot, styles.prefixIcon, styles.iconSize[size], derivedColours.colour)
             }) : null, isLoading ? _jsx(ProgressSpinner, {
               colour: "default",
+              size: size === 'large' ? size : undefined,
               className: clsx(iconStyles, styles.iconRoot, styles.suffixIcon, styles.iconSize[size])
             }) : null, suffixIcon && !isLoading ? _jsx(Icon, {
               icon: suffixIcon,
-              size: "medium",
+              size: iconSize,
               className: clsx(iconStyles, styles.iconRoot, styles.suffixIcon, styles.iconSize[size], derivedColours.colour)
             }) : null, _jsx(WrappingComponent, _objectSpread({}, wrappingComponent))]
           })
@@ -174,7 +175,8 @@ export const withEnhancedInput = function (WrappingComponent) {
           className: derivedColours.colour,
           hintText: hintText,
           disabled: disabled,
-          reserveHintSpace: reserveHintSpace
+          reserveHintSpace: reserveHintSpace,
+          size: size
         }) : null]
       });
     })

package/dist/themes/tokens.d.ts

@@ -3,6 +3,7 @@ type VanillaTokens = {
 };
 export type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'none';
 export type TextSizeScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+export type TextFontWeight = 'normal' | 'semiBold' | 'bold';
 export type BorderWidthScale = '1' | '2' | '3' | 'none';
 export type IconSizeScale = 'small' | 'medium' | 'large';
 export type DeviceSize = 'mobile' | 'tablet' | 'desktop' | 'largeDesktop';
@@ -84,7 +85,7 @@ export interface Tokens extends VanillaTokens {
             lineHeight: string;
         }>;
         colour: Record<'link' | Exclude<Intent, 'neutral'> | 'dark' | 'light' | 'neutral' | 'muted' | BaseColours, string>;
-        fontWeight: Record<'normal' | 'semiBold' | 'bold', string>;
+        fontWeight: Record<TextFontWeight, string>;
     };
     animation: {
         easing: {

package/dist/themes/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.40.0-next.2",
+	"version": "4.40.0-next.4",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",