@guardian/stand 0.0.19 → 0.0.21

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

@@ -97,11 +97,15 @@ export declare const componentMenu: {
             };
             ':hover': {
                 'background-color': string;
+                outline: string;
             };
             ':focus-visible': {
                 outline: string;
                 'outline-offset': string;
             };
+            ':pressed': {
+                'background-color': string;
+            };
         };
         sm: {
             icon: {

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

@@ -3,9 +3,6 @@
  */
 export declare const componentSelect: {
     shared: {
-        display: string;
-        flexDirection: string;
-        gap: string;
         maxWidth: string;
         width: string;
         hover: {
@@ -15,74 +12,58 @@ export declare const componentSelect: {
         pressed: {
             backgroundColor: string;
         };
-    };
-    label: {
-        color: string;
-        typography: {
-            font: string;
-            letterSpacing: string;
-            fontWidth: number;
-        };
-    };
-    helpText: {
-        color: string;
-        typography: {
-            font: string;
-            letterSpacing: string;
-            fontWidth: number;
-        };
-    };
-    button: {
-        display: string;
-        justifyContent: string;
-        alignItems: string;
-        marginTop: string;
-        backgroundColor: string;
-        border: string;
-        borderRadius: string;
-        height: string;
-        paddingLeft: string;
-        paddingRight: string;
-        color: string;
-        typography: {
-            font: string;
-            letterSpacing: string;
-            fontWidth: number;
-        };
-        focused: {
-            outline: string;
-            'outline-offset': string;
-        };
-        disabled: {
+        button: {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            marginTop: string;
             backgroundColor: string;
-            cursor: string;
-            color: string;
             border: string;
+            borderRadius: string;
+            height: string;
+            paddingLeft: string;
+            paddingRight: string;
+            color: string;
+            typography: {
+                font: string;
+                letterSpacing: string;
+                fontWidth: number;
+            };
+            focused: {
+                outline: string;
+                'outline-offset': string;
+            };
+            disabled: {
+                backgroundColor: string;
+                cursor: string;
+                color: string;
+                border: string;
+            };
+            error: {
+                border: string;
+            };
         };
-        error: {
-            border: string;
+        option: {
+            paddingLeft: string;
+            paddingRight: string;
+            paddingTop: string;
+            paddingBottom: string;
+            focused: {
+                outline: string;
+                'outline-offset': string;
+                backgroundColor: string;
+            };
         };
-    };
-    option: {
-        paddingLeft: string;
-        paddingRight: string;
-        paddingTop: string;
-        paddingBottom: string;
-        focused: {
-            outline: string;
-            'outline-offset': string;
+        listBox: {
+            typography: {
+                font: string;
+                letterSpacing: string;
+                fontWidth: number;
+            };
+            border: string;
             backgroundColor: string;
+            shadow: string;
         };
     };
-    listBox: {
-        typography: {
-            font: string;
-            letterSpacing: string;
-            fontWidth: number;
-        };
-        border: string;
-        backgroundColor: string;
-        shadow: string;
-    };
 };
 export type ComponentSelect = typeof componentSelect;

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

@@ -0,0 +1,45 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const componentTextInput: {
+    shared: {
+        color: string;
+        cursor: string;
+        padding: {
+            top: string;
+            right: string;
+            bottom: string;
+            left: string;
+        };
+        'margin-top': string;
+        'border-radius': string;
+        border: string;
+        'background-color': string;
+        disabled: {
+            backgroundColor: string;
+            cursor: string;
+            color: string;
+            border: string;
+        };
+        error: {
+            border: string;
+        };
+    };
+    sm: {
+        height: string;
+        typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+        };
+    };
+    md: {
+        height: string;
+        typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+        };
+    };
+};
+export type ComponentTextInput = typeof componentTextInput;

package/dist/types/text-input.d.ts

@@ -0,0 +1,20 @@
+/**
+ * TextInput component entry point
+ *
+ * Peer dependencies required to use these components:
+ * - `@emotion/react`
+ * - `react`
+ * - `react-dom`
+ * - `typescript`
+ * - `react-aria-components`
+ *
+ * See the `peerDependencies` section of package.json for compatible versions.
+ *
+ * If you only need the built CSS (./component/textInput.css),
+ * you don't need to install these.
+ */
+export { TextInput } from './components/text-input/TextInput';
+export type { TextInputProps } from './components/text-input/types';
+export type { TextInputTheme } from './components/text-input/styles';
+export { componentTextInput } from './styleD/build/typescript/component/textInput';
+export type { ComponentTextInput } from './styleD/build/typescript/component/textInput';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "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": {
@@ -69,6 +69,11 @@
       "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",
@@ -79,6 +84,11 @@
       "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"
+    },
     "./byline": {
       "types": "./dist/types/byline.d.ts",
       "import": "./dist/byline.js",
@@ -124,8 +134,10 @@
     "./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/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"
+    "./component/select.css": "./dist/styleD/build/css/component/select.css",
+    "./component/textInput.css": "./dist/styleD/build/css/component/textInput.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": {
@@ -178,11 +190,17 @@
       "menu": [
         "./dist/types/menu.d.ts"
       ],
+      "form": [
+        "./dist/types/form.d.ts"
+      ],
       "inline-message": [
         "./dist/types/inline-message.d.ts"
       ],
       "select": [
         "./dist/types/select.d.ts"
+      ],
+      "text-input": [
+        "./dist/types/text-input.d.ts"
       ]
     }
   },
@@ -200,20 +218,19 @@
     "@changesets/cli": "^2.30.0",
     "@codesandbox/sandpack-react": "^2.20.0",
     "@emotion/react": "11.11.4",
-    "@figma/rest-api-spec": "^0.36.0",
+    "@figma/rest-api-spec": "^0.37.0",
     "@guardian/eslint-config": "14.0.1",
     "@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.58.2",
-    "@react-aria/focus": "3.21.5",
+    "@playwright/experimental-ct-react17": "^1.59.1",
     "@rollup/plugin-commonjs": "29.0.2",
     "@rollup/plugin-node-resolve": "16.0.3",
     "@rollup/plugin-typescript": "12.3.0",
-    "@storybook/addon-docs": "^10.3.3",
-    "@storybook/addon-themes": "^10.3.3",
-    "@storybook/react-vite": "^10.3.3",
+    "@storybook/addon-docs": "^10.3.4",
+    "@storybook/addon-themes": "^10.3.4",
+    "@storybook/react-vite": "^10.3.4",
     "@testing-library/jest-dom": "^6.9.1",
     "@types/jest": "30.0.0",
     "@types/node": "^24.10.1",
@@ -221,7 +238,7 @@
     "@types/react-dom": "17.0.25",
     "change-case": "^5.4.4",
     "eslint": "9.39.3",
-    "eslint-plugin-storybook": "^10.3.3",
+    "eslint-plugin-storybook": "^10.3.4",
     "husky": "^9.1.7",
     "jest": "30.3.0",
     "jest-environment-jsdom": "^30.3.0",
@@ -242,18 +259,17 @@
     "rollup-plugin-esbuild": "6.2.1",
     "rollup-plugin-import-css": "^4.2.0",
     "rollup-plugin-node-externals": "8.1.2",
-    "storybook": "^10.3.3",
+    "storybook": "^10.3.4",
     "style-dictionary": "^5.4.0",
-    "ts-jest": "29.4.6",
+    "ts-jest": "29.4.9",
     "tslib": "2.8.1",
     "typescript": "5.1.3",
-    "vite": "^8.0.3",
-    "vite-plugin-svgr": "^5.0.0"
+    "vite": "^8.0.5",
+    "vite-plugin-svgr": "^5.2.0"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.11.4 <=11.14.0",
     "@guardian/prosemirror-invisibles": "3.1.1",
-    "@react-aria/focus": "^3.21.5",
     "prosemirror-dropcursor": "1.8.2",
     "prosemirror-history": "1.4.1",
     "prosemirror-keymap": "1.2.2",
@@ -272,9 +288,6 @@
     "@guardian/prosemirror-invisibles": {
       "optional": true
     },
-    "@react-aria/focus": {
-      "optional": true
-    },
     "prosemirror-dropcursor": {
       "optional": true
     },