@guardian/stand 0.0.40 → 0.0.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -8,154 +8,304 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./Avatar": {
-      "types": "./dist/types/Avatar.d.ts",
-      "import": "./dist/Avatar.js",
-      "require": "./dist/Avatar.cjs"
+      "import": {
+        "types": "./dist/Avatar.d.ts",
+        "default": "./dist/Avatar.js"
+      },
+      "require": {
+        "types": "./dist/Avatar.d.cts",
+        "default": "./dist/Avatar.cjs"
+      }
     },
     "./AvatarLink": {
-      "types": "./dist/types/AvatarLink.d.ts",
-      "import": "./dist/AvatarLink.js",
-      "require": "./dist/AvatarLink.cjs"
+      "import": {
+        "types": "./dist/AvatarLink.d.ts",
+        "default": "./dist/AvatarLink.js"
+      },
+      "require": {
+        "types": "./dist/AvatarLink.d.cts",
+        "default": "./dist/AvatarLink.cjs"
+      }
     },
     "./AvatarButton": {
-      "types": "./dist/types/AvatarButton.d.ts",
-      "import": "./dist/AvatarButton.js",
-      "require": "./dist/AvatarButton.cjs"
+      "import": {
+        "types": "./dist/AvatarButton.d.ts",
+        "default": "./dist/AvatarButton.js"
+      },
+      "require": {
+        "types": "./dist/AvatarButton.d.cts",
+        "default": "./dist/AvatarButton.cjs"
+      }
     },
     "./Button": {
-      "types": "./dist/types/Button.d.ts",
-      "import": "./dist/Button.js",
-      "require": "./dist/Button.cjs"
+      "import": {
+        "types": "./dist/Button.d.ts",
+        "default": "./dist/Button.js"
+      },
+      "require": {
+        "types": "./dist/Button.d.cts",
+        "default": "./dist/Button.cjs"
+      }
     },
     "./LinkButton": {
-      "types": "./dist/types/LinkButton.d.ts",
-      "import": "./dist/LinkButton.js",
-      "require": "./dist/LinkButton.cjs"
+      "import": {
+        "types": "./dist/LinkButton.d.ts",
+        "default": "./dist/LinkButton.js"
+      },
+      "require": {
+        "types": "./dist/LinkButton.d.cts",
+        "default": "./dist/LinkButton.cjs"
+      }
     },
     "./IconButton": {
-      "types": "./dist/types/IconButton.d.ts",
-      "import": "./dist/IconButton.js",
-      "require": "./dist/IconButton.cjs"
+      "import": {
+        "types": "./dist/IconButton.d.ts",
+        "default": "./dist/IconButton.js"
+      },
+      "require": {
+        "types": "./dist/IconButton.d.cts",
+        "default": "./dist/IconButton.cjs"
+      }
     },
     "./IconLinkButton": {
-      "types": "./dist/types/IconLinkButton.d.ts",
-      "import": "./dist/IconLinkButton.js",
-      "require": "./dist/IconLinkButton.cjs"
+      "import": {
+        "types": "./dist/IconLinkButton.d.ts",
+        "default": "./dist/IconLinkButton.js"
+      },
+      "require": {
+        "types": "./dist/IconLinkButton.d.cts",
+        "default": "./dist/IconLinkButton.cjs"
+      }
     },
     "./Typography": {
-      "types": "./dist/types/Typography.d.ts",
-      "import": "./dist/Typography.js",
-      "require": "./dist/Typography.cjs"
+      "import": {
+        "types": "./dist/Typography.d.ts",
+        "default": "./dist/Typography.js"
+      },
+      "require": {
+        "types": "./dist/Typography.d.cts",
+        "default": "./dist/Typography.cjs"
+      }
     },
     "./Icon": {
-      "types": "./dist/types/Icon.d.ts",
-      "import": "./dist/Icon.js",
-      "require": "./dist/Icon.cjs"
+      "import": {
+        "types": "./dist/Icon.d.ts",
+        "default": "./dist/Icon.js"
+      },
+      "require": {
+        "types": "./dist/Icon.d.cts",
+        "default": "./dist/Icon.cjs"
+      }
     },
     "./Favicon": {
-      "types": "./dist/types/Favicon.d.ts",
-      "import": "./dist/Favicon.js",
-      "require": "./dist/Favicon.cjs"
+      "import": {
+        "types": "./dist/Favicon.d.ts",
+        "default": "./dist/Favicon.js"
+      },
+      "require": {
+        "types": "./dist/Favicon.d.cts",
+        "default": "./dist/Favicon.cjs"
+      }
     },
     "./Menu": {
-      "types": "./dist/types/Menu.d.ts",
-      "import": "./dist/Menu.js",
-      "require": "./dist/Menu.cjs"
+      "import": {
+        "types": "./dist/Menu.d.ts",
+        "default": "./dist/Menu.js"
+      },
+      "require": {
+        "types": "./dist/Menu.d.cts",
+        "default": "./dist/Menu.cjs"
+      }
     },
     "./TopBar": {
-      "types": "./dist/types/TopBar.d.ts",
-      "import": "./dist/TopBar.js",
-      "require": "./dist/TopBar.cjs"
+      "import": {
+        "types": "./dist/TopBar.d.ts",
+        "default": "./dist/TopBar.js"
+      },
+      "require": {
+        "types": "./dist/TopBar.d.cts",
+        "default": "./dist/TopBar.cjs"
+      }
     },
     "./Form": {
-      "types": "./dist/types/Form.d.ts",
-      "import": "./dist/Form.js",
-      "require": "./dist/Form.cjs"
+      "import": {
+        "types": "./dist/Form.d.ts",
+        "default": "./dist/Form.js"
+      },
+      "require": {
+        "types": "./dist/Form.d.cts",
+        "default": "./dist/Form.cjs"
+      }
     },
     "./InlineMessage": {
-      "types": "./dist/types/InlineMessage.d.ts",
-      "import": "./dist/InlineMessage.js",
-      "require": "./dist/InlineMessage.cjs"
+      "import": {
+        "types": "./dist/InlineMessage.d.ts",
+        "default": "./dist/InlineMessage.js"
+      },
+      "require": {
+        "types": "./dist/InlineMessage.d.cts",
+        "default": "./dist/InlineMessage.cjs"
+      }
     },
     "./Select": {
-      "types": "./dist/types/Select.d.ts",
-      "import": "./dist/Select.js",
-      "require": "./dist/Select.cjs"
+      "import": {
+        "types": "./dist/Select.d.ts",
+        "default": "./dist/Select.js"
+      },
+      "require": {
+        "types": "./dist/Select.d.cts",
+        "default": "./dist/Select.cjs"
+      }
     },
     "./TextInput": {
-      "types": "./dist/types/TextInput.d.ts",
-      "import": "./dist/TextInput.js",
-      "require": "./dist/TextInput.cjs"
+      "import": {
+        "types": "./dist/TextInput.d.ts",
+        "default": "./dist/TextInput.js"
+      },
+      "require": {
+        "types": "./dist/TextInput.d.cts",
+        "default": "./dist/TextInput.cjs"
+      }
     },
     "./RadioGroup": {
-      "types": "./dist/types/RadioGroup.d.ts",
-      "import": "./dist/RadioGroup.js",
-      "require": "./dist/RadioGroup.cjs"
+      "import": {
+        "types": "./dist/RadioGroup.d.ts",
+        "default": "./dist/RadioGroup.js"
+      },
+      "require": {
+        "types": "./dist/RadioGroup.d.cts",
+        "default": "./dist/RadioGroup.cjs"
+      }
     },
     "./Checkbox": {
-      "types": "./dist/types/Checkbox.d.ts",
-      "import": "./dist/Checkbox.js",
-      "require": "./dist/Checkbox.cjs"
+      "import": {
+        "types": "./dist/Checkbox.d.ts",
+        "default": "./dist/Checkbox.js"
+      },
+      "require": {
+        "types": "./dist/Checkbox.d.cts",
+        "default": "./dist/Checkbox.cjs"
+      }
     },
     "./TextArea": {
-      "types": "./dist/types/TextArea.d.ts",
-      "import": "./dist/TextArea.js",
-      "require": "./dist/TextArea.cjs"
+      "import": {
+        "types": "./dist/TextArea.d.ts",
+        "default": "./dist/TextArea.js"
+      },
+      "require": {
+        "types": "./dist/TextArea.d.cts",
+        "default": "./dist/TextArea.cjs"
+      }
     },
     "./AlertBanner": {
-      "types": "./dist/types/AlertBanner.d.ts",
-      "import": "./dist/AlertBanner.js",
-      "require": "./dist/AlertBanner.cjs"
+      "import": {
+        "types": "./dist/AlertBanner.d.ts",
+        "default": "./dist/AlertBanner.js"
+      },
+      "require": {
+        "types": "./dist/AlertBanner.d.cts",
+        "default": "./dist/AlertBanner.cjs"
+      }
     },
     "./DatePicker": {
-      "types": "./dist/types/DatePicker.d.ts",
-      "import": "./dist/DatePicker.js",
-      "require": "./dist/DatePicker.cjs"
+      "import": {
+        "types": "./dist/DatePicker.d.ts",
+        "default": "./dist/DatePicker.js"
+      },
+      "require": {
+        "types": "./dist/DatePicker.d.cts",
+        "default": "./dist/DatePicker.cjs"
+      }
     },
     "./Grid": {
-      "types": "./dist/types/Grid.d.ts",
-      "import": "./dist/Grid.js",
-      "require": "./dist/Grid.cjs"
+      "import": {
+        "types": "./dist/Grid.d.ts",
+        "default": "./dist/Grid.js"
+      },
+      "require": {
+        "types": "./dist/Grid.d.cts",
+        "default": "./dist/Grid.cjs"
+      }
     },
     "./Byline": {
-      "types": "./dist/types/Byline.d.ts",
-      "import": "./dist/Byline.js",
-      "require": "./dist/Byline.cjs"
+      "import": {
+        "types": "./dist/Byline.d.ts",
+        "default": "./dist/Byline.js"
+      },
+      "require": {
+        "types": "./dist/Byline.d.cts",
+        "default": "./dist/Byline.cjs"
+      }
     },
     "./TagPicker": {
-      "types": "./dist/types/TagPicker.d.ts",
-      "import": "./dist/TagPicker.js",
-      "require": "./dist/TagPicker.cjs"
+      "import": {
+        "types": "./dist/TagPicker.d.ts",
+        "default": "./dist/TagPicker.js"
+      },
+      "require": {
+        "types": "./dist/TagPicker.d.cts",
+        "default": "./dist/TagPicker.cjs"
+      }
     },
     "./UserMenu": {
-      "types": "./dist/types/UserMenu.d.ts",
-      "import": "./dist/UserMenu.js",
-      "require": "./dist/UserMenu.cjs"
+      "import": {
+        "types": "./dist/UserMenu.d.ts",
+        "default": "./dist/UserMenu.js"
+      },
+      "require": {
+        "types": "./dist/UserMenu.d.cts",
+        "default": "./dist/UserMenu.cjs"
+      }
     },
     "./IntendedAudienceSignifier": {
-      "types": "./dist/types/IntendedAudienceSignifier.d.ts",
-      "import": "./dist/IntendedAudienceSignifier.js",
-      "require": "./dist/IntendedAudienceSignifier.cjs"
+      "import": {
+        "types": "./dist/IntendedAudienceSignifier.d.ts",
+        "default": "./dist/IntendedAudienceSignifier.js"
+      },
+      "require": {
+        "types": "./dist/IntendedAudienceSignifier.d.cts",
+        "default": "./dist/IntendedAudienceSignifier.cjs"
+      }
     },
     "./Link": {
-      "types": "./dist/types/Link.d.ts",
-      "import": "./dist/Link.js",
-      "require": "./dist/Link.cjs"
+      "import": {
+        "types": "./dist/Link.d.ts",
+        "default": "./dist/Link.js"
+      },
+      "require": {
+        "types": "./dist/Link.d.cts",
+        "default": "./dist/Link.cjs"
+      }
     },
     "./Layout": {
-      "types": "./dist/types/Layout.d.ts",
-      "import": "./dist/Layout.js",
-      "require": "./dist/Layout.cjs"
+      "import": {
+        "types": "./dist/Layout.d.ts",
+        "default": "./dist/Layout.js"
+      },
+      "require": {
+        "types": "./dist/Layout.d.cts",
+        "default": "./dist/Layout.cjs"
+      }
     },
     "./utils": {
-      "types": "./dist/types/utils.d.ts",
-      "import": "./dist/utils.js",
-      "require": "./dist/utils.cjs"
+      "import": {
+        "types": "./dist/utils.d.ts",
+        "default": "./dist/utils.js"
+      },
+      "require": {
+        "types": "./dist/utils.d.cts",
+        "default": "./dist/utils.cjs"
+      }
     },
     "./fonts/OpenSans.css": "./dist/fonts/OpenSans.css",
     "./fonts/MaterialSymbolsOutlined.css": "./dist/fonts/MaterialSymbolsOutlined.css",
