@guardian/stand 0.0.60 → 0.0.61

package/dist/components/TopBar/styles.js

@@ -20,16 +20,16 @@ const topBarContainerStyles = (theme, { collapseBelow, showUntil } = {}) => {
 		display: ${theme.display};
 
 		${collapseBelow && css`
-			${until[collapseBelow]} {
-				display: none;
-			}
-		`}
+				${until[collapseBelow]} {
+					display: none;
+				}
+			`}
 
 		${showUntil && css`
-			${from[showUntil]} {
-				display: none;
-			}
-		`}
+				${from[showUntil]} {
+					display: none;
+				}
+			`}
 	`;
 };
 const topBarSpacerStyles = (theme) => {
@@ -50,8 +50,8 @@ const topBarCollapsedNavMenuButtonStyles = (theme, menuOpen) => {
 		}
 
 		${menuOpen && css`
-			background-color: ${theme.collapsedNavMenu.button.active.backgroundColor};
-		`}
+				background-color: ${theme.collapsedNavMenu.button.active.backgroundColor};
+			`}
 	`;
 };
 const topBarCollapsedNavMenuPopoverStyles = (theme) => {

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

@@ -1,7 +1,6 @@
 import { DefaultPropsWithChildren } from "../../util/types.cjs";
 import { Breakpoint } from "../../styleD/utils/semantic/mq.cjs";
 import { TopBarTheme } from "./styles.cjs";
-
 //#region src/components/TopBar/types.d.ts
 type TopBarProps = DefaultPropsWithChildren<TopBarTheme> & {
   /**

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

@@ -1,7 +1,6 @@
 import { DefaultPropsWithChildren } from "../../util/types.js";
 import { Breakpoint } from "../../styleD/utils/semantic/mq.js";
 import { TopBarTheme } from "./styles.js";
-
 //#region src/components/TopBar/types.d.ts
 type TopBarProps = DefaultPropsWithChildren<TopBarTheme> & {
   /**

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

@@ -1,13 +1,5 @@
 import { TypographyProps } from "./types.cjs";
-
 //#region src/components/Typography/Typography.d.ts
-declare const Typography: ({
-  element,
-  variant,
-  children,
-  cssOverrides,
-  theme,
-  ...props
-}: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Typography: ({ element, variant, children, cssOverrides, theme, ...props }: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Typography };

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

@@ -1,13 +1,5 @@
 import { TypographyProps } from "./types.js";
-
 //#region src/components/Typography/Typography.d.ts
-declare const Typography: ({
-  element,
-  variant,
-  children,
-  cssOverrides,
-  theme,
-  ...props
-}: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Typography: ({ element, variant, children, cssOverrides, theme, ...props }: TypographyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { Typography };

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

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentTypography } from "../../styleD/build/typescript/component/typography.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Typography/styles.d.ts
 type TypographyTheme = Prettify<ComponentTypography>;
 type PartialTypographyTheme = Prettify<DeepPartial<TypographyTheme>>;

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

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentTypography } from "../../styleD/build/typescript/component/typography.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/Typography/styles.d.ts
 type TypographyTheme = Prettify<ComponentTypography>;
 type PartialTypographyTheme = Prettify<DeepPartial<TypographyTheme>>;

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

@@ -2,7 +2,6 @@ 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";
-
 //#region src/components/Typography/types.d.ts
 type TypographyVariant = keyof SemanticTypography;
 interface TypographyProps extends DefaultProps<TypographyTheme, TextProps['className']>, Omit<TextProps, 'elementType' | 'className'> {

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

@@ -2,7 +2,6 @@ import { DefaultProps } from "../../util/types.js";
 import { SemanticTypography } from "../../styleD/build/typescript/semantic/typography.js";
 import { TypographyTheme } from "./styles.js";
 import { TextProps } from "react-aria-components";
-
 //#region src/components/Typography/types.d.ts
 type TypographyVariant = keyof SemanticTypography;
 interface TypographyProps extends DefaultProps<TypographyTheme, TextProps['className']>, Omit<TextProps, 'elementType' | 'className'> {

package/dist/components/UserMenu/UserMenu.d.cts

@@ -2,7 +2,6 @@ import { DeepPartial } from "../../util/types.cjs";
 import { ComponentUserMenu } from "../../styleD/build/typescript/component/userMenu.cjs";
 import { Option } from "./model.cjs";
 import { UserPreferences } from "./types.cjs";
-
 //#region src/components/UserMenu/UserMenu.d.ts
 interface UserMenuProps {
   theme?: DeepPartial<ComponentUserMenu>;
@@ -16,15 +15,6 @@ interface UserMenuProps {
   colorSchemeOptions?: Option[];
   headingLevel?: 2 | 3 | 4 | 5 | 6;
 }
-declare function UserMenu({
-  theme,
-  feedBacklink,
-  preferences,
-  updatePreferences,
-  textSizeOptions,
-  fontFamilyOptions,
-  colorSchemeOptions,
-  headingLevel
-}: UserMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function UserMenu({ theme, feedBacklink, preferences, updatePreferences, textSizeOptions, fontFamilyOptions, colorSchemeOptions, headingLevel }: UserMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
-export { UserMenu };
+export { UserMenu, UserMenuProps };

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

@@ -2,7 +2,6 @@ import { DeepPartial } from "../../util/types.js";
 import { ComponentUserMenu } from "../../styleD/build/typescript/component/userMenu.js";
 import { Option } from "./model.js";
 import { UserPreferences } from "./types.js";
-
 //#region src/components/UserMenu/UserMenu.d.ts
 interface UserMenuProps {
   theme?: DeepPartial<ComponentUserMenu>;
@@ -16,15 +15,6 @@ interface UserMenuProps {
   colorSchemeOptions?: Option[];
   headingLevel?: 2 | 3 | 4 | 5 | 6;
 }
-declare function UserMenu({
-  theme,
-  feedBacklink,
-  preferences,
-  updatePreferences,
-  textSizeOptions,
-  fontFamilyOptions,
-  colorSchemeOptions,
-  headingLevel
-}: UserMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function UserMenu({ theme, feedBacklink, preferences, updatePreferences, textSizeOptions, fontFamilyOptions, colorSchemeOptions, headingLevel }: UserMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
-export { UserMenu };
+export { UserMenu, UserMenuProps };

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

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

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/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/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/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.60",
+  "version": "0.0.61",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -493,6 +493,9 @@
       ],
       "Tabs": [
         "./dist/Tabs.d.ts"
+      ],
+      "HtmlPreviewLoader": [
+        "./dist/HtmlPreviewLoader.d.ts"
       ]
     }
   },
@@ -500,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",
@@ -544,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": {