@guardian/stand 0.0.73 → 0.0.74

package/dist/styleD/build/typescript/semantic/breakpoints.d.cts

@@ -2,11 +2,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticBreakpoints: {
+export declare const semanticBreakpoints: {
   sm: string;
   md: string;
   lg: string;
 };
-type SemanticBreakpoints = typeof semanticBreakpoints;
-//#endregion
-export { SemanticBreakpoints, semanticBreakpoints };
+export type SemanticBreakpoints = typeof semanticBreakpoints;
+//#endregion

package/dist/styleD/build/typescript/semantic/breakpoints.d.ts

@@ -2,11 +2,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticBreakpoints: {
+export declare const semanticBreakpoints: {
   sm: string;
   md: string;
   lg: string;
 };
-type SemanticBreakpoints = typeof semanticBreakpoints;
-//#endregion
-export { SemanticBreakpoints, semanticBreakpoints };
+export type SemanticBreakpoints = typeof semanticBreakpoints;
+//#endregion

package/dist/styleD/build/typescript/semantic/colors.d.cts

@@ -2,7 +2,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticColors: {
+export declare const semanticColors: {
   text: {
     strong: string;
     weak: string;
@@ -111,6 +111,5 @@ declare const semanticColors: {
     neutralMedium: string;
   };
 };
-type SemanticColors = typeof semanticColors;
-//#endregion
-export { SemanticColors, semanticColors };
+export type SemanticColors = typeof semanticColors;
+//#endregion

package/dist/styleD/build/typescript/semantic/colors.d.ts

@@ -2,7 +2,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticColors: {
+export declare const semanticColors: {
   text: {
     strong: string;
     weak: string;
@@ -111,6 +111,5 @@ declare const semanticColors: {
     neutralMedium: string;
   };
 };
-type SemanticColors = typeof semanticColors;
-//#endregion
-export { SemanticColors, semanticColors };
+export type SemanticColors = typeof semanticColors;
+//#endregion

package/dist/styleD/build/typescript/semantic/grid.d.cts

@@ -2,7 +2,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticGrid: {
+export declare const semanticGrid: {
   gutter: {
     lgPx: string;
     mdPx: string;
@@ -25,6 +25,5 @@ declare const semanticGrid: {
     sm: number;
   };
 };
-type SemanticGrid = typeof semanticGrid;
-//#endregion
-export { SemanticGrid, semanticGrid };
+export type SemanticGrid = typeof semanticGrid;
+//#endregion

package/dist/styleD/build/typescript/semantic/grid.d.ts

@@ -2,7 +2,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticGrid: {
+export declare const semanticGrid: {
   gutter: {
     lgPx: string;
     mdPx: string;
@@ -25,6 +25,5 @@ declare const semanticGrid: {
     sm: number;
   };
 };
-type SemanticGrid = typeof semanticGrid;
-//#endregion
-export { SemanticGrid, semanticGrid };
+export type SemanticGrid = typeof semanticGrid;
+//#endregion

package/dist/styleD/build/typescript/semantic/radius.d.cts

@@ -2,11 +2,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticRadius: {
+export declare const semanticRadius: {
   cornerXs: string;
   cornerSm: string;
   cornerMd: string;
 };
-type SemanticRadius = typeof semanticRadius;
-//#endregion
-export { SemanticRadius, semanticRadius };
+export type SemanticRadius = typeof semanticRadius;
+//#endregion

package/dist/styleD/build/typescript/semantic/radius.d.ts

@@ -2,11 +2,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticRadius: {
+export declare const semanticRadius: {
   cornerXs: string;
   cornerSm: string;
   cornerMd: string;
 };
-type SemanticRadius = typeof semanticRadius;
-//#endregion
-export { SemanticRadius, semanticRadius };
+export type SemanticRadius = typeof semanticRadius;
+//#endregion

package/dist/styleD/build/typescript/semantic/shadow.d.cts

@@ -2,9 +2,8 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticShadow: {
+export declare const semanticShadow: {
   raised: string;
 };
-type SemanticShadow = typeof semanticShadow;
-//#endregion
-export { SemanticShadow, semanticShadow };
+export type SemanticShadow = typeof semanticShadow;
+//#endregion

package/dist/styleD/build/typescript/semantic/shadow.d.ts

@@ -2,9 +2,8 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticShadow: {
+export declare const semanticShadow: {
   raised: string;
 };
-type SemanticShadow = typeof semanticShadow;
-//#endregion
-export { SemanticShadow, semanticShadow };
+export type SemanticShadow = typeof semanticShadow;
+//#endregion

package/dist/styleD/build/typescript/semantic/sizing.d.cts

@@ -2,7 +2,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticSizing: {
+export declare const semanticSizing: {
   height: {
     xxxxs: string;
     xxxs: string;
@@ -37,6 +37,5 @@ declare const semanticSizing: {
     maxWidthPx: string;
   };
 };
-type SemanticSizing = typeof semanticSizing;
-//#endregion
-export { SemanticSizing, semanticSizing };
+export type SemanticSizing = typeof semanticSizing;
+//#endregion

package/dist/styleD/build/typescript/semantic/sizing.d.ts

@@ -2,7 +2,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticSizing: {
+export declare const semanticSizing: {
   height: {
     xxxxs: string;
     xxxs: string;
@@ -37,6 +37,5 @@ declare const semanticSizing: {
     maxWidthPx: string;
   };
 };
-type SemanticSizing = typeof semanticSizing;
-//#endregion
-export { SemanticSizing, semanticSizing };
+export type SemanticSizing = typeof semanticSizing;
+//#endregion

package/dist/styleD/build/typescript/semantic/spacing.d.cts

@@ -2,7 +2,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticSpacing: {
+export declare const semanticSpacing: {
   stackXxs: string;
   stackXs: string;
   stackSm: string;
@@ -10,6 +10,5 @@ declare const semanticSpacing: {
   stackLg: string;
   stackXl: string;
 };
-type SemanticSpacing = typeof semanticSpacing;
-//#endregion
-export { SemanticSpacing, semanticSpacing };
+export type SemanticSpacing = typeof semanticSpacing;
+//#endregion

package/dist/styleD/build/typescript/semantic/spacing.d.ts

@@ -2,7 +2,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticSpacing: {
+export declare const semanticSpacing: {
   stackXxs: string;
   stackXs: string;
   stackSm: string;
@@ -10,6 +10,5 @@ declare const semanticSpacing: {
   stackLg: string;
   stackXl: string;
 };
-type SemanticSpacing = typeof semanticSpacing;
-//#endregion
-export { SemanticSpacing, semanticSpacing };
+export type SemanticSpacing = typeof semanticSpacing;
+//#endregion

package/dist/styleD/build/typescript/semantic/typography.d.cts

@@ -2,7 +2,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticTypography: {
+export declare const semanticTypography: {
   titleSm: {
     font: string;
     letterSpacing: string;
@@ -379,6 +379,5 @@ declare const semanticTypography: {
     fontWidth: number;
   };
 };
-type SemanticTypography = typeof semanticTypography;
-//#endregion
-export { SemanticTypography, semanticTypography };
+export type SemanticTypography = typeof semanticTypography;
+//#endregion

package/dist/styleD/build/typescript/semantic/typography.d.ts

@@ -2,7 +2,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-declare const semanticTypography: {
+export declare const semanticTypography: {
   titleSm: {
     font: string;
     letterSpacing: string;
@@ -379,6 +379,5 @@ declare const semanticTypography: {
     fontWidth: number;
   };
 };
-type SemanticTypography = typeof semanticTypography;
-//#endregion
-export { SemanticTypography, semanticTypography };
+export type SemanticTypography = typeof semanticTypography;
+//#endregion

package/dist/styleD/utils/semantic/mq.d.cts

@@ -1,6 +1,6 @@
 import { semanticBreakpoints } from "../../build/typescript/semantic/breakpoints.cjs";
 //#region src/styleD/utils/semantic/mq.d.ts
-type Breakpoint = keyof typeof semanticBreakpoints;
+export type Breakpoint = keyof typeof semanticBreakpoints;
 /**
  * Returns a `min-width` media query string for the given breakpoint.
  * Use to apply styles at that breakpoint and above.
@@ -13,7 +13,7 @@ type Breakpoint = keyof typeof semanticBreakpoints;
  *   }
  * `;
  */
-declare const from: Record<"sm" | "md" | "lg", string>;
+export declare const from: Record<"sm" | "md" | "lg", string>;
 /**
  * Returns a `max-width` media query string for everything *below* the given
  * breakpoint (exclusive). Use to apply styles only on screens smaller than
@@ -27,7 +27,7 @@ declare const from: Record<"sm" | "md" | "lg", string>;
  *   }
  * `;
  */
-declare const until: Record<"sm" | "md" | "lg", string>;
+export declare const until: Record<"sm" | "md" | "lg", string>;
 /**
  * Returns a combined `min-width` and `max-width` media query string for
  * the range starting at breakpoint A up to (but not including) breakpoint B.
@@ -40,7 +40,7 @@ declare const until: Record<"sm" | "md" | "lg", string>;
  *   }
  * `;
  */
-declare const between: {
+export declare const between: {
   sm: {
     and: Record<"md" | "lg", string>;
   };
@@ -51,5 +51,4 @@ declare const between: {
     and: Record<"sm" | "md", string>;
   };
 };
-//#endregion
-export { Breakpoint, between, from, until };
+//#endregion

package/dist/styleD/utils/semantic/mq.d.ts

@@ -1,6 +1,6 @@
 import { semanticBreakpoints } from "../../build/typescript/semantic/breakpoints.js";
 //#region src/styleD/utils/semantic/mq.d.ts
-type Breakpoint = keyof typeof semanticBreakpoints;
+export type Breakpoint = keyof typeof semanticBreakpoints;
 /**
  * Returns a `min-width` media query string for the given breakpoint.
  * Use to apply styles at that breakpoint and above.
@@ -13,7 +13,7 @@ type Breakpoint = keyof typeof semanticBreakpoints;
  *   }
  * `;
  */
-declare const from: Record<"sm" | "md" | "lg", string>;
+export declare const from: Record<"sm" | "md" | "lg", string>;
 /**
  * Returns a `max-width` media query string for everything *below* the given
  * breakpoint (exclusive). Use to apply styles only on screens smaller than
@@ -27,7 +27,7 @@ declare const from: Record<"sm" | "md" | "lg", string>;
  *   }
  * `;
  */
-declare const until: Record<"sm" | "md" | "lg", string>;
+export declare const until: Record<"sm" | "md" | "lg", string>;
 /**
  * Returns a combined `min-width` and `max-width` media query string for
  * the range starting at breakpoint A up to (but not including) breakpoint B.
@@ -40,7 +40,7 @@ declare const until: Record<"sm" | "md" | "lg", string>;
  *   }
  * `;
  */
-declare const between: {
+export declare const between: {
   sm: {
     and: Record<"md" | "lg", string>;
   };
@@ -51,5 +51,4 @@ declare const between: {
     and: Record<"sm" | "md", string>;
   };
 };
-//#endregion
-export { Breakpoint, between, from, until };
+//#endregion

package/dist/styleD/utils/semantic/typography.d.cts

@@ -5,7 +5,6 @@ type SemanticTypography = {
   letterSpacing: string;
   fontWidth: number;
 };
-declare const convertTypographyToEmotionStringStyle: (typography: SemanticTypography) => SerializedStyles;
-declare const convertTypographyToEmotionObjectStyle: (typography: SemanticTypography) => CSSObject;
-//#endregion
-export { convertTypographyToEmotionObjectStyle, convertTypographyToEmotionStringStyle };
+export declare const convertTypographyToEmotionStringStyle: (typography: SemanticTypography) => SerializedStyles;
+export declare const convertTypographyToEmotionObjectStyle: (typography: SemanticTypography) => CSSObject;
+//#endregion

package/dist/styleD/utils/semantic/typography.d.ts

@@ -5,7 +5,6 @@ type SemanticTypography = {
   letterSpacing: string;
   fontWidth: number;
 };
-declare const convertTypographyToEmotionStringStyle: (typography: SemanticTypography) => SerializedStyles;
-declare const convertTypographyToEmotionObjectStyle: (typography: SemanticTypography) => CSSObject;
-//#endregion
-export { convertTypographyToEmotionObjectStyle, convertTypographyToEmotionStringStyle };
+export declare const convertTypographyToEmotionStringStyle: (typography: SemanticTypography) => SerializedStyles;
+export declare const convertTypographyToEmotionObjectStyle: (typography: SemanticTypography) => CSSObject;
+//#endregion

package/dist/util/reset.d.cts

@@ -1,4 +1,3 @@
 //#region src/util/reset.d.ts
-declare const GlobalResetStyles: import("@emotion/react").SerializedStyles;
-//#endregion
-export { GlobalResetStyles };
+export declare const GlobalResetStyles: import("@emotion/react").SerializedStyles;
+//#endregion

package/dist/util/reset.d.ts

@@ -1,4 +1,3 @@
 //#region src/util/reset.d.ts
-declare const GlobalResetStyles: import("@emotion/react").SerializedStyles;
-//#endregion
-export { GlobalResetStyles };
+export declare const GlobalResetStyles: import("@emotion/react").SerializedStyles;
+//#endregion

package/dist/util/types.d.cts

@@ -1,6 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 //#region src/util/types.d.ts
-interface DefaultProps<ThemeType, ClassNameType = undefined> {
+export interface DefaultProps<ThemeType, ClassNameType = undefined> {
   /**
    * Custom theme overrides for the component, this is the recommended way to
    * customize the appearance of the component based on the design system tokens
@@ -20,13 +20,12 @@ interface DefaultProps<ThemeType, ClassNameType = undefined> {
    */
   cssOverrides?: SerializedStyles | SerializedStyles[];
 }
-interface DefaultPropsWithChildren<ThemeType, ClassNameType = undefined, ChildrenType = React.ReactNode> extends DefaultProps<ThemeType, ClassNameType> {
+export interface DefaultPropsWithChildren<ThemeType, ClassNameType = undefined, ChildrenType = React.ReactNode> extends DefaultProps<ThemeType, ClassNameType> {
   /**
    * The content of the component
    */
   children?: ChildrenType;
 }
-type Prettify<T> = { [K in keyof T]: T[K]; } & {};
-type DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<T[P]>; } : T;
-//#endregion
-export { DeepPartial, DefaultProps, DefaultPropsWithChildren, Prettify };
+export type Prettify<T> = { [K in keyof T]: T[K]; } & {};
+export type DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<T[P]>; } : T;
+//#endregion

package/dist/util/types.d.ts

@@ -1,6 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 //#region src/util/types.d.ts
-interface DefaultProps<ThemeType, ClassNameType = undefined> {
+export interface DefaultProps<ThemeType, ClassNameType = undefined> {
   /**
    * Custom theme overrides for the component, this is the recommended way to
    * customize the appearance of the component based on the design system tokens
@@ -20,13 +20,12 @@ interface DefaultProps<ThemeType, ClassNameType = undefined> {
    */
   cssOverrides?: SerializedStyles | SerializedStyles[];
 }
-interface DefaultPropsWithChildren<ThemeType, ClassNameType = undefined, ChildrenType = React.ReactNode> extends DefaultProps<ThemeType, ClassNameType> {
+export interface DefaultPropsWithChildren<ThemeType, ClassNameType = undefined, ChildrenType = React.ReactNode> extends DefaultProps<ThemeType, ClassNameType> {
   /**
    * The content of the component
    */
   children?: ChildrenType;
 }
-type Prettify<T> = { [K in keyof T]: T[K]; } & {};
-type DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<T[P]>; } : T;
-//#endregion
-export { DeepPartial, DefaultProps, DefaultPropsWithChildren, Prettify };
+export type Prettify<T> = { [K in keyof T]: T[K]; } & {};
+export type DeepPartial<T> = T extends object ? { [P in keyof T]?: DeepPartial<T[P]>; } : T;
+//#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.73",
+  "version": "0.0.74",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -247,6 +247,16 @@
         "default": "./dist/TextArea.cjs"
       }
     },
+    "./Tile": {
+      "import": {
+        "types": "./dist/Tile.d.ts",
+        "default": "./dist/Tile.js"
+      },
+      "require": {
+        "types": "./dist/Tile.d.cts",
+        "default": "./dist/Tile.cjs"
+      }
+    },
     "./AlertBanner": {
       "import": {
         "types": "./dist/AlertBanner.d.ts",
@@ -467,6 +477,7 @@
     "./component/checkbox.css": "./dist/styleD/build/css/component/checkbox.css",
     "./component/toggleSwitch.css": "./dist/styleD/build/css/component/toggleSwitch.css",
     "./component/textArea.css": "./dist/styleD/build/css/component/textArea.css",
+    "./component/tile.css": "./dist/styleD/build/css/component/tile.css",
     "./component/alertBanner.css": "./dist/styleD/build/css/component/alertBanner.css",
     "./component/datePicker.css": "./dist/styleD/build/css/component/datePicker.css",
     "./component/intendedAudienceSignifier.css": "./dist/styleD/build/css/component/intendedAudienceSignifier.css",
@@ -570,6 +581,9 @@
       "TextArea": [
         "./dist/TextArea.d.ts"
       ],
+      "Tile": [
+        "./dist/Tile.d.ts"
+      ],
       "AlertBanner": [
         "./dist/AlertBanner.d.ts"
       ],
@@ -616,7 +630,7 @@
   ],
   "devDependencies": {
     "@arethetypeswrong/core": "0.18.5",
-    "@changesets/cli": "3.0.1",
+    "@changesets/cli": "3.0.2",
     "@codesandbox/sandpack-react": "2.20.0",
     "@emotion/react": "11.11.4",
     "@figma/rest-api-spec": "0.42.0",
@@ -627,27 +641,27 @@
     "@internationalized/date": "3.12.1",
     "@material-design-icons/svg": "0.14.15",
     "@playwright/experimental-ct-react17": "1.62.1",
-    "@storybook/addon-a11y": "10.5.10",
-    "@storybook/addon-docs": "10.5.10",
-    "@storybook/addon-themes": "10.5.10",
-    "@storybook/react-vite": "10.5.10",
+    "@storybook/addon-a11y": "10.6.0",
+    "@storybook/addon-docs": "10.6.0",
+    "@storybook/addon-themes": "10.6.0",
+    "@storybook/react-vite": "10.6.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "7.0.1",
-    "@tsdown/css": "0.22.14",
+    "@tsdown/css": "0.23.0",
     "@types/jest": "30.0.0",
-    "@types/node": "24.10.1",
+    "@types/node": "24.13.4",
     "@types/react": "17.0.76",
     "@types/react-dom": "17.0.25",
     "@typescript/typescript6": "6.0.2",
     "change-case": "5.4.4",
     "eslint": "9.39.3",
     "eslint-plugin-check-file": "3.3.2",
-    "eslint-plugin-storybook": "10.5.10",
+    "eslint-plugin-storybook": "10.6.0",
     "husky": "9.1.7",
-    "jest": "30.5.0",
-    "jest-environment-jsdom": "30.5.0",
-    "knip": "^6.33.0",
-    "lint-staged": "17.4.1",
+    "jest": "30.5.1",
+    "jest-environment-jsdom": "30.5.1",
+    "knip": "^6.35.1",
+    "lint-staged": "17.5.1",
     "prettier": "3.9.6",
     "prosemirror-dropcursor": "1.8.2",
     "prosemirror-history": "1.4.1",
@@ -661,13 +675,13 @@
     "react-dom": "17.0.2",
     "remark-gfm": "4.0.1",
     "sort-package-json": "4.0.0",
-    "storybook": "10.5.10",
-    "style-dictionary": "5.5.2",
+    "storybook": "10.6.0",
+    "style-dictionary": "5.5.3",
     "ts-jest": "29.4.12",
-    "tsdown": "0.22.14",
+    "tsdown": "0.23.0",
     "tslib": "2.8.1",
     "typescript": "5.1.3",
-    "vite": "8.2.2",
+    "vite": "8.3.0",
     "vite-plugin-svgr": "5.2.0"
   },
   "peerDependencies": {