@autoguru/overdrive 4.43.6-next.9 → 4.43.7-next.0

package/dist/components/Alert/Alert.js

@@ -52,7 +52,7 @@ export const Alert = _ref => {
       display: "flex",
       gap: "2",
       children: [_jsx(Box, {
-        alignSelf: "flex-start",
+        alignSelf: "start",
         children: _jsx(Icon, {
           icon: iconMapForIntent[intent],
           size: "medium",

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

@@ -13,15 +13,15 @@ export declare const styledBadge: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     size: {
         small: {
-            fontSize: `var(--${string})` | `var(--${string}, ${string})`;
-            fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
         };
         standard: {
-            fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+            fontSize: `var(--${string})`;
         };
         large: {
-            fontSize: `var(--${string})` | `var(--${string}, ${string})`;
-            padding: `var(--${string})` | `var(--${string}, ${string})`;
+            fontSize: `var(--${string})`;
+            padding: `var(--${string})`;
         };
     };
 }>;

package/dist/components/Box/Box.d.ts

@@ -1,7 +1,12 @@
-import type { AllHTMLAttributes, ElementType, ReactNode } from 'react';
+import { type ClassValue as ClassName } from 'clsx';
+import type { AllHTMLAttributes, ElementType, PropsWithChildren, ReactNode } from 'react';
 import React from 'react';
 import { type BoxStylesProps } from './newBox/boxStyles';
-import type { CommonBoxProps } from './newBox/useBox';
+export interface CommonBoxProps extends PropsWithChildren {
+    className?: ClassName;
+    odComponent?: string;
+    testId?: string;
+}
 export interface BoxProps extends CommonBoxProps, Omit<BoxStylesProps, 'as'>, Omit<AllHTMLAttributes<HTMLElement>, 'as' | 'className' | 'color' | 'height' | 'is' | 'size' | 'width'> {
     as?: ElementType;
     is?: ElementType;

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,QAChB,SAAQ,cAAc,EACrB,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EAC1B,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE;IACF,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAKD,eAAO,MAAM,GAAG,8EAgSf,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAa,EAAE,KAAK,UAAU,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,KAAK,EACX,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,MAAM,OAAO,CAAC;AACf,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IAIxD,SAAS,CAAC,EAAE,SAAS,CAAC;IAItB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,QAChB,SAAQ,cAAc,EACrB,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,EAC1B,IAAI,CACH,iBAAiB,CAAC,WAAW,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CACjE;IACF,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAKD,eAAO,MAAM,GAAG,8EA8Rf,CAAC"}

package/dist/components/Box/Box.js

@@ -2,13 +2,13 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["is", "as", "children", "className", "odComponent", "testId", "display", "height", "maxWidth", "minWidth", "overflow", "overflowX", "overflowY", "pointerEvents", "position", "size", "userSelect", "useVar", "width", "bg", "backgroundColor", "backgroundColour", "boxShadow", "color", "colour", "fg", "opacity", "fontSize", "fontWeight", "lineHeight", "text", "textAlign", "textWrap", "borderRadius", "borderColor", "borderStyle", "borderWidth", "borderWidthX", "borderWidthY", "borderBottomColor", "borderBottomStyle", "borderBottomWidth", "borderLeftColor", "borderLeftStyle", "borderLeftWidth", "borderRightColor", "borderRightStyle", "borderRightWidth", "borderTopColor", "borderTopStyle", "borderTopWidth", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "borderColour", "borderColourX", "borderColourY", "borderBottomColour", "borderLeftColour", "borderRightColour", "borderTopColour", "alignContent", "alignItems", "alignSelf", "columnGap", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumns", "justifyContent", "justifySelf", "placeItems", "rowGap", "order", "m", "mb", "ml", "mr", "mt", "mx", "margin", "marginX", "marginY", "marginBottom", "marginLeft", "marginRight", "marginTop", "p", "pb", "pl", "pr", "pt", "px", "padding", "paddingX", "paddingY", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop"];
+const _excluded = ["is", "as", "children", "className", "odComponent", "testId", "display", "height", "maxWidth", "minWidth", "overflow", "overflowX", "overflowY", "pointerEvents", "position", "size", "userSelect", "useVar", "width", "bg", "backgroundColor", "backgroundColour", "boxShadow", "color", "colour", "fg", "opacity", "fontSize", "fontWeight", "lineHeight", "text", "textAlign", "textWrap", "borderRadius", "borderColor", "borderStyle", "borderWidth", "borderWidthX", "borderWidthY", "borderBottomColor", "borderBottomStyle", "borderBottomWidth", "borderLeftColor", "borderLeftStyle", "borderLeftWidth", "borderRightColor", "borderRightStyle", "borderRightWidth", "borderTopColor", "borderTopStyle", "borderTopWidth", "borderWidthTop", "borderWidthRight", "borderWidthBottom", "borderWidthLeft", "borderColour", "borderColourX", "borderColourY", "borderBottomColour", "borderLeftColour", "borderRightColour", "borderTopColour", "alignContent", "alignItems", "alignSelf", "columnGap", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumns", "justifyContent", "placeItems", "rowGap", "order", "m", "mb", "ml", "mr", "mt", "mx", "margin", "marginX", "marginY", "marginBottom", "marginLeft", "marginRight", "marginTop", "p", "pb", "pl", "pr", "pt", "px", "padding", "paddingX", "paddingY", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop"];
 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 clsx from 'clsx';
 import React, { forwardRef } from 'react';
-import { borderReset } from "../../styles/reset.css.js";
-import { elementResetStyles } from "../../styles/resetStyles.js";
+import { borderReset } from "../../styles/element.css.js";
+import { elementResetStyles } from "../../styles/elementStyles.js";
 import { sprinkles } from "../../styles/sprinkles.css.js";
 import { dataAttrs } from "../../utils/dataAttrs.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -90,7 +90,6 @@ export const Box = forwardRef((_ref, ref) => {
       gridAutoRows,
       gridColumns,
       justifyContent,
-      justifySelf,
       placeItems,
       rowGap,
       order,
@@ -195,7 +194,6 @@ export const Box = forwardRef((_ref, ref) => {
     gridAutoRows,
     gridColumns,
     justifyContent,
-    justifySelf,
     placeItems,
     rowGap,
     order,

package/dist/components/Box/newBox/boxStyles.d.ts

@@ -1,6 +1,7 @@
 import type { ElementType } from 'react';
 import { type Sprinkles, type SprinklesLegacyColours } from '../../../styles/sprinkles.css';
-import type { AsPolyProp, CommonBoxProps } from './useBox';
+import type { CommonBoxProps } from '../Box';
+import type { AsPolyProp } from './useBox';
 export type StyleProps = Sprinkles & SprinklesLegacyColours;
 export type BoxStylesProps<E extends ElementType = 'div'> = AsPolyProp<E> & Pick<CommonBoxProps, 'className'> & StyleProps;
 export type BoxStylesReturn<P extends object> = [string, P];
@@ -155,36 +156,30 @@ export declare const boxStylesWithFilteredProps: <E extends ElementType = "div">
             desktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
             largeDesktop?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "none" | undefined;
         } | undefined);
-        alignItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | {
-            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
-            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
-            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
-            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
-        justifyContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
-            mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
-            tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
-            desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
-            largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
-        alignContent?: ("space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | {
-            mobile?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
-            tablet?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
-            desktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
-            largeDesktop?: "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "spaceAround" | "spaceBetween" | "spaceEvenely" | "space-evenely" | "flexEnd" | "flexStart" | null>;
-        alignSelf?: ("stretch" | "center" | "flex-end" | "flex-start" | {
-            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | null>;
-        justifySelf?: ("center" | "flex-end" | "flex-start" | {
-            mobile?: "center" | "flex-end" | "flex-start" | undefined;
-            tablet?: "center" | "flex-end" | "flex-start" | undefined;
-            desktop?: "center" | "flex-end" | "flex-start" | undefined;
-            largeDesktop?: "center" | "flex-end" | "flex-start" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "center" | "flex-end" | "flex-start" | null>;
+        alignContent?: ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | {
+            mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | null>;
+        alignItems?: ("stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | {
+            mobile?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart" | null>;
+        alignSelf?: ("stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | {
+            mobile?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | null>;
+        justifyContent?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | null> | ("space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | {
+            mobile?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "start" | "centre" | "spaceAround" | "spaceBetween" | "flexEnd" | "flexStart" | undefined;
+        } | undefined);
         flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
             mobile?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
             tablet?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
@@ -329,12 +324,12 @@ export declare const boxStylesWithFilteredProps: <E extends ElementType = "div">
             desktop?: "1" | "2" | "3" | "none" | undefined;
             largeDesktop?: "1" | "2" | "3" | "none" | undefined;
         } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "none" | null>;
-        placeItems?: ("stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | {
-            mobile?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
-            tablet?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
-            desktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
-            largeDesktop?: "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | undefined;
-        } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "flex-end" | "flex-start" | "centre" | "flexEnd" | "flexStart" | null>;
+        placeItems?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | null> | ("stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | {
+            mobile?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            tablet?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            desktop?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+            largeDesktop?: "stretch" | "center" | "end" | "start" | "centre" | "flexEnd" | "flexStart" | undefined;
+        } | undefined);
         size?: import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4, "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | null> | ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | {
             mobile?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;
             tablet?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "full" | "auto" | "fit-content" | "max-content" | "min-content" | undefined;

package/dist/components/Box/newBox/boxStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"boxStyles.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/newBox/boxStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAEN,KAAK,SAAS,EACd,KAAK,sBAAsB,EAC3B,MAAM,+BAA+B,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG3D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,sBAAsB,CAAC;AAE5D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,GACxE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GACjC,UAAU,CAAC;AAEZ,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAY5D,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,YACsB,CAAC;AAYnE,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,6BAIvE,cAAc,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAenB,CAAC;AASF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACtD,OAAO,cAAc,CAAC,CAAC,CAAC,WAIxB,CAAC"}
+{"version":3,"file":"boxStyles.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/newBox/boxStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAEN,KAAK,SAAS,EACd,KAAK,sBAAsB,EAC3B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,sBAAsB,CAAC;AAE5D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,GACxE,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,GACjC,UAAU,CAAC;AAEZ,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAY5D,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,YACsB,CAAC;AAYnE,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,6BAIvE,cAAc,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAenB,CAAC;AASF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACtD,OAAO,cAAc,CAAC,CAAC,CAAC,WAIxB,CAAC"}

package/dist/components/Box/newBox/boxStyles.js

@@ -4,8 +4,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 const _excluded = ["as", "className"];
 import clsx from 'clsx';
-import { borderReset } from "../../../styles/reset.css.js";
-import { resetStyles } from "../../../styles/resetStyles.js";
+import { borderReset } from "../../../styles/element.css.js";
+import { resetStyles } from "../../../styles/elementStyles.js";
 import { sprinkles } from "../../../styles/sprinkles.css.js";
 import { filterPropsWithStyles } from "../../../utils/sprinkles.js";
 const borderProperties = ['Color', 'Colour', 'Width'];

package/dist/components/Box/newBox/useBox.d.ts

@@ -1,11 +1,6 @@
-import type { ClassValue as ClassName } from 'clsx';
 import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type ReactElement } from 'react';
+import type { CommonBoxProps } from '../Box';
 import { type StyleProps } from './boxStyles';
-export interface CommonBoxProps extends PropsWithChildren {
-    className?: ClassName;
-    odComponent?: string;
-    testId?: string;
-}
 export type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>['ref'];
 export type AsPolyProp<C extends ElementType> = {
     as?: C | ReactElement;

package/dist/components/Box/newBox/useBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBox.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/newBox/useBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AACpD,OAAO,EAEN,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAY1E,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IAIxD,SAAS,CAAC,EAAE,SAAS,CAAC;IAItB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAC/C,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAGjC,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,IAAI;IAC/C,EAAE,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC;CAGtB,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI;IAChD,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAO9E,MAAM,MAAM,yBAAyB,CACpC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,MAAM,IACX,iBAAiB,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAC5D,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAG1D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACpD,yBAAyB,CAAC,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;AAM3D,MAAM,MAAM,YAAY,CACvB,CAAC,SAAS,WAAW,EACrB,CAAC,GAAG,MAAM,IACP,yBAAyB,CAC5B,CAAC,EACD,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAC9C,CAAC;AAYF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,mEAMnD,WAAW,CAAC,CAAC,CAAC;;;;;CAmChB,CAAC"}
+{"version":3,"file":"useBox.d.ts","sourceRoot":"","sources":["../../../../lib/components/Box/newBox/useBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAS1E,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAC/C,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAGjC,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,IAAI;IAC/C,EAAE,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC;CAGtB,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI;IAChD,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAO9E,MAAM,MAAM,yBAAyB,CACpC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,MAAM,IACX,iBAAiB,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAC5D,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAG1D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IACpD,yBAAyB,CAAC,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;AAM3D,MAAM,MAAM,YAAY,CACvB,CAAC,SAAS,WAAW,EACrB,CAAC,GAAG,MAAM,IACP,yBAAyB,CAC5B,CAAC,EACD,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAC9C,CAAC;AAYF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,mEAMnD,WAAW,CAAC,CAAC,CAAC;;;;;CAmChB,CAAC"}

package/dist/components/Box/useBoxStyles.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import clsx from 'clsx';
-import * as resetStyles from "../../styles/reset.css.js";
+import * as resetStyles from "../../styles/element.css.js";
 import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
 import * as styles from "./useBoxStyles.css.js";
 export const useBoxStyles = _ref => {

package/dist/components/BulletText/BulletText.js

@@ -18,7 +18,7 @@ export const BulletText = _ref => {
     as: as,
     noWrap: true,
     space: "3",
-    alignX: "flex-start",
+    alignX: "start",
     alignY: "center",
     children: [isValidElement(Bullet) ? _jsx(Box, {
       position: "relative",

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

@@ -8,10 +8,10 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
             height: "36px";
         };
         medium: {
-            height: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})`;
         };
         xsmall: {
-            padding: `2px var(--${string})` | `2px var(--${string}, ${string})`;
+            padding: `2px var(--${string})`;
         };
     };
     shape: {
@@ -21,63 +21,63 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     intent: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})`;
+            backgroundColor: `var(--${string})`;
             "&:focus-visible, &:not(:disabled):hover, &:not(:disabled):active": {
-                color: `var(--${string})` | `var(--${string}, ${string})`;
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                color: `var(--${string})`;
+                backgroundColor: `var(--${string})`;
             };
         };
         brand: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})`;
+            backgroundColor: `var(--${string})`;
             "&:focus-visible, &:not(:disabled):hover, &:not(:disabled):active": {
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                backgroundColor: `var(--${string})`;
             };
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
-            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})`;
+            color: `var(--${string})`;
+            backgroundColor: `var(--${string})`;
+            border: `1px solid var(--${string})`;
             selectors: {
                 "&:focus-visible, &:not(:disabled):hover, &:not(:disabled):active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+                    backgroundColor: `var(--${string})`;
+                    borderColor: `var(--${string})`;
                 };
             };
         };
         danger: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
             "&:focus-visible, &:not(:disabled):hover, &:not(:disabled):active": {
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                backgroundColor: `var(--${string})`;
             };
         };
         information: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
             "&:focus-visible, &:not(:disabled):hover, &:not(:disabled):active": {
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                backgroundColor: `var(--${string})`;
             };
         };
         warning: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
             "&:focus-visible, &:not(:disabled):hover, &:not(:disabled):active": {
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                backgroundColor: `var(--${string})`;
             };
         };
         success: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
             "&:focus-visible, &:not(:disabled):hover, &:not(:disabled):active": {
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                backgroundColor: `var(--${string})`;
             };
         };
     };
     minimal: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})`;
             backgroundColor: "transparent";
             border: "none";
         };

package/dist/components/Columns/Column.css.js

@@ -34,7 +34,7 @@ export const columnStyle = recipe({
   variants: {
     alignSelf: {
       bottom: sprinkles({
-        alignSelf: 'flex-end'
+        alignSelf: 'end'
       }),
       center: sprinkles({
         alignSelf: 'center'
@@ -46,7 +46,7 @@ export const columnStyle = recipe({
         alignSelf: 'stretch'
       }),
       top: sprinkles({
-        alignSelf: 'flex-start'
+        alignSelf: 'start'
       })
     },
     grow: {

package/dist/components/Columns/ColumnGrid.css.js

@@ -36,16 +36,16 @@ export const columnGridStyle = recipe({
         alignContent: 'stretch'
       }),
       top: sprinkles({
-        alignItems: 'flex-start',
-        alignContent: 'flex-start'
+        alignItems: 'start',
+        alignContent: 'start'
       }),
       center: sprinkles({
         alignItems: 'center',
         alignContent: 'center'
       }),
       bottom: sprinkles({
-        alignItems: 'flex-end',
-        alignContent: 'flex-end'
+        alignItems: 'end',
+        alignContent: 'end'
       })
     },
     noWrap: {

package/dist/components/Columns/Columns.css.js

@@ -22,8 +22,8 @@ export const columnsStyle = recipe({
         alignItems: 'stretch'
       }),
       top: sprinkles({
-        alignContent: 'flex-start',
-        alignItems: 'flex-start'
+        alignContent: 'start',
+        alignItems: 'start'
       }),
       center: sprinkles({
         alignContent: 'center',
@@ -34,8 +34,8 @@ export const columnsStyle = recipe({
         alignItems: 'center'
       }),
       bottom: sprinkles({
-        alignContent: 'flex-end',
-        alignItems: 'flex-end'
+        alignContent: 'end',
+        alignItems: 'end'
       })
     },
     noWrap: {

package/dist/components/EditableText/EditableText.js

@@ -20,7 +20,7 @@ export const EditableText = forwardRef((_ref, ref) => {
       as: is,
       colour = 'muted',
       size,
-      display = 'inlineBlock',
+      display = 'inline-block',
       value,
       onFocus,
       onBlur,

package/dist/components/HorizontalAutoScroller/HorizontalAutoScroller.js

@@ -102,7 +102,7 @@ export const HorizontalAutoScroller = _ref => {
         className: [styles.controllerBtn, styles.prevBtn],
         display: "flex",
         alignItems: "center",
-        justifyContent: "flexStart",
+        justifyContent: "start",
         position: "absolute",
         children: _jsx(Button, {
           rounded: true,

package/dist/components/Icon/Icon.d.ts

@@ -5,7 +5,7 @@ import { type BoxProps } from '../Box/Box';
 import * as styles from './Icon.css';
 export type IconEl = IconType | ReactElement<SVGAttributes<SVGElement>, 'svg'>;
 export interface IconProps {
-    display?: Extract<BoxProps['display'], 'block' | 'inlineBlock'>;
+    display?: Extract<BoxProps['display'], 'block' | 'inlineBlock' | 'inline-block'>;
     className?: string;
     size?: ResponsiveProp<keyof typeof styles.size | string>;
     icon: IconEl;

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAO5E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;AAE/E,MAAM,WAAW,SAAS;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,CA4B7C,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAO5E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;AAE/E,MAAM,WAAW,SAAS;IACzB,OAAO,CAAC,EAAE,OAAO,CAChB,QAAQ,CAAC,SAAS,CAAC,EACnB,OAAO,GAAG,aAAa,GAAG,cAAc,CACxC,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,CA4B7C,CAAC"}

package/dist/components/NumberBubble/NumberBubble.js

@@ -36,7 +36,7 @@ export const NumberBubble = _ref => {
   return _jsx(Box, _objectSpread(_objectSpread({
     borderRadius: "full",
     backgroundColour: "gray900",
-    display: "inlineBlock",
+    display: "inline-block",
     position: "relative",
     padding: valuePaddingMap[size]
   }, boxProps), {}, {

package/dist/components/StandardModal/StandardModal.js

@@ -86,11 +86,11 @@ export const StandardModal = _ref => {
         }, className]),
         children: [_jsxs(Box, {
           as: "header",
-          flexShrink: 0,
+          flexShrink: "0",
           position: "relative",
           display: "flex",
           alignItems: "center",
-          justifyContent: "center",
+          justifyContent: "space-between",
           width: "full",
           paddingY: "3",
           paddingLeft: "5",
@@ -98,7 +98,7 @@ export const StandardModal = _ref => {
           borderWidthBottom: "1",
           borderColour: "light",
           children: [_jsx(Box, {
-            flexGrow: 0,
+            flexGrow: "0",
             id: titleId,
             children: _jsx(Heading, {
               as: "h4",
@@ -123,7 +123,7 @@ export const StandardModal = _ref => {
           as: "main",
           display: "flex",
           flexDirection: "column",
-          flexGrow: 1,
+          flexGrow: "1",
           height: "full",
           className: styles.content,
           children: children

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

package/dist/components/Tabs/Tab.js

@@ -30,7 +30,7 @@ export const Tab = forwardRef((_ref, ref) => {
   const props = {
     className: clsx(componentStyles({
       as: typeof Component === 'string' ? Component : 'button',
-      display: 'inlineFlex',
+      display: 'inline-flex',
       justifyContent: 'center',
       backgroundColour: 'transparent'
     }), useTextStyles({

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})`;
+            boxShadow: `inset 0 -1px 0 0 var(--${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})`;
+            gridGap: `var(--${string})`;
         };
     };
 }>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { BoxStyleProps } from '../Box/useBoxStyles';
 import { type TextStyleProps } from './useTextStyles';
-type Display = Extract<BoxStyleProps['display'], 'inline' | 'inlineBlock' | 'block'>;
+type Display = Extract<BoxStyleProps['display'], 'inline' | 'inlineBlock' | 'inline-block' | 'block'>;
 type ElementAttributes = React.ComponentPropsWithoutRef<'p'> & Pick<React.ComponentProps<'label'>, 'htmlFor'>;
 export interface TextProps extends Omit<ElementAttributes, 'color' | 'is'>, TextStyleProps {
     strong?: boolean;

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;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,KAAK,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAErE,KAAK,OAAO,GAAG,OAAO,CACrB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,OAAO,CAClC,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,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,IAAI,8GA6ChB,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,KAAK,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAErE,KAAK,OAAO,GAAG,OAAO,CACrB,aAAa,CAAC,SAAS,CAAC,EACxB,QAAQ,GAAG,aAAa,GAAG,cAAc,GAAG,OAAO,CACnD,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,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,IAAI,8GA6ChB,CAAC;AAIF,eAAe,IAAI,CAAC"}