@guardian/stand 0.0.17 → 0.0.18

package/dist/types/inline-message.d.ts

@@ -0,0 +1,19 @@
+/**
+ * InlineMessage 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/inlineMessage.css),
+ * you don't need to install these.
+ */
+export { InlineMessage } from './components/inline-message/InlineMessage';
+export type { InlineMessageProps } from './components/inline-message/types';
+export type { PartialInlineMessageTheme as InlineMessageTheme } from './components/inline-message/styles';
+export { componentInlineMessage } from './styleD/build/typescript/component/inlineMessage';
+export type { ComponentInlineMessage } from './styleD/build/typescript/component/inlineMessage';

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

@@ -8,56 +8,122 @@ export declare const componentAvatar: {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
             blue: {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
             red: {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
             cyan: {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
             teal: {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
             'cool-purple': {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
             'warm-purple': {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
             magenta: {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
             orange: {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
             yellow: {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
             outlined: {
                 text: string;
                 background: string;
                 border: string;
+                ':hover': {
+                    background: string;
+                };
+                ':active': {
+                    background: string;
+                };
             };
         };
         display: string;
@@ -67,6 +133,23 @@ export declare const componentAvatar: {
         'flex-shrink': string;
         'border-radius': string;
         'user-select': string;
+        link: {
+            width: string;
+            ':focus-visible': {
+                outline: string;
+                'outline-offset': string;
+            };
+            'text-decoration': string;
+        };
+        button: {
+            background: string;
+            border: string;
+            padding: string;
+            cursor: string;
+            ':disabled': {
+                cursor: string;
+            };
+        };
     };
     sm: {
         size: string;

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

@@ -0,0 +1,28 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const componentInlineMessage: {
+    shared: {
+        display: string;
+        gap: string;
+        'align-items': string;
+        icon: {
+            size: string;
+        };
+        typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+        };
+    };
+    error: {
+        color: string;
+    };
+    success: {
+        color: string;
+    };
+    information: {
+        color: string;
+    };
+};
+export type ComponentInlineMessage = typeof componentInlineMessage;

package/dist/types/styleD/build/typescript/semantic/typography.d.ts

@@ -207,5 +207,55 @@ export declare const semanticTypography: {
         letterSpacing: string;
         fontWidth: number;
     };
+    'label-form-sm': {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
+    'label-form-md': {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
+    'label-form-inline-sm': {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
+    'label-form-inline-md': {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
+    'label-form-compact-sm': {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
+    'label-form-compact-md': {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
+    'label-form-inline-compact-sm': {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
+    'label-form-inline-compact-md': {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
+    'help-text-form-md': {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
+    'help-text-form-compact-md': {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+    };
 };
 export type SemanticTypography = typeof semanticTypography;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "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": {
@@ -14,6 +14,16 @@
       "import": "./dist/avatar.js",
       "require": "./dist/avatar.cjs"
     },
+    "./avatar-link": {
+      "types": "./dist/types/avatar-link.d.ts",
+      "import": "./dist/avatar-link.js",
+      "require": "./dist/avatar-link.cjs"
+    },
+    "./avatar-button": {
+      "types": "./dist/types/avatar-button.d.ts",
+      "import": "./dist/avatar-button.js",
+      "require": "./dist/avatar-button.cjs"
+    },
     "./button": {
       "types": "./dist/types/button.d.ts",
       "import": "./dist/button.js",
@@ -59,6 +69,11 @@
       "import": "./dist/TopBar.js",
       "require": "./dist/TopBar.cjs"
     },
+    "./inline-message": {
+      "types": "./dist/types/inline-message.d.ts",
+      "import": "./dist/inline-message.js",
+      "require": "./dist/inline-message.cjs"
+    },
     "./byline": {
       "types": "./dist/types/byline.d.ts",
       "import": "./dist/byline.js",
@@ -103,7 +118,8 @@
     "./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/inlineMessage.css": "./dist/styleD/build/css/component/inlineMessage.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": {
@@ -149,6 +165,9 @@
       ],
       "menu": [
         "./dist/types/menu.d.ts"
+      ],
+      "inline-message": [
+        "./dist/types/inline-message.d.ts"
       ]
     }
   },
@@ -203,7 +222,7 @@
     "react-dom": "17.0.2",
     "remark-gfm": "^4.0.1",
     "rimraf": "6.1.3",
-    "rollup": "4.60.0",
+    "rollup": "4.60.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-esbuild": "6.2.1",
     "rollup-plugin-import-css": "^4.2.0",
@@ -213,8 +232,8 @@
     "ts-jest": "29.4.6",
     "tslib": "2.8.1",
     "typescript": "5.1.3",
-    "vite": "^8.0.2",
-    "vite-plugin-svgr": "^4.5.0"
+    "vite": "^8.0.3",
+    "vite-plugin-svgr": "^5.0.0"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.11.4 <=11.14.0",