@guardian/stand 0.0.65 → 0.0.67

package/dist/styleD/build/typescript/component/sidebarStepperNavigation.js

@@ -0,0 +1,68 @@
+//#region src/styleD/build/typescript/component/sidebarStepperNavigation.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentSidebarStepperNavigation = {
+	mobileToggle: { shared: {
+		border: "0.125rem solid #cccccc",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		height: "4.5rem",
+		paddingInline: "1rem",
+		width: "100%",
+		backgroundColor: "#f6f6f6",
+		hovered: { backgroundColor: "#ededed" },
+		pressed: { backgroundColor: "#e6e6e6" }
+	} },
+	navigation: { shared: {
+		border: "0.0625rem solid #8d8d8d",
+		flexDirection: "column",
+		height: "100%"
+	} },
+	statusRow: { shared: {
+		display: "flex",
+		gap: "0.375rem",
+		alignItems: "center",
+		text: {
+			color: "#545454",
+			disabledColor: "#999999"
+		},
+		icon: {
+			size: "1rem",
+			optionalColor: "#cde4c9",
+			completeColor: "#326528",
+			incompleteColor: "#8c2113"
+		}
+	} },
+	step: { shared: {
+		height: "4.5rem",
+		backgroundColor: "#ffffff",
+		currentBackgroundColor: "#f6f6f6",
+		cursor: "pointer",
+		disabledCursor: "default",
+		border: "0.0625rem solid #cccccc",
+		text: {
+			color: "#000000",
+			disabledColor: "#999999",
+			inverseColor: "#ffffff"
+		},
+		numberColumnWidth: "2rem"
+	} },
+	stepNumber: { shared: {
+		height: "100%",
+		backgroundColor: "#005d8b",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center"
+	} },
+	stepContent: { shared: {
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center",
+		gap: "0.25rem",
+		marginLeft: "0.75rem"
+	} }
+};
+//#endregion
+export { componentSidebarStepperNavigation };

package/dist/util/useId.cjs

@@ -0,0 +1,16 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+//#region src/util/useId.ts
+let nextId = 0;
+const reactUseId = react.useId;
+/**
+* Uses React's SSR-safe ID hook when available, falling back to a named counter
+* for React 17 compatibility.
+*/
+const useId = (fallbackName) => {
+	const [fallbackId] = react.useState(() => `${fallbackName}-${nextId++}`);
+	return reactUseId?.() ?? fallbackId;
+};
+//#endregion
+exports.useId = useId;

package/dist/util/useId.js

@@ -0,0 +1,14 @@
+import * as React$1 from "react";
+//#region src/util/useId.ts
+let nextId = 0;
+const reactUseId = React$1.useId;
+/**
+* Uses React's SSR-safe ID hook when available, falling back to a named counter
+* for React 17 compatibility.
+*/
+const useId = (fallbackName) => {
+	const [fallbackId] = React$1.useState(() => `${fallbackName}-${nextId++}`);
+	return reactUseId?.() ?? fallbackId;
+};
+//#endregion
+export { useId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -47,6 +47,16 @@
         "default": "./dist/AvatarButton.cjs"
       }
     },
+    "./Badge": {
+      "import": {
+        "types": "./dist/Badge.d.ts",
+        "default": "./dist/Badge.js"
+      },
+      "require": {
+        "types": "./dist/Badge.d.cts",
+        "default": "./dist/Badge.cjs"
+      }
+    },
     "./Button": {
       "import": {
         "types": "./dist/Button.d.ts",
@@ -267,6 +277,16 @@
         "default": "./dist/TagPicker.cjs"
       }
     },
