@guardian/stand 0.0.56 → 0.0.58

package/dist/styleD/build/typescript/component/tabs.d.ts

@@ -0,0 +1,104 @@
+//#region src/styleD/build/typescript/component/tabs.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentTabs: {
+  tabs: {
+    shared: {
+      display: string;
+      maxWidth: string;
+      orientation: {
+        vertical: {
+          flexDirection: string;
+          width: string;
+        };
+        horizontal: {
+          flexDirection: string;
+        };
+      };
+    };
+  };
+  tab: {
+    shared: {
+      position: string;
+      display: string;
+      gap: string;
+      cursor: string;
+      flexDirection: string;
+      justifyContent: string;
+      alignItems: string;
+      padding: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+        verticalRight: string;
+        withIcon: {
+          right: string;
+          verticalRight: string;
+        };
+      };
+      color: string;
+      border: string;
+      selected: {
+        background: string;
+        border: {
+          border: string;
+          size: string;
+          background: string;
+        };
+      };
+      disabled: {
+        cursor: string;
+        color: string;
+      };
+      focusVisible: {
+        outline: string;
+        outlineOffset: string;
+      };
+    };
+    md: {
+      height: string;
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+    };
+    sm: {
+      height: string;
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+    };
+  };
+  tabList: {
+    shared: {
+      display: string;
+      orientation: {
+        horizontal: {
+          flexDirection: string;
+        };
+        vertical: {
+          flexDirection: string;
+        };
+      };
+    };
+  };
+  tabPanels: {
+    shared: {
+      position: string;
+      overflow: string;
+    };
+  };
+  tabPanel: {
+    shared: {
+      position: string;
+    };
+  };
+};
+type ComponentTabs = typeof componentTabs;
+//#endregion
+export { ComponentTabs, componentTabs };

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

@@ -0,0 +1,87 @@
+//#region src/styleD/build/typescript/component/tabs.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentTabs = {
+	tabs: { shared: {
+		display: "flex",
+		maxWidth: "100%",
+		orientation: {
+			vertical: {
+				flexDirection: "row",
+				width: "100%"
+			},
+			horizontal: { flexDirection: "column" }
+		}
+	} },
+	tab: {
+		shared: {
+			position: "relative",
+			display: "inline-flex",
+			gap: "0.375rem",
+			cursor: "pointer",
+			flexDirection: "row",
+			justifyContent: "center",
+			alignItems: "center",
+			padding: {
+				top: "0",
+				bottom: "0",
+				left: "1rem",
+				right: "1rem",
+				verticalRight: "1.25rem",
+				withIcon: {
+					right: "1.25rem",
+					verticalRight: "1.5rem"
+				}
+			},
+			color: "#545454",
+			border: "0.0625rem solid #cccccc",
+			selected: {
+				background: "#f6f6f6",
+				border: {
+					border: "0.5rem solid #0072a9",
+					size: "0.5rem",
+					background: "#0072a9"
+				}
+			},
+			disabled: {
+				cursor: "not-allowed",
+				color: "#999999"
+			},
+			focusVisible: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "-0.0625rem"
+			}
+		},
+		md: {
+			height: "3rem",
+			typography: {
+				font: "normal 700 1rem/1.15 Open Sans",
+				letterSpacing: "-0.03125rem",
+				fontWidth: 95
+			}
+		},
+		sm: {
+			height: "2.5rem",
+			typography: {
+				font: "normal 700 0.875rem/1.15 Open Sans",
+				letterSpacing: "-0.0125rem",
+				fontWidth: 95
+			}
+		}
+	},
+	tabList: { shared: {
+		display: "flex",
+		orientation: {
+			horizontal: { flexDirection: "row" },
+			vertical: { flexDirection: "column" }
+		}
+	} },
+	tabPanels: { shared: {
+		position: "relative",
+		overflow: "clip"
+	} },
+	tabPanel: { shared: { position: "initial" } }
+};
+//#endregion
+export { componentTabs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guardian/stand",
-  "version": "0.0.56",
+  "version": "0.0.58",
   "repository": {
     "url": "https://github.com/guardian/stand"
   },
@@ -317,6 +317,16 @@
         "default": "./dist/Modal.cjs"
       }
     },
+    "./Tabs": {
+      "import": {
+        "types": "./dist/Tabs.d.ts",
+        "default": "./dist/Tabs.js"
+      },
+      "require": {
+        "types": "./dist/Tabs.d.cts",
+        "default": "./dist/Tabs.cjs"
+      }
+    },
     "./utils": {
       "import": {
         "types": "./dist/utils.d.ts",
@@ -370,7 +380,8 @@
     "./component/link.css": "./dist/styleD/build/css/component/link.css",
     "./component/grid.css": "./dist/styleD/build/css/component/grid.css",
     "./component/layout.css": "./dist/styleD/build/css/component/layout.css",
-    "./component/modal.css": "./dist/styleD/build/css/component/modal.css"
+    "./component/modal.css": "./dist/styleD/build/css/component/modal.css",
+    "./component/tabs.css": "./dist/styleD/build/css/component/tabs.css"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -469,6 +480,9 @@
       ],
       "Modal": [
         "./dist/Modal.d.ts"
+      ],
+      "Tabs": [
+        "./dist/Tabs.d.ts"
       ]
     }
   },
@@ -515,7 +529,7 @@
     "prosemirror-view": "1.37.2",
     "publint": "0.3.21",
     "react": "17.0.2",
-    "react-aria-components": "1.13.0",
+    "react-aria-components": "1.14.0",
     "react-dom": "17.0.2",
     "remark-gfm": "4.0.1",
     "rimraf": "6.1.3",
@@ -540,7 +554,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 <= 1.18.0",
+    "react-aria-components": ">= 1.14.0 <= 1.19.0",
     "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0",
     "typescript": ">=5.0.0 <=5.9.3"
   },