@guardian/stand 0.0.59 → 0.0.61

package/dist/components/UserMenu/model.d.ts

@@ -1,5 +1,4 @@
 import { CSSProperties } from "react";
-
 //#region src/components/UserMenu/model.d.ts
 type Option = {
   id: string;

package/dist/styleD/build/css/base/sizing.css

@@ -6,6 +6,7 @@
 	--base-sizing-size1-px: 1px;
 	--base-sizing-size2-px: 2px;
 	--base-sizing-size8-px: 8px;
+	--base-sizing-size14-px: 14px;
 	--base-sizing-size16-px: 16px;
 	--base-sizing-size18-px: 18px;
 	--base-sizing-size20-px: 20px;
@@ -16,6 +17,7 @@
 	--base-sizing-size1-rem: 0.0625rem;
 	--base-sizing-size2-rem: 0.125rem;
 	--base-sizing-size8-rem: 0.5rem;
+	--base-sizing-size14-rem: 0.875rem;
 	--base-sizing-size16-rem: 1rem;
 	--base-sizing-size18-rem: 1.125rem;
 	--base-sizing-size20-rem: 1.25rem;

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

@@ -0,0 +1,22 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--component-html-preview-loader-padding-top: 0px;
+	--component-html-preview-loader-padding-right: 0.5rem;
+	--component-html-preview-loader-padding-bottom: 0px;
+	--component-html-preview-loader-padding-left: 0.5rem;
+	--component-html-preview-loader-shared-color-background: #ffffff;
+	--component-html-preview-loader-shared-color-text: #000000;
+	--component-html-preview-loader-preview-frame-background-color: #ededed;
+	--component-html-preview-loader-preview-frame-border-width: 0.0625rem;
+	--component-html-preview-loader-preview-frame-border-style: solid;
+	--component-html-preview-loader-preview-frame-border-color: #545454;
+	--component-html-preview-loader-preview-frame-padding-top: 0.5rem;
+	--component-html-preview-loader-preview-frame-padding-right: 0.5rem;
+	--component-html-preview-loader-preview-frame-padding-bottom: 0.5rem;
+	--component-html-preview-loader-preview-frame-padding-left: 0.5rem;
+	--component-html-preview-loader-loading-icon-color: #8d8d8d;
+	--component-html-preview-loader-loading-icon-size: 3rem;
+}

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

