@guardian/stand 0.0.72 → 0.0.74

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.72",
+  "version": "0.0.74",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -57,6 +57,16 @@
         "default": "./dist/Badge.cjs"
       }
     },
+    "./Pagination": {
+      "import": {
+        "types": "./dist/Pagination.d.ts",
+        "default": "./dist/Pagination.js"
+      },
+      "require": {
+        "types": "./dist/Pagination.d.cts",
+        "default": "./dist/Pagination.cjs"
+      }
+    },
     "./Button": {
       "import": {
         "types": "./dist/Button.d.ts",
@@ -237,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",
@@ -441,6 +461,7 @@
     "./component/userMenu.css": "./dist/styleD/build/css/component/userMenu.css",
     "./component/avatar.css": "./dist/styleD/build/css/component/avatar.css",
     "./component/badge.css": "./dist/styleD/build/css/component/badge.css",
+    "./component/pagination.css": "./dist/styleD/build/css/component/pagination.css",
     "./component/button.css": "./dist/styleD/build/css/component/button.css",
     "./component/buttonGroup.css": "./dist/styleD/build/css/component/buttonGroup.css",
     "./component/typography.css": "./dist/styleD/build/css/component/typography.css",
@@ -456,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",
@@ -487,6 +509,9 @@
       "Badge": [
         "./dist/Badge.d.ts"
       ],
+      "Pagination": [
+        "./dist/Pagination.d.ts"
+      ],
       "Button": [
         "./dist/Button.d.ts"
       ],
@@ -556,6 +581,9 @@
       "TextArea": [
         "./dist/TextArea.d.ts"
       ],
+      "Tile": [
+        "./dist/Tile.d.ts"
+      ],
       "AlertBanner": [
         "./dist/AlertBanner.d.ts"
       ],
@@ -602,10 +630,10 @@
   ],
   "devDependencies": {
     "@arethetypeswrong/core": "0.18.5",
-    "@changesets/cli": "2.31.1",
+    "@changesets/cli": "3.0.2",
     "@codesandbox/sandpack-react": "2.20.0",
     "@emotion/react": "11.11.4",
-    "@figma/rest-api-spec": "0.41.0",
+    "@figma/rest-api-spec": "0.42.0",
     "@guardian/eslint-config": "16.0.0",
     "@guardian/prettier": "11.0.0",
     "@guardian/prosemirror-invisibles": "3.1.1",
@@ -613,26 +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.7",
-    "@storybook/addon-docs": "10.5.7",
-    "@storybook/addon-themes": "10.5.7",
-    "@storybook/react-vite": "10.5.7",
+    "@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.0",
-    "@tsdown/css": "0.22.14",
+    "@testing-library/jest-dom": "7.0.1",
+    "@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.7",
+    "eslint-plugin-storybook": "10.6.0",
     "husky": "9.1.7",
-    "jest": "30.4.2",
-    "jest-environment-jsdom": "30.4.1",
-    "lint-staged": "17.3.0",
+    "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",
@@ -640,20 +669,19 @@
     "prosemirror-model": "1.25.0",
     "prosemirror-state": "1.4.3",
     "prosemirror-view": "1.37.2",
-    "publint": "0.3.23",
+    "publint": "0.3.24",
     "react": "17.0.2",
     "react-aria-components": "1.14.0",
     "react-dom": "17.0.2",
     "remark-gfm": "4.0.1",
-    "rimraf": "6.1.3",
     "sort-package-json": "4.0.0",
-    "storybook": "10.5.7",
-    "style-dictionary": "5.5.1",
+    "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.1",
+    "vite": "8.3.0",
     "vite-plugin-svgr": "5.2.0"
   },
   "peerDependencies": {
@@ -721,6 +749,7 @@
     "create-component": "npx ts-node ./scripts/create-component.ts",
     "format:check": "prettier --check .",
     "format:fix": "prettier --write .",
+    "knip": "knip",
     "lint": "eslint . --ext .ts,.tsx",
     "lint:fix": "eslint --fix . --ext .ts,.tsx",
     "lint:staged": "lint-staged",

package/dist/styleD/build/css/component/previewFrame.css

@@ -1,10 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-:root {
-	--component-preview-frame-background-color: #545454;
-	--component-preview-frame-border-width: 0.0625rem;
-	--component-preview-frame-border-style: solid;
-	--component-preview-frame-border-color: #545454;
-}