@guardian/stand 0.0.12 → 0.0.14

package/dist/components/avatar/Avatar.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from '@emotion/react/jsx-runtime';
 import { useState } from 'react';
 import { mergeDeep } from '../../util/mergeDeep.js';
-import { avatarStyles, avatarImageStyles, defaultAvatarTheme } from './styles.js';
+import { avatarImageStyles, avatarStyles, defaultAvatarTheme } from './styles.js';
 import { avatarColors } from './types.js';
 
 const getColorFromString = (input) => {

package/dist/components/byline/Byline.js

@@ -10,7 +10,7 @@ import { createPlaceholderPlugin } from './placeholder.js';
 import { clipboardPlugin, keybindings, bylinePlugin } from './plugins.js';
 import { Preview } from './Preview.js';
 import { bylineEditorSchema } from './schema.js';
-import { bylineContainerStyles, bylineEditorStyles, dropdownContainerStyles, dropdownUlStyles, dropdownLiStyles, selectedDropdownLiStyles } from './styles.js';
+import { bylineContainerStyles, bylineEditorStyles, dropdownUlStyles, dropdownLiStyles, selectedDropdownLiStyles, dropdownContainerStyles } from './styles.js';
 
 const Byline = ({ theme, allowUntaggedContributors, contributorLimit, enablePreview, placeholder, initialValue, readOnly, handleSave, searchContributors, onBlur }) => {
   const editorRef = useRef(null);

package/dist/components/favicon/Favicon.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var react = require('react');
+var mergeDeep = require('../../util/mergeDeep.cjs');
+var Icon = require('../icon/Icon.cjs');
+var styles = require('./styles.cjs');
+
+const Favicon = (props) => {
+  const mergedTheme = mergeDeep.mergeDeep(styles.defaultFaviconTheme, props.theme ?? {});
+  const [imageError, setImageError] = react.useState(false);
+  const handleImageError = () => {
+    setImageError(true);
+  };
+  const displayLetter = props.letter?.slice(0, 1).toUpperCase() ?? "";
+  if ("src" in props && !imageError) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { css: [styles.faviconStyles(mergedTheme), props.cssOverrides], children: /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: props.src,
+        alt: props.alt,
+        title: props.alt,
+        onError: handleImageError,
+        css: styles.faviconImageStyles
+      }
+    ) });
+  }
+  if ("letter" in props || imageError) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        css: [
+          styles.faviconStyles(mergedTheme),
+          styles.faviconTypographyStyles(mergedTheme),
+          props.cssOverrides
+        ],
+        children: displayLetter
+      }
+    );
+  }
+  if ("icon" in props) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { css: [styles.faviconStyles(mergedTheme), props.cssOverrides], children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { fill: mergedTheme.color.text, children: props.icon }) });
+  }
+  return null;
+};
+
+exports.Favicon = Favicon;

package/dist/components/favicon/Favicon.js

@@ -0,0 +1,30 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useState } from 'react';
+import { mergeDeep } from '../../util/mergeDeep.js';
+import { Icon } from '../icon/Icon.js';
+import { defaultFaviconTheme, faviconImageStyles, faviconStyles, faviconTypographyStyles } from './styles.js';
+
+const Favicon = (props) => {
+  const mergedTheme = mergeDeep(defaultFaviconTheme, props.theme ?? {});
+  const [imageError, setImageError] = useState(false);
+  const handleImageError = () => {
+    setImageError(true);
+  };
+  const displayLetter = props.letter?.slice(0, 1).toUpperCase() ?? "";
+  if ("src" in props && !imageError) {
+    return jsx("div", { css: [faviconStyles(mergedTheme), props.cssOverrides], children: jsx("img", { src: props.src, alt: props.alt, title: props.alt, onError: handleImageError, css: faviconImageStyles }) });
+  }
+  if ("letter" in props || imageError) {
+    return jsx("div", { css: [
+      faviconStyles(mergedTheme),
+      faviconTypographyStyles(mergedTheme),
+      props.cssOverrides
+    ], children: displayLetter });
+  }
+  if ("icon" in props) {
+    return jsx("div", { css: [faviconStyles(mergedTheme), props.cssOverrides], children: jsx(Icon, { fill: mergedTheme.color.text, children: props.icon }) });
+  }
+  return null;
+};
+
+export { Favicon };