@@ -5,6 +5,7 @@
 :root {
 	--component-icon-shared-display: inline-flex;
 	--component-icon-shared-user-select: none;
+	--component-icon-xs-size: 0.875rem;
 	--component-icon-sm-size: 1.125rem;
 	--component-icon-md-size: 1.25rem;
 	--component-icon-lg-size: 1.5rem;

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

@@ -0,0 +1,10 @@
+/**
+ * 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;
+}

package/dist/styleD/build/css/semantic/sizing.css

@@ -9,6 +9,7 @@
 	--semantic-sizing-height-sm: 2rem;
 	--semantic-sizing-height-md: 2.5rem;
 	--semantic-sizing-height-lg: 3rem;
+	--semantic-sizing-icon-xs: 0.875rem;
 	--semantic-sizing-icon-sm: 1.125rem;
 	--semantic-sizing-icon-md: 1.25rem;
 	--semantic-sizing-icon-lg: 1.5rem;

package/dist/styleD/build/typescript/base/sizing.cjs

@@ -6,6 +6,7 @@ const baseSizing = {
 	size1Px: "1px",
 	size2Px: "2px",
 	size8Px: "8px",
+	size14Px: "14px",
 	size16Px: "16px",
 	size18Px: "18px",
 	size20Px: "20px",
@@ -16,6 +17,7 @@ const baseSizing = {
 	size1Rem: "0.0625rem",
 	size2Rem: "0.125rem",
 	size8Rem: "0.5rem",
+	size14Rem: "0.875rem",
 	size16Rem: "1rem",
 	size18Rem: "1.125rem",
 	size20Rem: "1.25rem",

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

@@ -6,6 +6,7 @@ declare const baseSizing: {
   readonly size1Px: "1px";
   readonly size2Px: "2px";
   readonly size8Px: "8px";
+  readonly size14Px: "14px";
   readonly size16Px: "16px";
   readonly size18Px: "18px";
   readonly size20Px: "20px";
@@ -16,6 +17,7 @@ declare const baseSizing: {
   readonly size1Rem: "0.0625rem";
   readonly size2Rem: "0.125rem";
   readonly size8Rem: "0.5rem";
+  readonly size14Rem: "0.875rem";
   readonly size16Rem: "1rem";
   readonly size18Rem: "1.125rem";
   readonly size20Rem: "1.25rem";

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

@@ -6,6 +6,7 @@ declare const baseSizing: {
   readonly size1Px: "1px";
   readonly size2Px: "2px";
   readonly size8Px: "8px";
+  readonly size14Px: "14px";
   readonly size16Px: "16px";
   readonly size18Px: "18px";
   readonly size20Px: "20px";
@@ -16,6 +17,7 @@ declare const baseSizing: {
   readonly size1Rem: "0.0625rem";
   readonly size2Rem: "0.125rem";
   readonly size8Rem: "0.5rem";
+  readonly size14Rem: "0.875rem";
   readonly size16Rem: "1rem";
   readonly size18Rem: "1.125rem";
   readonly size20Rem: "1.25rem";

package/dist/styleD/build/typescript/base/sizing.js

@@ -6,6 +6,7 @@ const baseSizing = {
 	size1Px: "1px",
 	size2Px: "2px",
 	size8Px: "8px",
+	size14Px: "14px",
 	size16Px: "16px",
 	size18Px: "18px",
 	size20Px: "20px",
@@ -16,6 +17,7 @@ const baseSizing = {
 	size1Rem: "0.0625rem",
 	size2Rem: "0.125rem",
 	size8Rem: "0.5rem",
+	size14Rem: "0.875rem",
 	size16Rem: "1rem",
 	size18Rem: "1.125rem",
 	size20Rem: "1.25rem",

package/dist/styleD/build/typescript/component/htmlPreviewLoader.cjs

@@ -0,0 +1,30 @@
+//#region src/styleD/build/typescript/component/htmlPreviewLoader.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentHtmlPreviewLoader = {
+	paddingTop: "0px",
+	paddingRight: "0.5rem",
+	paddingBottom: "0px",
+	paddingLeft: "0.5rem",
+	shared: { color: {
+		background: "#ffffff",
+		text: "#000000"
+	} },
+	previewFrame: {
+		backgroundColor: "#ededed",
+		borderWidth: "0.0625rem",
+		borderStyle: "solid",
+		borderColor: "#545454",
+		paddingTop: "0.5rem",
+		paddingRight: "0.5rem",
+		paddingBottom: "0.5rem",
+		paddingLeft: "0.5rem"
+	},
+	loadingIcon: {
+		color: "#8d8d8d",
+		size: "3rem"
+	}
+};
+//#endregion
+exports.componentHtmlPreviewLoader = componentHtmlPreviewLoader;

package/dist/styleD/build/typescript/component/htmlPreviewLoader.d.cts

@@ -0,0 +1,33 @@
+//#region src/styleD/build/typescript/component/htmlPreviewLoader.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentHtmlPreviewLoader: {
+  paddingTop: string;
+  paddingRight: string;
+  paddingBottom: string;
+  paddingLeft: string;
+  shared: {
+    color: {
+      background: string;
+      text: string;
+    };
+  };
+  previewFrame: {
+    backgroundColor: string;
+    borderWidth: string;
+    borderStyle: string;
+    borderColor: string;
+    paddingTop: string;
+    paddingRight: string;
+    paddingBottom: string;
+    paddingLeft: string;
+  };
+  loadingIcon: {
+    color: string;
+    size: string;
+  };
+};
+type ComponentHtmlPreviewLoader = typeof componentHtmlPreviewLoader;
+//#endregion
+export { ComponentHtmlPreviewLoader, componentHtmlPreviewLoader };

package/dist/styleD/build/typescript/component/htmlPreviewLoader.d.ts

@@ -0,0 +1,33 @@
+//#region src/styleD/build/typescript/component/htmlPreviewLoader.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentHtmlPreviewLoader: {
+  paddingTop: string;
+  paddingRight: string;
+  paddingBottom: string;
+  paddingLeft: string;
+  shared: {
+    color: {
+      background: string;
+      text: string;
+    };
+  };
+  previewFrame: {
+    backgroundColor: string;
+    borderWidth: string;
+    borderStyle: string;
+    borderColor: string;
+    paddingTop: string;
+    paddingRight: string;
+    paddingBottom: string;
+    paddingLeft: string;
+  };
+  loadingIcon: {
+    color: string;
+    size: string;
+  };
+};
+type ComponentHtmlPreviewLoader = typeof componentHtmlPreviewLoader;
+//#endregion
+export { ComponentHtmlPreviewLoader, componentHtmlPreviewLoader };

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

@@ -0,0 +1,30 @@
+//#region src/styleD/build/typescript/component/htmlPreviewLoader.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentHtmlPreviewLoader = {
+	paddingTop: "0px",
+	paddingRight: "0.5rem",
+	paddingBottom: "0px",
+	paddingLeft: "0.5rem",
+	shared: { color: {
+		background: "#ffffff",
+		text: "#000000"
+	} },
+	previewFrame: {
+		backgroundColor: "#ededed",
+		borderWidth: "0.0625rem",
+		borderStyle: "solid",
+		borderColor: "#545454",
+		paddingTop: "0.5rem",
+		paddingRight: "0.5rem",
+		paddingBottom: "0.5rem",
+		paddingLeft: "0.5rem"
+	},
+	loadingIcon: {
+		color: "#8d8d8d",
+		size: "3rem"
+	}
+};
+//#endregion
+export { componentHtmlPreviewLoader };

package/dist/styleD/build/typescript/component/icon.cjs

@@ -7,6 +7,7 @@ const componentIcon = {
 		display: "inline-flex",
 		userSelect: "none"
 	},
+	xs: { size: "0.875rem" },
 	sm: { size: "1.125rem" },
 	md: { size: "1.25rem" },
 	lg: { size: "1.5rem" }

package/dist/styleD/build/typescript/component/icon.d.cts

@@ -7,6 +7,9 @@ declare const componentIcon: {
     display: string;
     userSelect: string;
   };
+  xs: {
+    size: string;
+  };
   sm: {
     size: string;
   };

package/dist/styleD/build/typescript/component/icon.d.ts

@@ -7,6 +7,9 @@ declare const componentIcon: {
     display: string;
     userSelect: string;
   };
+  xs: {
+    size: string;
+  };
   sm: {
     size: string;
   };

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

@@ -7,6 +7,7 @@ const componentIcon = {
 		display: "inline-flex",
 		userSelect: "none"
 	},
+	xs: { size: "0.875rem" },
 	sm: { size: "1.125rem" },
 	md: { size: "1.25rem" },
 	lg: { size: "1.5rem" }

package/dist/styleD/build/typescript/semantic/sizing.cjs

@@ -12,6 +12,7 @@ const semanticSizing = {
 		lg: "3rem"
 	},
 	icon: {
+		xs: "0.875rem",
 		sm: "1.125rem",
 		md: "1.25rem",
 		lg: "1.5rem"

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

@@ -12,6 +12,7 @@ declare const semanticSizing: {
     lg: string;
   };
   icon: {
+    xs: string;
     sm: string;
     md: string;
     lg: string;

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

@@ -12,6 +12,7 @@ declare const semanticSizing: {
     lg: string;
   };
   icon: {
+    xs: string;
     sm: string;
     md: string;
     lg: string;

package/dist/styleD/build/typescript/semantic/sizing.js

@@ -12,6 +12,7 @@ const semanticSizing = {
 		lg: "3rem"
 	},
 	icon: {
+		xs: "0.875rem",
 		sm: "1.125rem",
 		md: "1.25rem",
 		lg: "1.5rem"

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

@@ -1,5 +1,4 @@
 import { semanticBreakpoints } from "../../build/typescript/semantic/breakpoints.cjs";
-
 //#region src/styleD/utils/semantic/mq.d.ts
 type Breakpoint = keyof typeof semanticBreakpoints;
 /**

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

@@ -1,5 +1,4 @@
 import { semanticBreakpoints } from "../../build/typescript/semantic/breakpoints.js";
-
 //#region src/styleD/utils/semantic/mq.d.ts
 type Breakpoint = keyof typeof semanticBreakpoints;
 /**

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

@@ -1,5 +1,4 @@
 import { CSSObject, SerializedStyles } from "@emotion/react";
-
 //#region src/styleD/utils/semantic/typography.d.ts
 type SemanticTypography = {
   font: string;

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

@@ -1,5 +1,4 @@
 import { CSSObject, SerializedStyles } from "@emotion/react";
-
 //#region src/styleD/utils/semantic/typography.d.ts
 type SemanticTypography = {
   font: string;

package/dist/util/types.d.cts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/util/types.d.ts
 interface DefaultProps<ThemeType, ClassNameType = undefined> {
   /**
@@ -28,7 +27,7 @@ interface DefaultPropsWithChildren<ThemeType, ClassNameType = undefined, Childre
    */
   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;
+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 };