@@ -174,7 +324,7 @@
     "./semantic/sizing.css": "./dist/styleD/build/css/semantic/sizing.css",
     "./semantic/shadow.css": "./dist/styleD/build/css/semantic/shadow.css",
     "./component/byline.css": "./dist/styleD/build/css/component/byline.css",
-    "./component/tagAutocomplete.css": "./dist/styleD/build/css/component/tagAutocomplete.css",
+    "./component/autocomplete.css": "./dist/styleD/build/css/component/autocomplete.css",
     "./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",
@@ -200,95 +350,95 @@
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
-  "types": "./dist/types/index.d.ts",
+  "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
       "Avatar": [
-        "./dist/types/Avatar.d.ts"
+        "./dist/Avatar.d.ts"
       ],
       "AvatarButton": [
-        "./dist/types/AvatarButton.d.ts"
+        "./dist/AvatarButton.d.ts"
       ],
       "AvatarLink": [
-        "./dist/types/AvatarLink.d.ts"
+        "./dist/AvatarLink.d.ts"
       ],
       "Button": [
-        "./dist/types/Button.d.ts"
+        "./dist/Button.d.ts"
       ],
       "LinkButton": [
-        "./dist/types/LinkButton.d.ts"
+        "./dist/LinkButton.d.ts"
       ],
       "IconButton": [
-        "./dist/types/IconButton.d.ts"
+        "./dist/IconButton.d.ts"
       ],
       "IconLinkButton": [
-        "./dist/types/IconLinkButton.d.ts"
+        "./dist/IconLinkButton.d.ts"
       ],
       "Typography": [
-        "./dist/types/Typography.d.ts"
+        "./dist/Typography.d.ts"
       ],
       "Icon": [
-        "./dist/types/Icon.d.ts"
+        "./dist/Icon.d.ts"
       ],
       "Favicon": [
-        "./dist/types/Favicon.d.ts"
+        "./dist/Favicon.d.ts"
       ],
       "TopBar": [
-        "./dist/types/TopBar.d.ts"
+        "./dist/TopBar.d.ts"
       ],
       "Byline": [
-        "./dist/types/Byline.d.ts"
+        "./dist/Byline.d.ts"
       ],
       "TagPicker": [
-        "./dist/types/TagPicker.d.ts"
+        "./dist/TagPicker.d.ts"
       ],
       "UserMenu": [
-        "./dist/types/UserMenu.d.ts"
+        "./dist/UserMenu.d.ts"
       ],
       "utils": [
-        "./dist/types/utils.d.ts"
+        "./dist/utils.d.ts"
       ],
       "Menu": [
-        "./dist/types/Menu.d.ts"
+        "./dist/Menu.d.ts"
       ],
       "Form": [
-        "./dist/types/Form.d.ts"
+        "./dist/Form.d.ts"
       ],
       "InlineMessage": [
-        "./dist/types/InlineMessage.d.ts"
+        "./dist/InlineMessage.d.ts"
       ],
       "Select": [
-        "./dist/types/Select.d.ts"
+        "./dist/Select.d.ts"
       ],
       "TextInput": [
-        "./dist/types/TextInput.d.ts"
+        "./dist/TextInput.d.ts"
       ],
       "RadioGroup": [
-        "./dist/types/RadioGroup.d.ts"
+        "./dist/RadioGroup.d.ts"
       ],
       "Checkbox": [
-        "./dist/types/Checkbox.d.ts"
+        "./dist/Checkbox.d.ts"
       ],
       "TextArea": [
-        "./dist/types/TextArea.d.ts"
+        "./dist/TextArea.d.ts"
       ],
       "AlertBanner": [
-        "./dist/types/AlertBanner.d.ts"
+        "./dist/AlertBanner.d.ts"
       ],
       "DatePicker": [
-        "./dist/types/DatePicker.d.ts"
+        "./dist/DatePicker.d.ts"
       ],
       "IntendedAudienceSignifier": [
-        "./dist/types/IntendedAudienceSignifier.d.ts"
+        "./dist/IntendedAudienceSignifier.d.ts"
       ],
       "Link": [
-        "./dist/types/Link.d.ts"
+        "./dist/Link.d.ts"
       ],
       "Grid": [
-        "./dist/types/Grid.d.ts"
+        "./dist/Grid.d.ts"
       ],
       "Layout": [
-        "./dist/types/Layout.d.ts"
+        "./dist/Layout.d.ts"
       ]
     }
   },