package/dist/components/favicon/styles.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var react = require('@emotion/react');
+var favicon = require('../../styleD/build/typescript/component/favicon.cjs');
+var typography = require('../../styleD/utils/semantic/typography.cjs');
+
+const defaultFaviconTheme = favicon.componentFavicon;
+const faviconStyles = (theme) => {
+  return react.css`
+		background-color: ${theme.color.background};
+		display: ${theme.display};
+		align-items: ${theme["align-items"]};
+		justify-content: ${theme["justify-content"]};
+		width: ${theme.size};
+		height: ${theme.size};
+		user-select: ${theme["user-select"]};
+	`;
+};
+const faviconTypographyStyles = (theme) => {
+  return react.css`
+		color: ${theme.color.text};
+		${typography.convertTypographyToEmotionStringStyle(theme.typography)}
+	`;
+};
+const faviconImageStyles = react.css`
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+`;
+
+exports.defaultFaviconTheme = defaultFaviconTheme;
+exports.faviconImageStyles = faviconImageStyles;
+exports.faviconStyles = faviconStyles;
+exports.faviconTypographyStyles = faviconTypographyStyles;

package/dist/components/favicon/styles.js

@@ -0,0 +1,29 @@
+import { css } from '@emotion/react';
+import { componentFavicon } from '../../styleD/build/typescript/component/favicon.js';
+import { convertTypographyToEmotionStringStyle } from '../../styleD/utils/semantic/typography.js';
+
+const defaultFaviconTheme = componentFavicon;
+const faviconStyles = (theme) => {
+  return css`
+		background-color: ${theme.color.background};
+		display: ${theme.display};
+		align-items: ${theme["align-items"]};
+		justify-content: ${theme["justify-content"]};
+		width: ${theme.size};
+		height: ${theme.size};
+		user-select: ${theme["user-select"]};
+	`;
+};
+const faviconTypographyStyles = (theme) => {
+  return css`
+		color: ${theme.color.text};
+		${convertTypographyToEmotionStringStyle(theme.typography)}
+	`;
+};
+const faviconImageStyles = css`
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+`;
+
+export { defaultFaviconTheme, faviconImageStyles, faviconStyles, faviconTypographyStyles };

package/dist/components/tag-picker/TagAutocomplete.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { css } from '@emotion/react';
 import { ComboBox, Input, Popover, ListBox, Collection, ListBoxItem, ListBoxLoadMoreItem } from 'react-aria-components';
