@autoguru/overdrive 4.43.4 → 4.43.5

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { ScrollPane } from './ScrollPane';
 declare const _default: {

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollPane.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/ScrollPane/ScrollPane.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;AAE1C,wBAGoC;AAEpC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC"}
+{"version":3,"file":"ScrollPane.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/ScrollPane/ScrollPane.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;;;;AAE1C,wBAGoC;AAEpC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { SearchBar } from './SearchBar';
 declare const meta: Meta<typeof SearchBar>;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/SearchBar/SearchBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAehC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAIxC,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC"}
+{"version":3,"file":"SearchBar.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/SearchBar/SearchBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAehC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAIxC,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC"}

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

@@ -1,30 +1,33 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { Section } from './Section';
 declare const _default: {
     title: string;
+    tags: string[];
     component: React.FunctionComponent<import("..").CommonBoxProps & {
-        borderBottomColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
-        borderLeftColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
-        borderRightColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
-        borderTopColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderBottomColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderLeftColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderRightColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        borderTopColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
         borderLeftStyle?: "none" | "solid" | undefined;
         borderBottomStyle?: "none" | "solid" | undefined;
         borderRightStyle?: "none" | "solid" | undefined;
         borderTopStyle?: "none" | "solid" | undefined;
-        color?: "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "onBody" | "onSurface" | undefined;
-        backgroundColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
+        color?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
+        backgroundColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
         opacity?: "1" | "0" | undefined;
         fontSize?: {} | undefined;
         lineHeight?: {} | undefined;
         fontWeight?: "bold" | "normal" | "semiBold" | undefined;
+        textWrap?: "balance" | "nowrap" | "stable" | "pretty" | undefined;
         boxShadow?: "1" | "2" | "3" | "4" | "5" | "none" | undefined;
         pointerEvents?: "none" | "auto" | undefined;
         userSelect?: "none" | "auto" | "text" | undefined;
+        useVar?: "gap" | undefined;
         text?: {} | undefined;
-        bg?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
-        fg?: "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "onBody" | "onSurface" | undefined;
-        borderColor?: "body" | "accent" | "hard" | "soft" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
+        bg?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "transparent" | undefined;
+        fg?: "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | undefined;
+        borderColor?: "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "muted" | "default" | "disabled" | undefined;
         borderStyle?: "none" | "solid" | undefined;
     } & {
         display?: ("none" | "flex" | "grid" | "block" | "contents" | "inline" | "inline-block" | "inline-flex" | {
@@ -405,11 +408,11 @@ declare const _default: {
             desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
             largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | undefined;
         } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | "auto" | null>;
-    } & import("../../styles/sprinkles.css").SprinklesLegacyColours & import("..").AsPolyProp<"div"> & import("..").RefPolyProp<"div"> & {
+    } & import("../..").LegacyColourStyleProps & import("..").AsPolyProp<"div"> & import("..").RefPolyProp<"div"> & {
         children?: React.ReactNode | undefined;
-    } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "colour" | "backgroundColour" | "color" | "width" | "size" | "fontSize" | "lineHeight" | "fontWeight" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "columnGap" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "height" | "justifyContent" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "userSelect" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "text" | "bg" | "fg" | "borderBottomColour" | "borderLeftColour" | "borderRightColour" | "borderTopColour" | "borderColour" | "gridColumns" | "p" | "paddingX" | "px" | "paddingY" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "marginX" | "mx" | "marginY" | "my" | "mt" | "mr" | "mb" | "ml" | keyof import("..").CommonBoxProps | keyof import("..").AsPolyProp<C>> & import("./Section").SectionProps>;
+    } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "colour" | "backgroundColour" | "color" | "width" | "size" | "fontSize" | "lineHeight" | "fontWeight" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "columnGap" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "height" | "justifyContent" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "textWrap" | "userSelect" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "text" | "borderBottomColour" | "borderLeftColour" | "borderRightColour" | "borderTopColour" | "borderColour" | "useVar" | "bg" | "fg" | "gridColumns" | "p" | "paddingX" | "px" | "paddingY" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "marginX" | "mx" | "marginY" | "my" | "mt" | "mr" | "mb" | "ml" | keyof import("..").CommonBoxProps | keyof import("..").AsPolyProp<C>> & import("./Section").SectionProps>;
     argTypes: {
-        paddingX: import("@storybook/core/csf").InputType | undefined;
+        paddingX: import("storybook/internal/csf").InputType | undefined;
     };
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpC,wBAMiC;AAEjC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAetC,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC"}
+{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Section/Section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpC,wBAOiC;AAEjC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAetC,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { SelectInput } from './SelectInput';
 declare const meta: Meta<typeof SelectInput>;
 export default meta;

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,eAAe,CAAC;AAwB5C,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"}
+{"version":3,"file":"SelectInput.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/SelectInput/SelectInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAwB5C,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/SimplePagination/SimplePagination.stories.d.ts

@@ -1,10 +1,10 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { SimplePagination } from './SimplePagination';
 declare const meta: {
     title: string;
     component: React.FunctionComponent<import("./SimplePagination").SimplePaginationProps>;
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
         hasNext?: boolean | undefined;
         hasPrevious?: boolean | undefined;
         onChange?: ((event: import("./SimplePagination").EChangeDirection) => void) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"SimplePagination.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/SimplePagination/SimplePagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,QAAA,MAAM,IAAI;;;;;;;;CAmB+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}
+{"version":3,"file":"SimplePagination.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/SimplePagination/SimplePagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,QAAA,MAAM,IAAI;;;;;;;;CAmB+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

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

@@ -1,13 +1,13 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { SliderProgress } from './SliderProgress';
 declare const meta: {
     title: string;
     component: React.NamedExoticComponent<import("./SliderProgress").SliderProgressProps>;
     argTypes: {
-        backgroundColour: import("@storybook/core/csf").InputType | undefined;
+        backgroundColour: import("storybook/internal/csf").InputType | undefined;
     };
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
         className?: string | undefined;
         totalCount: number;
         activeIndex: number;

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

@@ -1 +1 @@
-{"version":3,"file":"SliderProgress.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/SliderProgress/SliderProgress.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAa6B,CAAC;AAExC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAKlC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC"}
+{"version":3,"file":"SliderProgress.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/SliderProgress/SliderProgress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAa6B,CAAC;AAExC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAKlC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { Stack } from './Stack';
 declare const meta: Meta<typeof Stack>;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAehC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAwB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC"}
+{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAehC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAyB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC"}

package/dist/components/StandardModal/StandardModal.js

@@ -10,7 +10,7 @@ import { Button } from "../Button/Button.js";
 import { Heading } from "../Heading/Heading.js";
 import { Icon } from "../Icon/Icon.js";
 import { Modal } from "../Modal/Modal.js";
-import { useTextStyles } from "../Text/useTextStyles.js";
+import { textStyles } from "../Text/textStyles.js";
 import * as styles from "./StandardModal.css.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export let ESize = function (ESize) {
@@ -112,7 +112,7 @@ export const StandardModal = _ref => {
             "aria-label": "close",
             onClick: closeButtonHandler,
             children: _jsx(Icon, {
-              className: useTextStyles({
+              className: textStyles({
                 colour: 'muted'
               }),
               icon: WindowCloseIcon,

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 import React from 'react';
 declare const meta: {
     title: string;

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

@@ -1 +1 @@
-{"version":3,"file":"StandardModal.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/StandardModal/StandardModal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,IAAI;;;;;;;;CAM4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAiKtB,CAAC"}
+{"version":3,"file":"StandardModal.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/StandardModal/StandardModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,IAAI;;;;;;;;CAM4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAiKtB,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 import { EStarRatingSize, StarRating } from './StarRating';
 declare const meta: {
     title: string;

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

@@ -1 +1 @@
-{"version":3,"file":"StarRating.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/StarRating/StarRating.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAmByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}
+{"version":3,"file":"StarRating.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/StarRating/StarRating.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAmByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}

package/dist/components/Stepper/Stepper.js

@@ -11,7 +11,7 @@ import { boxStyles } from "../Box/boxStyles.js";
 import { Icon } from "../Icon/Icon.js";
 import { Inline } from "../Inline/Inline.js";
 import { Text } from "../Text/Text.js";
-import { useTextStyles } from "../Text/useTextStyles.js";
+import { textStyles } from "../Text/textStyles.js";
 import * as styles from "./Stepper.css.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const takeStep = _ref => {
@@ -36,7 +36,7 @@ const Handle = _ref2 => {
     as: "button",
     className: [styles.handle.default, {
       [styles.handle.disabled]: disabled
-    }, useTextStyles({
+    }, textStyles({
       colour: 'white'
     })],
     backgroundColour: disabled ? 'neutral' : 'primary',

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { Stepper } from './Stepper';
 declare const meta: {

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/Stepper.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI;;;CAGsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAkBtC,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAOF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC"}
+{"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Stepper/Stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI;;;CAGsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAkBtC,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAOF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { StickyBox } from './StickyBox';
 declare const meta: {

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

@@ -1 +1 @@
-{"version":3,"file":"StickyBox.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/StickyBox/StickyBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,QAAQ,EAAE,KAyCtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC"}
+{"version":3,"file":"StickyBox.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/StickyBox/StickyBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,QAAQ,EAAE,KAyCtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC"}

package/dist/components/Switch/Switch.js

@@ -11,7 +11,7 @@ import React, { useRef } from 'react';
 import { useSwitch, useFocusRing } from 'react-aria';
 import { dataAttrs } from "../../utils/dataAttrs.js";
 import { Box } from "../Box/index.js";
-import { useTextStyles } from "../Text/index.js";
+import { textStyles } from "../Text/index.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
 import * as styles from "./Switch.css.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -48,7 +48,7 @@ export const Switch = _ref => {
         ref: ref
       }))
     }), _jsx(Box, _objectSpread(_objectSpread({
-      className: clsx(styles.toggle, useTextStyles({
+      className: clsx(styles.toggle, textStyles({
         size: '5'
       }), {
         [styles.disabled]: inputProps.disabled,

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

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Switch } from './Switch';
 declare const meta: Meta<typeof Switch>;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAsB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAGrC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAsB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAGrC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { Meta, type StoryObj } from '@storybook/react';
+import { Meta, type StoryObj } from '@storybook/react-vite';
 import { Table } from './Table';
 declare const meta: Meta<typeof Table>;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAMhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAKpC,eAAO,MAAM,QAAQ,EAAE,KA+MtB,CAAC"}
+{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAMhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAKpC,eAAO,MAAM,QAAQ,EAAE,KA+MtB,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,QA4Bf,CAAC"}
+{"version":3,"file":"TableCell.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QA2Bf,CAAC"}

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

@@ -5,7 +5,6 @@ __vanilla_filescope__.setFileScope("lib/components/Table/TableCell.css.ts", "@au
 import { style } from '@vanilla-extract/css';
 import { overdriveTokens as vars } from "../../themes/theme.css.js";
 export const root = style({
-  position: 'relative',
   borderBottomColor: vars.colours.gamut.black100,
   ':before': {
     display: 'block',

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,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,cAChB,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACnD,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,uFA6CrB,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,WAAW,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,cAChB,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACnD,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,uFAwCrB,CAAC"}

package/dist/components/Table/TableCell.js

@@ -23,14 +23,14 @@ export const TableCell = forwardRef((_ref, ref) => {
     role: "gridcell",
     display: "flex",
     alignItems: "center",
+    position: "relative",
     justifyContent: alignmentToFlexAlignment(align),
     padding: padding,
     borderBottomWidth: "1",
     "aria-label": ariaLabel,
     className: styles.root,
     children: typeof children === 'string' || typeof children === 'number' ? _jsx(Text, {
-      is: "span",
-      align: align,
+      as: "span",
       colour: "dark",
       display: "block",
       size: "3",

package/dist/components/Table/TableHeadCell.js

@@ -48,7 +48,7 @@ export const TableHeadCell = forwardRef((_ref, ref) => {
     children: [align === 'right' && shouldSort ? sorter : null, _jsxs(Text, {
       strong: true,
       size: "3",
-      is: "span",
+      as: "span",
       className: styles.text,
       children: [children, shouldSort ? _jsxs(VisuallyHidden, {
         as: "span",

package/dist/components/Tabs/Tab.css.d.ts

@@ -2,22 +2,22 @@ export declare const styledTab: import("@vanilla-extract/recipes").RuntimeFn<{
     appearance: {
         underlined: {
             borderBottom: "calc(1px + 1px) solid transparent";
-            padding: `calc(var(--${string}) + 1px) var(--${string})` | `calc(var(--${string}) + 1px) var(--${string}, ${string})` | `calc(var(--${string}) + 1px) var(--${string}, ${number})` | `calc(var(--${string}, ${string}) + 1px) var(--${string})` | `calc(var(--${string}, ${string}) + 1px) var(--${string}, ${string})` | `calc(var(--${string}, ${string}) + 1px) var(--${string}, ${number})` | `calc(var(--${string}, ${number}) + 1px) var(--${string})` | `calc(var(--${string}, ${number}) + 1px) var(--${string}, ${string})` | `calc(var(--${string}, ${number}) + 1px) var(--${string}, ${number})`;
+            padding: `calc(var(--${string}) + 1px) var(--${string})` | `calc(var(--${string}) + 1px) var(--${string}, ${string})` | `calc(var(--${string}, ${string}) + 1px) var(--${string})` | `calc(var(--${string}, ${string}) + 1px) var(--${string}, ${string})`;
             ':focus-visible': {
                 outlineOffset: "-1px";
             };
         };
         pill: {
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
+            fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
+            padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
             selectors: {
                 '&+&': {
-                    marginLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    marginLeft: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 '&:not([aria-selected=true]):hover': {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
@@ -33,7 +33,7 @@ export declare const indication: import("@vanilla-extract/recipes").RuntimeFn<{
         pill: {
             selectors: {
                 [x: string]: {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };

package/dist/components/Tabs/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgB,KAAK,WAAW,EAAc,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,WAAW,QAAQ;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG;KAAI,CAAC,SAAS,WAAW,6DAMtC,WAAW,CAAC,CAAC,CAAC,GAAG,QAAQ;;CAqE3B,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAgB,KAAK,WAAW,EAAc,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,WAAW,QAAQ;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG;KAAI,CAAC,SAAS,WAAW,6DAMtC,WAAW,CAAC,CAAC,CAAC,GAAG,QAAQ;;CAoE3B,CAAC"}

package/dist/components/Tabs/Tab.js

@@ -10,7 +10,7 @@ import React, { cloneElement, useContext } from 'react';
 import { useBox } from "../Box/useBox.js";
 import { Inline } from "../Inline/Inline.js";
 import { Text } from "../Text/Text.js";
-import { useTextStyles } from "../Text/useTextStyles.js";
+import { textStyles } from "../Text/textStyles.js";
 import * as styles from "./Tab.css.js";
 import { TabListContext } from "./TabList.js";
 import { TabsContext } from "./Tabs.js";
@@ -38,7 +38,7 @@ export const Tab = _ref => {
   } = useBox(_objectSpread(_objectSpread({}, tabProps), {}, {
     as: typeof as === 'string' ? as : 'button',
     backgroundColour: 'transparent',
-    className: [useTextStyles({
+    className: [textStyles({
       noWrap: true,
       size: '3',
       fontWeight: 'bold',
@@ -68,9 +68,8 @@ export const Tab = _ref => {
       children: children
     }), typeof indication === 'number' && _jsx(Text, {
       strong: true,
-      is: "span",
+      as: "span",
       size: "2",
-      align: "center",
       display: "block",
       colour: isActive ? 'white' : 'dark',
       className: styles.indication({

package/dist/components/Tabs/TabList.css.d.ts

@@ -1,7 +1,7 @@
 export declare const styledTabList: import("@vanilla-extract/recipes").RuntimeFn<{
     appearance: {
         underlined: {
-            boxShadow: `inset 0 -1px 0 0 var(--${string})` | `inset 0 -1px 0 0 var(--${string}, ${string})` | `inset 0 -1px 0 0 var(--${string}, ${number})`;
+            boxShadow: `inset 0 -1px 0 0 var(--${string})` | `inset 0 -1px 0 0 var(--${string}, ${string})`;
         };
         pill: {};
     };
@@ -9,7 +9,7 @@ export declare const styledTabList: import("@vanilla-extract/recipes").RuntimeFn
         true: {
             display: "grid";
             gridTemplateColumns: "auto 1fr auto";
-            gridGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gridGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/components/Tabs/TabList.js

@@ -8,7 +8,7 @@ import { animate, ownerWindow, useEventCallback } from "../../utils/index.js";
 import { Box } from "../Box/Box.js";
 import { Button } from "../Button/Button.js";
 import { Icon } from "../Icon/Icon.js";
-import { useTextStyles } from "../Text/useTextStyles.js";
+import { textStyles } from "../Text/textStyles.js";
 import * as styles from "./TabList.css.js";
 import { TabsContext } from "./Tabs.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -114,7 +114,7 @@ export const TabList = _ref => {
         width: "full",
         role: "tablist",
         "aria-orientation": "horizontal",
-        className: useTextStyles({
+        className: textStyles({
           noWrap: true
         }),
         children: tabs

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

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Tabs } from './Tabs';
 declare const meta: Meta<typeof Tabs>;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAiBvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAkB9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAqB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KA4BtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAwC5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAC"}
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiB5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAkB9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAqB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KA4BtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAwC5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAC"}

package/dist/components/Text/Text.d.ts

@@ -1,14 +1,15 @@
 import React from 'react';
-import { Sprinkles } from '../../styles/sprinkles.css';
-import type { UseBoxProps } from '../Box/useBox';
-import { TextStyleProps } from './useTextStyles';
-type Display = Extract<UseBoxProps['display'], 'inline' | 'inline-block' | 'block'>;
-type ElementAttributes = React.ComponentPropsWithoutRef<'p'> & Pick<React.ComponentProps<'label'>, 'htmlFor'>;
-export interface TextProps extends Omit<ElementAttributes, 'color' | 'is'>, TextStyleProps {
-    color?: Sprinkles['color'];
+import { type BoxLikeProps } from '../Box/useBox';
+import { type TextStylesProps } from './textStyles';
+declare const TEXT_TAGS: readonly ["span", "p", "label"];
+export type TextTags = (typeof TEXT_TAGS)[number];
+interface CustomTextProps extends Omit<TextStylesProps, 'as'> {
     strong?: boolean;
-    display?: Display;
 }
-export declare const Text: React.ForwardRefExoticComponent<TextProps & import("../../types").TestId & React.RefAttributes<HTMLElement>>;
+export type TextProps<E extends TextTags = 'span'> = BoxLikeProps<E, CustomTextProps>;
+export declare const Text: {
+    <E extends TextTags>({ as, children, className, color, colour: _colour, display, fontWeight, transform, breakWord, noWrap, size, strong, ...props }: TextProps<E>): React.JSX.Element;
+    displayName: string;
+};
 export {};
 //# sourceMappingURL=Text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAIvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAEhE,KAAK,OAAO,GAAG,OAAO,CACrB,WAAW,CAAC,SAAS,CAAC,EACtB,QAAQ,GAAG,cAAc,GAAG,OAAO,CACnC,CAAC;AACF,KAAK,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAC3D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;AAEhD,MAAM,WAAW,SAChB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,IAAI,CAAC,EAC9C,cAAc;IAEf,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAE3B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,IAAI,8GA0ChB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGhE,QAAA,MAAM,SAAS,iCAAkC,CAAC;AAClD,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,UAAU,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAE5D,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,QAAQ,GAAG,MAAM,IAAI,YAAY,CAChE,CAAC,EACD,eAAe,CACf,CAAC;AAmBF,eAAO,MAAM,IAAI;KAAI,CAAC,SAAS,QAAQ,kIAcpC,SAAS,CAAC,CAAC,CAAC;;CA2Bd,CAAC"}