@guardian/stand 0.0.38 → 0.0.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -12,151 +12,151 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./avatar": {
-      "types": "./dist/types/avatar.d.ts",
-      "import": "./dist/avatar.js",
-      "require": "./dist/avatar.cjs"
+    "./Avatar": {
+      "types": "./dist/types/Avatar.d.ts",
+      "import": "./dist/Avatar.js",
+      "require": "./dist/Avatar.cjs"
     },
     "./AvatarLink": {
-      "types": "./dist/types/avatarLink.d.ts",
-      "import": "./dist/avatarLink.js",
-      "require": "./dist/avatarLink.cjs"
+      "types": "./dist/types/AvatarLink.d.ts",
+      "import": "./dist/AvatarLink.js",
+      "require": "./dist/AvatarLink.cjs"
     },
     "./AvatarButton": {
-      "types": "./dist/types/avatarButton.d.ts",
-      "import": "./dist/avatarButton.js",
-      "require": "./dist/avatarButton.cjs"
-    },
-    "./button": {
-      "types": "./dist/types/button.d.ts",
-      "import": "./dist/button.js",
-      "require": "./dist/button.cjs"
-    },
-    "./link-button": {
-      "types": "./dist/types/link-button.d.ts",
-      "import": "./dist/link-button.js",
-      "require": "./dist/link-button.cjs"
-    },
-    "./icon-button": {
-      "types": "./dist/types/icon-button.d.ts",
-      "import": "./dist/icon-button.js",
-      "require": "./dist/icon-button.cjs"
-    },
-    "./icon-link-button": {
-      "types": "./dist/types/icon-link-button.d.ts",
-      "import": "./dist/icon-link-button.js",
-      "require": "./dist/icon-link-button.cjs"
-    },
-    "./typography": {
-      "types": "./dist/types/typography.d.ts",
-      "import": "./dist/typography.js",
-      "require": "./dist/typography.cjs"
-    },
-    "./icon": {
-      "types": "./dist/types/icon.d.ts",
-      "import": "./dist/icon.js",
-      "require": "./dist/icon.cjs"
-    },
-    "./favicon": {
-      "types": "./dist/types/favicon.d.ts",
-      "import": "./dist/favicon.js",
-      "require": "./dist/favicon.cjs"
-    },
-    "./menu": {
-      "types": "./dist/types/menu.d.ts",
-      "import": "./dist/menu.js",
-      "require": "./dist/menu.cjs"
+      "types": "./dist/types/AvatarButton.d.ts",
+      "import": "./dist/AvatarButton.js",
+      "require": "./dist/AvatarButton.cjs"
+    },
+    "./Button": {
+      "types": "./dist/types/Button.d.ts",
+      "import": "./dist/Button.js",
+      "require": "./dist/Button.cjs"
+    },
+    "./LinkButton": {
+      "types": "./dist/types/LinkButton.d.ts",
+      "import": "./dist/LinkButton.js",
+      "require": "./dist/LinkButton.cjs"
+    },
+    "./IconButton": {
+      "types": "./dist/types/IconButton.d.ts",
+      "import": "./dist/IconButton.js",
+      "require": "./dist/IconButton.cjs"
+    },
+    "./IconLinkButton": {
+      "types": "./dist/types/IconLinkButton.d.ts",
+      "import": "./dist/IconLinkButton.js",
+      "require": "./dist/IconLinkButton.cjs"
+    },
+    "./Typography": {
+      "types": "./dist/types/Typography.d.ts",
+      "import": "./dist/Typography.js",
+      "require": "./dist/Typography.cjs"
+    },
+    "./Icon": {
+      "types": "./dist/types/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./Favicon": {
+      "types": "./dist/types/Favicon.d.ts",
+      "import": "./dist/Favicon.js",
+      "require": "./dist/Favicon.cjs"
+    },
+    "./Menu": {
+      "types": "./dist/types/Menu.d.ts",
+      "import": "./dist/Menu.js",
+      "require": "./dist/Menu.cjs"
     },
     "./TopBar": {
       "types": "./dist/types/TopBar.d.ts",
       "import": "./dist/TopBar.js",
       "require": "./dist/TopBar.cjs"
     },
-    "./form": {
-      "types": "./dist/types/form.d.ts",
-      "import": "./dist/form.js",
-      "require": "./dist/form.cjs"
-    },
-    "./inline-message": {
-      "types": "./dist/types/inline-message.d.ts",
-      "import": "./dist/inline-message.js",
-      "require": "./dist/inline-message.cjs"
-    },
-    "./select": {
-      "types": "./dist/types/select.d.ts",
-      "import": "./dist/select.js",
-      "require": "./dist/select.cjs"
-    },
-    "./text-input": {
-      "types": "./dist/types/text-input.d.ts",
-      "import": "./dist/text-input.js",
-      "require": "./dist/text-input.cjs"
-    },
-    "./radio-group": {
-      "types": "./dist/types/radio-group.d.ts",
-      "import": "./dist/radio-group.js",
-      "require": "./dist/radio-group.cjs"
-    },
-    "./checkbox": {
-      "types": "./dist/types/checkbox.d.ts",
-      "import": "./dist/checkbox.js",
-      "require": "./dist/checkbox.cjs"
-    },
-    "./text-area": {
-      "types": "./dist/types/text-area.d.ts",
-      "import": "./dist/text-area.js",
-      "require": "./dist/text-area.cjs"
-    },
-    "./alert-banner": {
-      "types": "./dist/types/alert-banner.d.ts",
-      "import": "./dist/alert-banner.js",
-      "require": "./dist/alert-banner.cjs"
-    },
-    "./date-picker": {
-      "types": "./dist/types/date-picker.d.ts",
-      "import": "./dist/date-picker.js",
-      "require": "./dist/date-picker.cjs"
-    },
-    "./grid": {
-      "types": "./dist/types/grid.d.ts",
-      "import": "./dist/grid.js",
-      "require": "./dist/grid.cjs"
-    },
-    "./byline": {
-      "types": "./dist/types/byline.d.ts",
-      "import": "./dist/byline.js",
-      "require": "./dist/byline.cjs"
-    },
-    "./tag-picker": {
-      "types": "./dist/types/tag-picker.d.ts",
-      "import": "./dist/tag-picker.js",
-      "require": "./dist/tag-picker.cjs"
-    },
-    "./user-menu": {
-      "types": "./dist/types/user-menu.d.ts",
-      "import": "./dist/user-menu.js",
-      "require": "./dist/user-menu.cjs"
+    "./Form": {
+      "types": "./dist/types/Form.d.ts",
+      "import": "./dist/Form.js",
+      "require": "./dist/Form.cjs"
+    },
+    "./InlineMessage": {
+      "types": "./dist/types/InlineMessage.d.ts",
+      "import": "./dist/InlineMessage.js",
+      "require": "./dist/InlineMessage.cjs"
+    },
+    "./Select": {
+      "types": "./dist/types/Select.d.ts",
+      "import": "./dist/Select.js",
+      "require": "./dist/Select.cjs"
+    },
+    "./TextInput": {
+      "types": "./dist/types/TextInput.d.ts",
+      "import": "./dist/TextInput.js",
+      "require": "./dist/TextInput.cjs"
+    },
+    "./RadioGroup": {
+      "types": "./dist/types/RadioGroup.d.ts",
+      "import": "./dist/RadioGroup.js",
+      "require": "./dist/RadioGroup.cjs"
+    },
+    "./Checkbox": {
+      "types": "./dist/types/Checkbox.d.ts",
+      "import": "./dist/Checkbox.js",
+      "require": "./dist/Checkbox.cjs"
+    },
+    "./TextArea": {
+      "types": "./dist/types/TextArea.d.ts",
+      "import": "./dist/TextArea.js",
+      "require": "./dist/TextArea.cjs"
+    },
+    "./AlertBanner": {
+      "types": "./dist/types/AlertBanner.d.ts",
+      "import": "./dist/AlertBanner.js",
+      "require": "./dist/AlertBanner.cjs"
+    },
+    "./DatePicker": {
+      "types": "./dist/types/DatePicker.d.ts",
+      "import": "./dist/DatePicker.js",
+      "require": "./dist/DatePicker.cjs"
+    },
+    "./Grid": {
+      "types": "./dist/types/Grid.d.ts",
+      "import": "./dist/Grid.js",
+      "require": "./dist/Grid.cjs"
+    },
+    "./Byline": {
+      "types": "./dist/types/Byline.d.ts",
+      "import": "./dist/Byline.js",
+      "require": "./dist/Byline.cjs"
+    },
+    "./TagPicker": {
+      "types": "./dist/types/TagPicker.d.ts",
+      "import": "./dist/TagPicker.js",
+      "require": "./dist/TagPicker.cjs"
+    },
+    "./UserMenu": {
+      "types": "./dist/types/UserMenu.d.ts",
+      "import": "./dist/UserMenu.js",
+      "require": "./dist/UserMenu.cjs"
+    },
+    "./IntendedAudienceSignifier": {
+      "types": "./dist/types/IntendedAudienceSignifier.d.ts",
+      "import": "./dist/IntendedAudienceSignifier.js",
+      "require": "./dist/IntendedAudienceSignifier.cjs"
+    },
+    "./Link": {
+      "types": "./dist/types/Link.d.ts",
+      "import": "./dist/Link.js",
+      "require": "./dist/Link.cjs"
+    },
+    "./Layout": {
+      "types": "./dist/types/Layout.d.ts",
+      "import": "./dist/Layout.js",
+      "require": "./dist/Layout.cjs"
     },
     "./utils": {
       "types": "./dist/types/utils.d.ts",
       "import": "./dist/utils.js",
       "require": "./dist/utils.cjs"
     },
-    "./intendedAudienceSignifier": {
-      "types": "./dist/types/intended-audience-signifier.d.ts",
-      "import": "./dist/intended-audience-signifier.js",
-      "require": "./dist/intended-audience-signifier.cjs"
-    },
-    "./link": {
-      "types": "./dist/types/link.d.ts",
-      "import": "./dist/link.js",
-      "require": "./dist/link.cjs"
-    },
-    "./layout": {
-      "types": "./dist/types/layout.d.ts",
-      "import": "./dist/layout.js",
-      "require": "./dist/layout.cjs"
-    },
     "./fonts/OpenSans.css": "./dist/fonts/OpenSans.css",
     "./fonts/MaterialSymbolsOutlined.css": "./dist/fonts/MaterialSymbolsOutlined.css",
     "./fonts/MaterialSymbolsRound.css": "./dist/fonts/MaterialSymbolsRound.css",
@@ -183,7 +183,7 @@
     "./component/icon.css": "./dist/styleD/build/css/component/icon.css",
     "./component/favicon.css": "./dist/styleD/build/css/component/favicon.css",
     "./component/menu.css": "./dist/styleD/build/css/component/menu.css",
-    "./component/TopBar.css": "./dist/styleD/build/css/component/TopBar.css",
+    "./component/topBar.css": "./dist/styleD/build/css/component/topBar.css",
     "./component/form.css": "./dist/styleD/build/css/component/form.css",
     "./component/inlineMessage.css": "./dist/styleD/build/css/component/inlineMessage.css",
     "./component/select.css": "./dist/styleD/build/css/component/select.css",
@@ -203,92 +203,92 @@
   "types": "./dist/types/index.d.ts",
   "typesVersions": {
     "*": {
-      "avatar": [
-        "./dist/types/avatar.d.ts"
+      "Avatar": [
+        "./dist/types/Avatar.d.ts"
       ],
       "AvatarButton": [
-        "./dist/types/avatarButton.d.ts"
+        "./dist/types/AvatarButton.d.ts"
       ],
       "AvatarLink": [
-        "./dist/types/avatarLink.d.ts"
+        "./dist/types/AvatarLink.d.ts"
       ],
-      "button": [
-        "./dist/types/button.d.ts"
+      "Button": [
+        "./dist/types/Button.d.ts"
       ],
-      "link-button": [
-        "./dist/types/link-button.d.ts"
+      "LinkButton": [
+        "./dist/types/LinkButton.d.ts"
       ],
-      "icon-button": [
-        "./dist/types/icon-button.d.ts"
+      "IconButton": [
+        "./dist/types/IconButton.d.ts"
       ],
-      "icon-link-button": [
-        "./dist/types/icon-link-button.d.ts"
+      "IconLinkButton": [
+        "./dist/types/IconLinkButton.d.ts"
       ],
-      "typography": [
-        "./dist/types/typography.d.ts"
+      "Typography": [
+        "./dist/types/Typography.d.ts"
       ],
-      "icon": [
-        "./dist/types/icon.d.ts"
+      "Icon": [
+        "./dist/types/Icon.d.ts"
       ],
-      "favicon": [
-        "./dist/types/favicon.d.ts"
+      "Favicon": [
+        "./dist/types/Favicon.d.ts"
       ],
       "TopBar": [
         "./dist/types/TopBar.d.ts"
       ],
-      "byline": [
-        "./dist/types/byline.d.ts"
+      "Byline": [
+        "./dist/types/Byline.d.ts"
       ],
-      "tag-picker": [
-        "./dist/types/tag-picker.d.ts"
+      "TagPicker": [
+        "./dist/types/TagPicker.d.ts"
       ],
-      "user-menu": [
-        "./dist/types/user-menu.d.ts"
+      "UserMenu": [
+        "./dist/types/UserMenu.d.ts"
       ],
       "utils": [
         "./dist/types/utils.d.ts"
       ],
-      "menu": [
-        "./dist/types/menu.d.ts"
+      "Menu": [
+        "./dist/types/Menu.d.ts"
       ],
-      "form": [
-        "./dist/types/form.d.ts"
+      "Form": [
+        "./dist/types/Form.d.ts"
       ],
-      "inline-message": [
-        "./dist/types/inline-message.d.ts"
+      "InlineMessage": [
+        "./dist/types/InlineMessage.d.ts"
       ],
-      "select": [
-        "./dist/types/select.d.ts"
+      "Select": [
+        "./dist/types/Select.d.ts"
       ],
-      "text-input": [
-        "./dist/types/text-input.d.ts"
+      "TextInput": [
+        "./dist/types/TextInput.d.ts"
       ],
-      "radio-group": [
-        "./dist/types/radio-group.d.ts"
+      "RadioGroup": [
+        "./dist/types/RadioGroup.d.ts"
       ],
-      "checkbox": [
-        "./dist/types/checkbox.d.ts"
+      "Checkbox": [
+        "./dist/types/Checkbox.d.ts"
       ],
-      "text-area": [
-        "./dist/types/text-area.d.ts"
+      "TextArea": [
+        "./dist/types/TextArea.d.ts"
       ],
-      "alert-banner": [
-        "./dist/types/alert-banner.d.ts"
+      "AlertBanner": [
+        "./dist/types/AlertBanner.d.ts"
       ],
-      "date-picker": [
-        "./dist/types/date-picker.d.ts"
+      "DatePicker": [
+        "./dist/types/DatePicker.d.ts"
       ],
-      "intendedAudienceSignifier": [
-        "./dist/types/intended-audience-signifier.d.ts"
+      "IntendedAudienceSignifier": [
+        "./dist/types/IntendedAudienceSignifier.d.ts"
       ],
-      "link": [
-        "./dist/types/link.d.ts"
+      "Link": [
+        "./dist/types/Link.d.ts"
       ],
-      "grid": [
-        "./dist/types/grid.d.ts"
+      "Grid": [
+        "./dist/types/Grid.d.ts"
       ],
-      "layout": [
-        "./dist/types/layout.d.ts"
+      "Layout": [
+        "./dist/types/Layout.d.ts"
       ]
     }
   },
@@ -296,36 +296,36 @@
     "dist"
   ],
   "devDependencies": {
-    "@changesets/cli": "^2.30.0",
-    "@codesandbox/sandpack-react": "^2.20.0",
+    "@changesets/cli": "2.31.0",
+    "@codesandbox/sandpack-react": "2.20.0",
     "@emotion/react": "11.11.4",
-    "@figma/rest-api-spec": "^0.37.0",
+    "@figma/rest-api-spec": "0.38.0",
     "@guardian/eslint-config": "14.0.1",
     "@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.59.1",
+    "@material-design-icons/svg": "0.14.15",
+    "@playwright/experimental-ct-react17": "1.60.0",
     "@rollup/plugin-commonjs": "29.0.2",
     "@rollup/plugin-node-resolve": "16.0.3",
     "@rollup/plugin-typescript": "12.3.0",
-    "@storybook/addon-docs": "^10.3.5",
-    "@storybook/addon-themes": "^10.3.5",
-    "@storybook/react-vite": "^10.3.5",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@storybook/addon-docs": "10.4.0",
+    "@storybook/addon-themes": "10.4.0",
+    "@storybook/react-vite": "10.4.0",
+    "@testing-library/jest-dom": "6.9.1",
     "@types/jest": "30.0.0",
-    "@types/node": "^24.10.1",
+    "@types/node": "24.10.1",
     "@types/react": "17.0.76",
     "@types/react-dom": "17.0.25",
-    "change-case": "^5.4.4",
+    "change-case": "5.4.4",
     "eslint": "9.39.3",
-    "eslint-plugin-storybook": "^10.3.5",
-    "husky": "^9.1.7",
-    "jest": "30.3.0",
-    "jest-environment-jsdom": "^30.3.0",
-    "lint-staged": "^17.0.0",
-    "prettier": "3.8.2",
+    "eslint-plugin-storybook": "10.4.0",
+    "husky": "9.1.7",
+    "jest": "30.4.2",
+    "jest-environment-jsdom": "30.4.1",
+    "lint-staged": "17.0.5",
+    "prettier": "3.8.3",
     "prosemirror-dropcursor": "1.8.2",
     "prosemirror-history": "1.4.1",
     "prosemirror-keymap": "1.2.2",
@@ -335,21 +335,21 @@
     "react": "17.0.2",
     "react-aria-components": "1.13.0",
     "react-dom": "17.0.2",
-    "remark-gfm": "^4.0.1",
+    "remark-gfm": "4.0.1",
     "rimraf": "6.1.3",
-    "rollup": "4.60.1",
-    "rollup-plugin-copy": "^3.5.0",
+    "rollup": "4.60.4",
+    "rollup-plugin-copy": "3.5.0",
     "rollup-plugin-esbuild": "6.2.1",
-    "rollup-plugin-import-css": "^4.2.0",
-    "rollup-plugin-node-externals": "9.0.0",
+    "rollup-plugin-import-css": "4.2.1",
+    "rollup-plugin-node-externals": "9.0.1",
     "sort-package-json": "3.6.1",
-    "storybook": "^10.3.5",
-    "style-dictionary": "^5.4.0",
-    "ts-jest": "29.4.9",
+    "storybook": "10.4.0",
+    "style-dictionary": "5.4.1",
+    "ts-jest": "29.4.10",
     "tslib": "2.8.1",
     "typescript": "5.1.3",
-    "vite": "^8.0.8",
-    "vite-plugin-svgr": "^5.2.0"
+    "vite": "8.0.13",
+    "vite-plugin-svgr": "5.2.0"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.11.4 <=11.14.0",

package/dist/avatarButton.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var AvatarButton = require('./components/avatar-button/AvatarButton.cjs');
-
-
-
-exports.AvatarButton = AvatarButton.AvatarButton;

package/dist/avatarButton.js

@@ -1 +0,0 @@
-export { AvatarButton } from './components/avatar-button/AvatarButton.js';

package/dist/avatarLink.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var AvatarLink = require('./components/avatar-link/AvatarLink.cjs');
-
-
-
-exports.AvatarLink = AvatarLink.AvatarLink;

package/dist/avatarLink.js

@@ -1 +0,0 @@
-export { AvatarLink } from './components/avatar-link/AvatarLink.js';

package/dist/checkbox.js

@@ -1,3 +0,0 @@
-export { Checkbox } from './components/checkbox/Checkbox.js';
-export { CheckboxGroup } from './components/checkbox/CheckboxGroup.js';
-export { componentCheckbox } from './styleD/build/typescript/component/checkbox.js';

package/dist/components/intended-audience-signifier/IntendedAudienceSignifier.js

@@ -1,37 +0,0 @@
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { DoubleChevronRightSvg, globeIcon, auFlag, usFlag, ukFlag } from './FlagIcons.js';
-import { defaultIntendedAudienceSignifierTheme, intendedAudienceSignifierStyles, intendedAudienceSignifierIconStyles, intendedAudienceSignifierChevronIconStyles } from './styles.js';
-
-const sourceIcons = {
-  UK: ukFlag,
-  US: usFlag,
-  AUS: auFlag,
-  Global: globeIcon
-};
-const getSourceIconElement = (sourceTag, audience) => {
-  if (audience === "Global") {
-    return globeIcon;
-  }
-  return sourceIcons[sourceTag];
-};
-const getIntendedAudienceIconElement = (sourceTag, audience) => {
-  if (audience === "Domestic for Domestic") {
-    return getSourceIconElement(sourceTag, audience);
-  }
-  if (audience === "Global" || audience === "Domestic For Global") {
-    return globeIcon;
-  }
-  return sourceIcons[audience];
-};
-function IntendedAudienceSignifier({ source, intendedAudience, theme = {}, cssOverrides, className, ...props }) {
-  const mergedTheme = mergeDeep(defaultIntendedAudienceSignifierTheme, theme);
-  if (intendedAudience === "Don't know") {
-    return jsx("div", { ...props, className, css: [intendedAudienceSignifierStyles(mergedTheme), cssOverrides], children: jsx("span", { children: "Don\u2018t know" }) });
-  }
-  const iconStyles = intendedAudienceSignifierIconStyles(mergedTheme);
-  const chevronIconStyles = intendedAudienceSignifierChevronIconStyles(mergedTheme);
-  return jsxs("div", { ...props, className, css: [intendedAudienceSignifierStyles(mergedTheme), cssOverrides], children: [jsx("div", { css: iconStyles, children: getSourceIconElement(source, intendedAudience) }), jsx("div", { css: chevronIconStyles, children: DoubleChevronRightSvg }), jsx("div", { css: iconStyles, children: getIntendedAudienceIconElement(source, intendedAudience) })] });
-}
-
-export { IntendedAudienceSignifier };

package/dist/icon-button.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var IconButton = require('./components/icon-button/IconButton.cjs');
-
-
-
-exports.IconButton = IconButton.IconButton;

package/dist/icon-button.js

@@ -1 +0,0 @@
-export { IconButton } from './components/icon-button/IconButton.js';

package/dist/icon-link-button.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var IconLinkButton = require('./components/icon-link-button/IconLinkButton.cjs');
-
-
-
-exports.IconLinkButton = IconLinkButton.IconLinkButton;

package/dist/icon-link-button.js

@@ -1 +0,0 @@
-export { IconLinkButton } from './components/icon-link-button/IconLinkButton.js';

package/dist/link-button.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var LinkButton = require('./components/link-button/LinkButton.cjs');
-
-
-
-exports.LinkButton = LinkButton.LinkButton;

package/dist/link-button.js

@@ -1 +0,0 @@
-export { LinkButton } from './components/link-button/LinkButton.js';

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

@@ -1,7 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-:root {
-	--component-top-bar-item-shared-display: inline-flex;
-}