-import { tagAutocompleteInputStyles, listboxStyles, listboxItemStyles, listboxInfoStyles } from './styles.js';
+import { tagAutocompleteInputStyles, listboxItemStyles, listboxInfoStyles, listboxStyles } from './styles.js';
 
 function TagAutocomplete({ addTag, loading, onChange, options, label, placeholder, disabled, value, "data-testid": dataTestId, loadingIcon, theme, cssOverrides }) {
   return jsx("div", { css: [

package/dist/components/tag-picker/TagTable.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { css } from '@emotion/react';
 import { useState, useRef, useEffect } from 'react';
 import { useDragAndDrop, Table, TableHeader, Column, TableBody, Row, Cell, Button } from 'react-aria-components';
-import { tagTableHeadingStyles, tagTableStyles, tagTableRowStyles, tagTableDragButtonStyles, tagTableCellStyles, tagTableRemoveButtonStyles, tagTableAddButtonStyles, tagTableTypeBadgeStyles } from './styles.js';
+import { tagTableHeadingStyles, tagTableDragButtonStyles, tagTableCellStyles, tagTableRemoveButtonStyles, tagTableAddButtonStyles, tagTableRowStyles, tagTableStyles, tagTableTypeBadgeStyles } from './styles.js';
 
 const rowToTag = (row) => "tag" in row ? row.tag : row;
 const TypeBadge = (type, theme) => {

package/dist/components/user-menu/UserMenu.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { TitleText } from '../TitleText.js';
 import { textSizes, fontFamilies, colorSchemes } from './default-options.js';
 import { PreferenceRadioGroup } from './PreferenceRadioGroup.js';
-import { userMenuStyles, userMenuHeadingStyles } from './styles.js';
+import { userMenuHeadingStyles, userMenuStyles } from './styles.js';
 
 function UserMenu({ theme, feedBacklink, preferences, updatePreferences, textSizeOptions, fontFamilyOptions, colorSchemeOptions, headingLevel }) {
   return jsxs("aside", { css: userMenuStyles(theme), children: [jsx(TitleText, { headingLevel, css: userMenuHeadingStyles(theme), children: "Accessibility Settings" }), jsx("div", { children: jsxs("p", { children: ["Customise your reading & writing experience.", " ", feedBacklink && jsx("a", { href: feedBacklink, target: "_blank", rel: "noreferrer", children: "Send feedback" })] }) }), (!textSizeOptions || textSizeOptions.length > 0) && jsx(PreferenceRadioGroup, { theme, options: textSizeOptions ?? textSizes, name: "Text Size", currentValue: preferences.fontpreferences, changeValue: (fontpreferences) => updatePreferences({ fontpreferences }) }), (!fontFamilyOptions || fontFamilyOptions.length > 0) && jsx(PreferenceRadioGroup, { theme, options: fontFamilyOptions ?? fontFamilies, name: "Font Family", currentValue: preferences.fontType, changeValue: (fontType) => updatePreferences({ fontType }) }), (!colorSchemeOptions || colorSchemeOptions.length > 0) && jsx(PreferenceRadioGroup, { theme, format: "rows", options: colorSchemeOptions ?? colorSchemes, name: "Color scheme", currentValue: preferences.colorScheme, changeValue: (colorScheme) => updatePreferences({ colorScheme }) })] });

package/dist/favicon.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var Favicon = require('./components/favicon/Favicon.cjs');
+var favicon = require('./styleD/build/typescript/component/favicon.cjs');
+
+
+
+exports.Favicon = Favicon.Favicon;
+exports.componentFavicon = favicon.componentFavicon;

package/dist/favicon.js

@@ -0,0 +1,2 @@
+export { Favicon } from './components/favicon/Favicon.js';
+export { componentFavicon } from './styleD/build/typescript/component/favicon.js';

package/dist/index.cjs

@@ -6,17 +6,17 @@ var tagTable = require('./styleD/build/typescript/component/tagTable.cjs');
 var userMenu = require('./styleD/build/typescript/component/userMenu.cjs');
 var avatar = require('./styleD/build/typescript/component/avatar.cjs');
 var button = require('./styleD/build/typescript/component/button.cjs');
-var typography = require('./styleD/build/typescript/component/typography.cjs');
+var typography$1 = require('./styleD/build/typescript/component/typography.cjs');
 var icon = require('./styleD/build/typescript/component/icon.cjs');
+var favicon = require('./styleD/build/typescript/component/favicon.cjs');
 var colors = require('./styleD/build/typescript/base/colors.cjs');
-var typography$1 = require('./styleD/build/typescript/base/typography.cjs');
+var typography = require('./styleD/build/typescript/base/typography.cjs');
 var spacing = require('./styleD/build/typescript/base/spacing.cjs');
 var sizing = require('./styleD/build/typescript/base/sizing.cjs');
 var radius = require('./styleD/build/typescript/base/radius.cjs');
 var colors$1 = require('./styleD/build/typescript/semantic/colors.cjs');
 var typography$2 = require('./styleD/build/typescript/semantic/typography.cjs');
 var sizing$1 = require('./styleD/build/typescript/semantic/sizing.cjs');
-var reset = require('./util/reset.css.cjs');
 
 
 
@@ -26,14 +26,14 @@ exports.componentTagTable = tagTable.componentTagTable;
 exports.componentUserMenu = userMenu.componentUserMenu;
 exports.componentAvatar = avatar.componentAvatar;
 exports.componentButton = button.componentButton;
-exports.componentTypography = typography.componentTypography;
+exports.componentTypography = typography$1.componentTypography;
 exports.componentIcon = icon.componentIcon;
+exports.componentFavicon = favicon.componentFavicon;
 exports.baseColors = colors.baseColors;
-exports.baseTypography = typography$1.baseTypography;
+exports.baseTypography = typography.baseTypography;
 exports.baseSpacing = spacing.baseSpacing;
 exports.baseSizing = sizing.baseSizing;
 exports.baseRadius = radius.baseRadius;
 exports.semanticColors = colors$1.semanticColors;
 exports.semanticTypography = typography$2.semanticTypography;
 exports.semanticSizing = sizing$1.semanticSizing;
-exports.GlobalResetStyles = reset;

package/dist/index.js

@@ -6,6 +6,7 @@ export { componentAvatar } from './styleD/build/typescript/component/avatar.js';
 export { componentButton } from './styleD/build/typescript/component/button.js';
 export { componentTypography } from './styleD/build/typescript/component/typography.js';
 export { componentIcon } from './styleD/build/typescript/component/icon.js';
+export { componentFavicon } from './styleD/build/typescript/component/favicon.js';
 export { baseColors } from './styleD/build/typescript/base/colors.js';
 export { baseTypography } from './styleD/build/typescript/base/typography.js';
 export { baseSpacing } from './styleD/build/typescript/base/spacing.js';
@@ -14,4 +15,3 @@ export { baseRadius } from './styleD/build/typescript/base/radius.js';
 export { semanticColors } from './styleD/build/typescript/semantic/colors.js';
 export { semanticTypography } from './styleD/build/typescript/semantic/typography.js';
 export { semanticSizing } from './styleD/build/typescript/semantic/sizing.js';
-export { default as GlobalResetStyles } from './util/reset.css.js';

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

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--component-favicon-color-background: #00496c;
+	--component-favicon-color-text: #ffffff;
+	--component-favicon-size: 2rem;
+	--component-favicon-display: inline-flex;
+	--component-favicon-align-items: center;
+	--component-favicon-justify-content: center;
+	--component-favicon-user-select: none;
+	--component-favicon-typography-font: normal 700 1.25rem/1.15
+		'GH Guardian Headline';
+	--component-favicon-typography-letter-spacing: 0rem;
+	--component-favicon-typography-font-width: 100;
+}

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

@@ -0,0 +1,20 @@
+'use strict';
+
+const componentFavicon = {
+  color: {
+    background: "#00496c",
+    text: "#ffffff"
+  },
+  size: "2rem",
+  display: "inline-flex",
+  "align-items": "center",
+  "justify-content": "center",
+  "user-select": "none",
+  typography: {
+    font: "normal 700 1.25rem/1.15 GH Guardian Headline",
+    letterSpacing: "0rem",
+    fontWidth: 100
+  }
+};
+
+exports.componentFavicon = componentFavicon;

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

@@ -0,0 +1,18 @@
+const componentFavicon = {
+  color: {
+    background: "#00496c",
+    text: "#ffffff"
+  },
+  size: "2rem",
+  display: "inline-flex",
+  "align-items": "center",
+  "justify-content": "center",
+  "user-select": "none",
+  typography: {
+    font: "normal 700 1.25rem/1.15 GH Guardian Headline",
+    letterSpacing: "0rem",
+    fontWidth: 100
+  }
+};
+
+export { componentFavicon };

package/dist/types/components/favicon/Favicon.d.ts

@@ -0,0 +1,2 @@
+import type { FaviconProps } from './types';
+export declare const Favicon: (props: FaviconProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/types/components/favicon/styles.d.ts

@@ -0,0 +1,8 @@
+import type { SerializedStyles } from '@emotion/react';
+import { type ComponentFavicon } from '../../styleD/build/typescript/component/favicon';
+import type { Prettify } from '../../util/types';
+export type FaviconTheme = Prettify<ComponentFavicon>;
+export declare const defaultFaviconTheme: FaviconTheme;
+export declare const faviconStyles: (theme: FaviconTheme) => SerializedStyles;
+export declare const faviconTypographyStyles: (theme: FaviconTheme) => SerializedStyles;
+export declare const faviconImageStyles: SerializedStyles;

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

@@ -0,0 +1,38 @@
+import type { DefaultProps } from '../../util/types';
+import type { IconProps } from '../icon/types';
+import type { FaviconTheme } from './styles';
+interface FaviconWithLetter extends DefaultProps<FaviconTheme> {
+    /**
+     * Letter to render in the favicon
+     */
+    letter: string;
+    icon?: never;
+    src?: never;
+    alt?: never;
+}
+interface FaviconWithIcon extends DefaultProps<FaviconTheme> {
+    /**
+     * Icon to display in the favicon
+     */
+    icon: IconProps['symbol'] | Exclude<IconProps['children'], string>;
+    letter?: never;
+    src?: never;
+    alt?: never;
+}
+interface FaviconWithImage extends DefaultProps<FaviconTheme> {
+    /**
+     * Image URL for the favicon
+     */
+    src: string;
+    /**
+     * Alternative text for the image (required when src is provided)
+     */
+    alt: string;
+    /**
+     * Letter to display when image fails to load (optional)
+     */
+    letter?: string;
+    icon?: never;
+}
+export type FaviconProps = FaviconWithLetter | FaviconWithIcon | FaviconWithImage;
+export {};

package/dist/types/favicon.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Favicon component entry point
+ *
+ * Peer dependencies required to use these components:
+ * - `@emotion/react`
+ * - `react`
+ * - `react-dom`
+ * - `typescript`
+ *
+ * See the `peerDependencies` section of package.json for compatible versions.
+ *
+ * If you only need the built CSS (./component/favicon.css),
+ * you don't need to install these.
+ */
+export { Favicon } from './components/favicon/Favicon';
+export type { FaviconProps } from './components/favicon/types';
+export type { FaviconTheme } from './components/favicon/styles';
+export { componentFavicon } from './styleD/build/typescript/component/favicon';
+export type { ComponentFavicon } from './styleD/build/typescript/component/favicon';

package/dist/types/index.d.ts

@@ -24,6 +24,8 @@ export { componentTypography } from './styleD/build/typescript/component/typogra
 export type { ComponentTypography } from './styleD/build/typescript/component/typography';
 export { componentIcon } from './styleD/build/typescript/component/icon';
 export type { ComponentIcon } from './styleD/build/typescript/component/icon';
+export { componentFavicon } from './styleD/build/typescript/component/favicon';
+export type { ComponentFavicon } from './styleD/build/typescript/component/favicon';
 /**
  * style dictionary exports - base
  */
@@ -46,7 +48,3 @@ export { semanticTypography } from './styleD/build/typescript/semantic/typograph
 export type { SemanticTypography } from './styleD/build/typescript/semantic/typography';
 export { semanticSizing } from './styleD/build/typescript/semantic/sizing';
 export type { SemanticSizing } from './styleD/build/typescript/semantic/sizing';
-/**
- * utils exports
- */
-export { default as GlobalResetStyles } from './util/reset.css?inline';

package/dist/types/styleD/build/typescript/component/favicon.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const componentFavicon: {
+    color: {
+        background: string;
+        text: string;
+    };
+    size: string;
+    display: string;
+    'align-items': string;
+    'justify-content': string;
+    'user-select': string;
+    typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
+};
+export type ComponentFavicon = typeof componentFavicon;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "type": "module",
   "//exports": "Each component has its own entry point for optimal tree-shaking. Main entry point only includes design tokens and utilities. New components/foundations should follow the same pattern.",
   "exports": {
@@ -44,6 +44,11 @@
       "import": "./dist/icon.js",
       "require": "./dist/icon.cjs"
     },
+    "./favicon": {
+      "types": "./dist/types/favicon.d.ts",
+      "import": "./dist/favicon.js",
+      "require": "./dist/favicon.cjs"
+    },
     "./byline": {
       "types": "./dist/types/byline.d.ts",
       "import": "./dist/byline.js",
@@ -84,7 +89,8 @@
     "./component/avatar.css": "./dist/styleD/build/css/component/avatar.css",
     "./component/button.css": "./dist/styleD/build/css/component/button.css",
     "./component/typography.css": "./dist/styleD/build/css/component/typography.css",
-    "./component/icon.css": "./dist/styleD/build/css/component/icon.css"
+    "./component/icon.css": "./dist/styleD/build/css/component/icon.css",
+    "./component/favicon.css": "./dist/styleD/build/css/component/favicon.css"
   },
   "//typesVersions": "Provides backward compatibility for TypeScript moduleResolution: node - maps subpath imports to correct type definition files. When adding new components with their own entry points, ensure to add them here.",
   "typesVersions": {
@@ -110,6 +116,9 @@
       "icon": [
         "./dist/types/icon.d.ts"
       ],
+      "favicon": [
+        "./dist/types/favicon.d.ts"
+      ],
       "byline": [
         "./dist/types/byline.d.ts"
       ],
@@ -137,19 +146,19 @@
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
     "@emotion/react": "11.11.4",
-    "@figma/rest-api-spec": "^0.35.0",
-    "@guardian/eslint-config": "13.0.2",
+    "@figma/rest-api-spec": "^0.36.0",
+    "@guardian/eslint-config": "13.0.6",
     "@guardian/prettier": "10.0.0",
     "@guardian/prosemirror-invisibles": "3.1.1",
     "@guardian/tsconfig": "1.0.1",
     "@material-design-icons/svg": "^0.14.15",
-    "@playwright/experimental-ct-react17": "^1.57.0",
+    "@playwright/experimental-ct-react17": "^1.58.2",
     "@rollup/plugin-commonjs": "29.0.0",
     "@rollup/plugin-node-resolve": "16.0.3",
     "@rollup/plugin-typescript": "12.3.0",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-themes": "^10.1.11",
-    "@storybook/react-vite": "^10.1.11",
+    "@storybook/addon-docs": "^10.2.11",
+    "@storybook/addon-themes": "^10.2.11",
+    "@storybook/react-vite": "^10.2.11",
     "@terrazzo/cli": "^0.10.5",
     "@testing-library/jest-dom": "^6.9.1",
     "@types/jest": "30.0.0",
@@ -157,11 +166,12 @@
     "@types/react": "17.0.76",
     "@types/react-dom": "17.0.25",
     "change-case": "^5.4.4",
-    "eslint": "9.39.2",
-    "eslint-plugin-storybook": "^10.1.11",
+    "eslint": "9.39.3",
+    "eslint-plugin-storybook": "^10.2.11",
+    "husky": "^9.1.7",
     "jest": "30.2.0",
     "jest-environment-jsdom": "^30.1.2",
-    "prettier": "3.8.0",
+    "prettier": "3.8.1",
     "prosemirror-dropcursor": "1.8.2",
     "prosemirror-history": "1.4.1",
     "prosemirror-keymap": "1.2.2",
@@ -172,14 +182,14 @@
     "react-aria-components": "1.13.0",
     "react-dom": "17.0.2",
     "remark-gfm": "^4.0.1",
-    "rimraf": "6.1.2",
-    "rollup": "4.55.3",
+    "rimraf": "6.1.3",
+    "rollup": "4.59.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-esbuild": "6.2.1",
     "rollup-plugin-import-css": "^4.2.0",
     "rollup-plugin-node-externals": "8.1.2",
-    "storybook": "^10.1.11",
-    "style-dictionary": "^5.1.4",
+    "storybook": "^10.2.11",
+    "style-dictionary": "^5.3.2",
     "ts-jest": "29.4.6",
     "tslib": "2.8.1",
     "typescript": "5.1.3",
@@ -196,7 +206,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.13.0",
+    "react-aria-components": ">= 1.13.0 <= 1.15.1",
     "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0",
     "typescript": ">=5.0.0 <=5.9.3"
   },