+    "./SidebarStepperNavigation": {
+      "import": {
+        "types": "./dist/SidebarStepperNavigation.d.ts",
+        "default": "./dist/SidebarStepperNavigation.js"
+      },
+      "require": {
+        "types": "./dist/SidebarStepperNavigation.d.cts",
+        "default": "./dist/SidebarStepperNavigation.cjs"
+      }
+    },
     "./UserMenu": {
       "import": {
         "types": "./dist/UserMenu.d.ts",
@@ -390,6 +410,7 @@
     "./component/tagTable.css": "./dist/styleD/build/css/component/tagTable.css",
     "./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/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",
@@ -413,7 +434,8 @@
     "./component/modal.css": "./dist/styleD/build/css/component/modal.css",
     "./component/tabs.css": "./dist/styleD/build/css/component/tabs.css",
     "./component/tooltip.css": "./dist/styleD/build/css/component/tooltip.css",
-    "./component/userFeedbackSummary.css": "./dist/styleD/build/css/component/userFeedbackSummary.css"
+    "./component/userFeedbackSummary.css": "./dist/styleD/build/css/component/userFeedbackSummary.css",
+    "./component/sidebarStepperNavigation.css": "./dist/styleD/build/css/component/sidebarStepperNavigation.css"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -429,6 +451,9 @@
       "AvatarLink": [
         "./dist/AvatarLink.d.ts"
       ],
+      "Badge": [
+        "./dist/Badge.d.ts"
+      ],
       "Button": [
         "./dist/Button.d.ts"
       ],
@@ -462,6 +487,9 @@
       "TagPicker": [
         "./dist/TagPicker.d.ts"
       ],
+      "SidebarStepperNavigation": [
+        "./dist/SidebarStepperNavigation.d.ts"
+      ],
       "UserMenu": [
         "./dist/UserMenu.d.ts"
       ],
@@ -542,13 +570,14 @@
     "@guardian/tsconfig": "1.0.1",
     "@internationalized/date": "3.12.1",
     "@material-design-icons/svg": "0.14.15",
-    "@playwright/experimental-ct-react17": "1.61.1",
-    "@storybook/addon-a11y": "10.5.2",
-    "@storybook/addon-docs": "10.5.2",
-    "@storybook/addon-themes": "10.5.2",
-    "@storybook/react-vite": "10.5.2",
-    "@testing-library/jest-dom": "6.9.1",
-    "@tsdown/css": "0.22.9",
+    "@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",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "7.0.0",
+    "@tsdown/css": "0.22.14",
     "@types/jest": "30.0.0",
     "@types/node": "24.10.1",
     "@types/react": "17.0.76",
@@ -556,32 +585,32 @@
     "change-case": "5.4.4",
     "eslint": "9.39.3",
     "eslint-plugin-check-file": "3.3.2",
-    "eslint-plugin-storybook": "10.5.2",
+    "eslint-plugin-storybook": "10.5.7",
     "husky": "9.1.7",
     "jest": "30.4.2",
     "jest-environment-jsdom": "30.4.1",
-    "lint-staged": "17.1.0",
-    "prettier": "3.9.5",
+    "lint-staged": "17.3.0",
+    "prettier": "3.9.6",
     "prosemirror-dropcursor": "1.8.2",
     "prosemirror-history": "1.4.1",
     "prosemirror-keymap": "1.2.2",
     "prosemirror-model": "1.25.0",
     "prosemirror-state": "1.4.3",
     "prosemirror-view": "1.37.2",
-    "publint": "0.3.21",
+    "publint": "0.3.23",
     "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.2",
-    "style-dictionary": "5.5.0",
-    "ts-jest": "29.4.11",
-    "tsdown": "0.22.9",
+    "storybook": "10.5.7",
+    "style-dictionary": "5.5.1",
+    "ts-jest": "29.4.12",
+    "tsdown": "0.22.14",
     "tslib": "2.8.1",
     "typescript": "5.1.3",
-    "vite": "8.1.5",
+    "vite": "8.2.1",
     "vite-plugin-svgr": "5.2.0"
   },
   "peerDependencies": {
@@ -595,7 +624,7 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-view": "^1.37.2",
     "react": "^17.0.2 || ^18.0.0 || ^19.0.0",
-    "react-aria-components": ">= 1.14.0 <= 1.19.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"
   },