@guardian/stand 0.0.67 → 0.0.69

package/README.md

@@ -115,6 +115,7 @@ The following steps are for **developing the Stand library itself**.
    pnpm test:e2e             # end-to-end tests (Playwright)
    pnpm test:react-matrix    # compatibility matrix tests (see Compatibility)
    pnpm tsc                  # TypeScript type checking
+   pnpm tsc6                 # TypeScript 6 type checking
    pnpm lint                 # lint (pnpm lint:fix to auto-fix)
    pnpm format:check         # formatting check (pnpm format:fix to auto-fix)
    ```
@@ -146,7 +147,7 @@ Version sets for matrix testing live in `./scripts/deps-matrix-versions.json`. T
 1. Explicit env var (e.g. `REACT_VERSIONS="18.0.0 19.0.0"`)
 2. Value from `deps-matrix-versions.json`
 
-All three variables (`REACT_VERSIONS`, `EMOTION_VERSIONS`, `TS_VERSIONS`) must be defined after loading; otherwise the script exits with an error.
+All four variables (`REACT_VERSIONS`, `EMOTION_VERSIONS`, `TS_VERSIONS`, `RAC_VERSIONS`) must be defined after loading; otherwise the script exits with an error.
 
 Matrix generation in CI uses the same JSON file in the workflow `../.github/workflows/stand-component-library-deps-matrix.yml` to ensure consistency.
 

package/dist/components/Icon/types.d.cts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MaterialSymbol } from "../../fonts/materialSymbolsTypes.cjs";
 import { DefaultPropsWithChildren } from "../../util/types.cjs";
 import { IconTheme } from "./Styles.cjs";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MaterialSymbol } from "../../fonts/materialSymbolsTypes.js";
 import { DefaultPropsWithChildren } from "../../util/types.js";
 import { IconTheme } from "./Styles.js";

package/dist/components/Menu/types.d.cts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DefaultProps, DefaultPropsWithChildren } from "../../util/types.cjs";
 import { IconProps } from "../Icon/types.cjs";
 import { MenuItemTheme, MenuPopoverTheme, MenuSectionTheme, MenuSeparatorTheme, MenuTheme } from "./styles.cjs";

package/dist/components/Menu/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DefaultProps, DefaultPropsWithChildren } from "../../util/types.js";
 import { IconProps } from "../Icon/types.js";
 import { MenuItemTheme, MenuPopoverTheme, MenuSectionTheme, MenuSeparatorTheme, MenuTheme } from "./styles.js";

package/dist/components/TopBar/TopBarItem/types.d.cts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DefaultProps } from "../../../util/types.cjs";
 import { TopBarItemTheme } from "./styles.cjs";
 //#region src/components/TopBar/TopBarItem/types.d.ts

package/dist/components/TopBar/TopBarItem/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DefaultProps } from "../../../util/types.js";
 import { TopBarItemTheme } from "./styles.js";
 //#region src/components/TopBar/TopBarItem/types.d.ts

package/dist/components/Typography/types.d.cts

@@ -2,17 +2,19 @@ import { DefaultProps } from "../../util/types.cjs";
 import { SemanticTypography } from "../../styleD/build/typescript/semantic/typography.cjs";
 import { TypographyTheme } from "./styles.cjs";
 import { TextProps } from "react-aria-components";
+import { JSX } from "react";
 //#region src/components/Typography/types.d.ts
 type TypographyVariant = keyof SemanticTypography;
+type TypographyElement = keyof JSX.IntrinsicElements | (string & {});
 interface TypographyProps extends DefaultProps<TypographyTheme, TextProps['className']>, Omit<TextProps, 'elementType' | 'className'> {
   /**
    * HTML element to render with font applied to
    */
-  element?: 'div' | 'span' | 'p' | 'b' | 'i' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  element?: TypographyElement;
   /**
    * Font variant to apply as a CSS style to the element
    */
   variant?: TypographyVariant;
 }
 //#endregion
-export { TypographyProps, TypographyVariant };
+export { TypographyElement, TypographyProps, TypographyVariant };

package/dist/components/Typography/types.d.ts

@@ -1,18 +1,20 @@
 import { DefaultProps } from "../../util/types.js";
 import { SemanticTypography } from "../../styleD/build/typescript/semantic/typography.js";
 import { TypographyTheme } from "./styles.js";
+import { JSX } from "react";
 import { TextProps } from "react-aria-components";
 //#region src/components/Typography/types.d.ts
 type TypographyVariant = keyof SemanticTypography;
+type TypographyElement = keyof JSX.IntrinsicElements | (string & {});
 interface TypographyProps extends DefaultProps<TypographyTheme, TextProps['className']>, Omit<TextProps, 'elementType' | 'className'> {
   /**
    * HTML element to render with font applied to
    */
-  element?: 'div' | 'span' | 'p' | 'b' | 'i' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  element?: TypographyElement;
   /**
    * Font variant to apply as a CSS style to the element
    */
   variant?: TypographyVariant;
 }
 //#endregion
-export { TypographyProps, TypographyVariant };
+export { TypographyElement, TypographyProps, TypographyVariant };

package/dist/util/types.d.cts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SerializedStyles } from "@emotion/react";
 //#region src/util/types.d.ts
 interface DefaultProps<ThemeType, ClassNameType = undefined> {

package/dist/util/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SerializedStyles } from "@emotion/react";
 //#region src/util/types.d.ts
 interface DefaultProps<ThemeType, ClassNameType = undefined> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.67",
+  "version": "0.0.69",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -564,10 +564,10 @@
     "@codesandbox/sandpack-react": "2.20.0",
     "@emotion/react": "11.11.4",
     "@figma/rest-api-spec": "0.41.0",
-    "@guardian/eslint-config": "15.0.0",
-    "@guardian/prettier": "10.0.0",
+    "@guardian/eslint-config": "16.0.0",
+    "@guardian/prettier": "11.0.0",
     "@guardian/prosemirror-invisibles": "3.1.1",
-    "@guardian/tsconfig": "1.0.1",
+    "@guardian/tsconfig": "2.0.0",
     "@internationalized/date": "3.12.1",
     "@material-design-icons/svg": "0.14.15",
     "@playwright/experimental-ct-react17": "1.62.1",
@@ -582,6 +582,7 @@
     "@types/node": "24.10.1",
     "@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",
@@ -626,7 +627,7 @@
     "react": "^17.0.2 || ^18.0.0 || ^19.0.0",
     "react-aria-components": ">= 1.14.0 <= 1.20.0",
     "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0",
-    "typescript": ">=5.0.0 <=5.9.3"
+    "typescript": ">=5.0.0 <7.0.0"
   },
   "peerDependenciesMeta": {
     "@emotion/react": {
@@ -686,6 +687,7 @@
     "test:e2e": "playwright test -c playwright-ct.config.ts",
     "test:react-matrix": "./scripts/test-deps-matrix.sh",
     "test:setup-e2e": "playwright install --with-deps",
-    "tsc": "tsc"
+    "tsc": "tsc",
+    "tsc6": "tsc6"
   }
 }