package/dist/util/types.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/util/types.d.ts
 interface DefaultProps<ThemeType, ClassNameType = undefined> {
   /**
@@ -28,7 +27,7 @@ interface DefaultPropsWithChildren<ThemeType, ClassNameType = undefined, Childre
    */
   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;
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.59",
+  "version": "0.0.61",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -327,6 +327,16 @@
         "default": "./dist/Tabs.cjs"
       }
     },
+    "./HtmlPreviewLoader": {
+      "import": {
+        "types": "./dist/HtmlPreviewLoader.d.ts",
+        "default": "./dist/HtmlPreviewLoader.js"
+      },
+      "require": {
+        "types": "./dist/HtmlPreviewLoader.d.cts",
+        "default": "./dist/HtmlPreviewLoader.cjs"
+      }
+    },
     "./utils": {
       "import": {
         "types": "./dist/utils.d.ts",
@@ -483,6 +493,9 @@
       ],
       "Tabs": [
         "./dist/Tabs.d.ts"
+      ],
+      "HtmlPreviewLoader": [
+        "./dist/HtmlPreviewLoader.d.ts"
       ]
     }
   },
@@ -490,37 +503,37 @@
     "dist"
   ],
   "devDependencies": {
-    "@arethetypeswrong/core": "0.18.3",
-    "@changesets/cli": "2.31.0",
+    "@arethetypeswrong/core": "0.18.5",
+    "@changesets/cli": "2.31.1",
     "@codesandbox/sandpack-react": "2.20.0",
     "@emotion/react": "11.11.4",
-    "@figma/rest-api-spec": "0.40.0",
+    "@figma/rest-api-spec": "0.41.0",
     "@guardian/eslint-config": "15.0.0",
     "@guardian/prettier": "10.0.0",
     "@guardian/prosemirror-invisibles": "3.1.1",
     "@guardian/tsconfig": "1.0.1",
     "@internationalized/date": "3.12.1",
     "@material-design-icons/svg": "0.14.15",
-    "@playwright/experimental-ct-react17": "1.60.0",
-    "@storybook/addon-a11y": "10.4.2",
-    "@storybook/addon-docs": "10.4.2",
-    "@storybook/addon-themes": "10.4.2",
-    "@storybook/react-vite": "10.4.2",
+    "@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.2",
+    "@tsdown/css": "0.22.9",
     "@types/jest": "30.0.0",
     "@types/node": "24.10.1",
     "@types/react": "17.0.76",
     "@types/react-dom": "17.0.25",
     "change-case": "5.4.4",
     "eslint": "9.39.3",
-    "eslint-plugin-check-file": "3.3.1",
-    "eslint-plugin-storybook": "10.4.2",
+    "eslint-plugin-check-file": "3.3.2",
+    "eslint-plugin-storybook": "10.5.2",
     "husky": "9.1.7",
     "jest": "30.4.2",
     "jest-environment-jsdom": "30.4.1",
-    "lint-staged": "17.0.7",
-    "prettier": "3.8.3",
+    "lint-staged": "17.1.0",
+    "prettier": "3.9.5",
     "prosemirror-dropcursor": "1.8.2",
     "prosemirror-history": "1.4.1",
     "prosemirror-keymap": "1.2.2",
@@ -534,13 +547,13 @@
     "remark-gfm": "4.0.1",
     "rimraf": "6.1.3",
     "sort-package-json": "4.0.0",
-    "storybook": "10.4.2",
-    "style-dictionary": "5.4.4",
+    "storybook": "10.5.2",
+    "style-dictionary": "5.5.0",
     "ts-jest": "29.4.11",
-    "tsdown": "0.22.2",
+    "tsdown": "0.22.9",
     "tslib": "2.8.1",
     "typescript": "5.1.3",
-    "vite": "8.0.16",
+    "vite": "8.1.5",
     "vite-plugin-svgr": "5.2.0"
   },
   "peerDependencies": {