@@ -296,6 +446,7 @@
     "dist"
   ],
   "devDependencies": {
+    "@arethetypeswrong/core": "0.18.2",
     "@changesets/cli": "2.31.0",
     "@codesandbox/sandpack-react": "2.20.0",
     "@emotion/react": "11.11.4",
@@ -307,19 +458,18 @@
     "@internationalized/date": "3.12.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.4.0",
     "@storybook/addon-themes": "10.4.0",
     "@storybook/react-vite": "10.4.0",
     "@testing-library/jest-dom": "6.9.1",
+    "@tsdown/css": "0.22.0",
     "@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.0",
     "husky": "9.1.7",
     "jest": "30.4.2",
@@ -332,20 +482,17 @@
     "prosemirror-model": "1.25.0",
     "prosemirror-state": "1.4.3",
     "prosemirror-view": "1.37.2",
+    "publint": "0.3.21",
     "react": "17.0.2",
     "react-aria-components": "1.13.0",
     "react-dom": "17.0.2",
     "remark-gfm": "4.0.1",
     "rimraf": "6.1.3",
-    "rollup": "4.60.4",
-    "rollup-plugin-copy": "3.5.0",
-    "rollup-plugin-esbuild": "6.2.1",
-    "rollup-plugin-import-css": "4.2.1",
-    "rollup-plugin-node-externals": "9.0.1",
     "sort-package-json": "3.6.1",
     "storybook": "10.4.0",
     "style-dictionary": "5.4.1",
     "ts-jest": "29.4.10",
+    "tsdown": "0.22.0",
     "tslib": "2.8.1",
     "typescript": "5.1.3",
     "vite": "8.0.13",
@@ -410,7 +557,7 @@
   "//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.",
   "//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.",
   "scripts": {
-    "build": "rimraf dist && rollup -c",
+    "build": "tsdown",
     "build-storybook": "storybook build",
     "build-styled": "cd src/styleD && node build.js && pnpm run format:fix",
     "create-component": "npx ts-node ./scripts/create-component.ts",

package/dist/components/Icon/styles.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-var react = require('@emotion/react');
-var icon = require('../../styleD/build/typescript/component/icon.cjs');
-
-const defaultIconTheme = icon.componentIcon;
-const iconStyles = (theme, {
-  size,
-  fill,
-  mode
-}) => react.css`
-	display: ${theme.shared.display};
-	font-size: ${theme[size].size};
-	user-select: ${theme.shared.userSelect};
-	${fill ? `color: ${fill};` : ""}
-
-	${mode === "svg" ? `
-		& > svg {
-			width: ${theme[size].size};
-			height: ${theme[size].size};
-            ${fill ? `fill: ${fill};` : ""}
-		}
-	` : ""}
-`;
-
-exports.defaultIconTheme = defaultIconTheme;
-exports.iconStyles = iconStyles;

package/dist/components/LinkButton/styles.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var styles = require('../Button/styles.cjs');
-
-const defaultLinkButtonTheme = styles.defaultButtonTheme;
-const linkButtonStyles = styles.buttonStyles;
-
-exports.defaultLinkButtonTheme = defaultLinkButtonTheme;
-exports.linkButtonStyles = linkButtonStyles;