@guardian/stand 0.0.70 → 0.0.72

package/dist/styleD/build/typescript/component/table.d.cts

@@ -0,0 +1,54 @@
+//#region src/styleD/build/typescript/component/table.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentTable: {
+  table: {
+    width: string;
+    color: string;
+    backgroundColor: string;
+    border: string;
+    borderRadius: string;
+  };
+  header: {
+    backgroundColor: string;
+    border: string;
+  };
+  row: {
+    backgroundColor: string;
+    hoverBackgroundColor: string;
+    border: string;
+    focusVisible: {
+      outline: string;
+      outlineOffset: string;
+    };
+  };
+  cell: {
+    paddingBlock: string;
+    paddingInline: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+  columnHeader: {
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+  compactLabel: {
+    color: string;
+    gap: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+};
+type ComponentTable = typeof componentTable;
+//#endregion
+export { ComponentTable, componentTable };

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

@@ -0,0 +1,54 @@
+//#region src/styleD/build/typescript/component/table.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentTable: {
+  table: {
+    width: string;
+    color: string;
+    backgroundColor: string;
+    border: string;
+    borderRadius: string;
+  };
+  header: {
+    backgroundColor: string;
+    border: string;
+  };
+  row: {
+    backgroundColor: string;
+    hoverBackgroundColor: string;
+    border: string;
+    focusVisible: {
+      outline: string;
+      outlineOffset: string;
+    };
+  };
+  cell: {
+    paddingBlock: string;
+    paddingInline: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+  columnHeader: {
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+  compactLabel: {
+    color: string;
+    gap: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+};
+type ComponentTable = typeof componentTable;
+//#endregion
+export { ComponentTable, componentTable };

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

@@ -0,0 +1,51 @@
+//#region src/styleD/build/typescript/component/table.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentTable = {
+	table: {
+		width: "100%",
+		color: "#000000",
+		backgroundColor: "#ffffff",
+		border: "0.0625rem solid #cccccc",
+		borderRadius: "0.25rem"
+	},
+	header: {
+		backgroundColor: "#ededed",
+		border: "0.0625rem solid #cccccc"
+	},
+	row: {
+		backgroundColor: "#ffffff",
+		hoverBackgroundColor: "#f6f6f6",
+		border: "0.0625rem solid #cccccc",
+		focusVisible: {
+			outline: "0.125rem solid #0072a9",
+			outlineOffset: "-0.0625rem"
+		}
+	},
+	cell: {
+		paddingBlock: "0.5rem",
+		paddingInline: "0.75rem",
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		}
+	},
+	columnHeader: { typography: {
+		font: "normal 700 0.75rem/1.15 Open Sans",
+		letterSpacing: "0rem",
+		fontWidth: 95
+	} },
+	compactLabel: {
+		color: "#545454",
+		gap: "0.25rem",
+		typography: {
+			font: "normal 460 0.75rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		}
+	}
+};
+//#endregion
+export { componentTable };

package/dist/styleD/build/typescript/component/toggleSwitch.cjs

@@ -0,0 +1,86 @@
+//#region src/styleD/build/typescript/component/toggleSwitch.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentToggleSwitch = {
+	shared: {
+		display: "flex",
+		alignItems: "center",
+		gap: "0.5rem",
+		cursor: "pointer",
+		color: "#000000",
+		label: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "flex-start",
+			paddingBlock: "0.125rem"
+		},
+		description: {
+			color: "#545454",
+			typography: {
+				font: "normal 460 0.75rem/1.3 Open Sans",
+				letterSpacing: "0rem",
+				fontWidth: 95
+			}
+		},
+		track: {
+			display: "flex",
+			alignItems: "center",
+			padding: "0.25rem",
+			borderRadius: "100px",
+			backgroundColor: "#666666",
+			transition: "background-color 200ms",
+			selected: { backgroundColor: "#0072a9" },
+			disabled: { backgroundColor: "#dcdcdc" },
+			focusVisible: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "0.125rem"
+			}
+		},
+		thumb: {
+			borderRadius: "50%",
+			backgroundColor: "#ffffff",
+			color: "#0072a9",
+			disabled: { color: "#dcdcdc" },
+			transition: "transform 200ms"
+		},
+		disabled: {
+			color: "#999999",
+			cursor: "not-allowed"
+		}
+	},
+	sm: {
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		},
+		track: {
+			width: "2.75rem",
+			height: "1.5rem"
+		},
+		thumb: {
+			size: "1.125rem",
+			translateX: "1.25rem",
+			iconSize: "1rem"
+		}
+	},
+	md: {
+		typography: {
+			font: "normal 460 1rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		},
+		track: {
+			width: "3.75rem",
+			height: "2rem"
+		},
+		thumb: {
+			size: "1.5rem",
+			translateX: "1.75rem",
+			iconSize: "1.25rem"
+		}
+	}
+};
+//#endregion
+exports.componentToggleSwitch = componentToggleSwitch;

package/dist/styleD/build/typescript/component/toggleSwitch.d.cts

@@ -0,0 +1,93 @@
+//#region src/styleD/build/typescript/component/toggleSwitch.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentToggleSwitch: {
+  shared: {
+    display: string;
+    alignItems: string;
+    gap: string;
+    cursor: string;
+    color: string;
+    label: {
+      display: string;
+      flexDirection: string;
+      alignItems: string;
+      paddingBlock: string;
+    };
+    description: {
+      color: string;
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+    };
+    track: {
+      display: string;
+      alignItems: string;
+      padding: string;
+      borderRadius: string;
+      backgroundColor: string;
+      transition: string;
+      selected: {
+        backgroundColor: string;
+      };
+      disabled: {
+        backgroundColor: string;
+      };
+      focusVisible: {
+        outline: string;
+        outlineOffset: string;
+      };
+    };
+    thumb: {
+      borderRadius: string;
+      backgroundColor: string;
+      color: string;
+      disabled: {
+        color: string;
+      };
+      transition: string;
+    };
+    disabled: {
+      color: string;
+      cursor: string;
+    };
+  };
+  sm: {
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+    track: {
+      width: string;
+      height: string;
+    };
+    thumb: {
+      size: string;
+      translateX: string;
+      iconSize: string;
+    };
+  };
+  md: {
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+    track: {
+      width: string;
+      height: string;
+    };
+    thumb: {
+      size: string;
+      translateX: string;
+      iconSize: string;
+    };
+  };
+};
+type ComponentToggleSwitch = typeof componentToggleSwitch;
+//#endregion
+export { ComponentToggleSwitch, componentToggleSwitch };

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

@@ -0,0 +1,93 @@
+//#region src/styleD/build/typescript/component/toggleSwitch.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentToggleSwitch: {
+  shared: {
+    display: string;
+    alignItems: string;
+    gap: string;
+    cursor: string;
+    color: string;
+    label: {
+      display: string;
+      flexDirection: string;
+      alignItems: string;
+      paddingBlock: string;
+    };
+    description: {
+      color: string;
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+    };
+    track: {
+      display: string;
+      alignItems: string;
+      padding: string;
+      borderRadius: string;
+      backgroundColor: string;
+      transition: string;
+      selected: {
+        backgroundColor: string;
+      };
+      disabled: {
+        backgroundColor: string;
+      };
+      focusVisible: {
+        outline: string;
+        outlineOffset: string;
+      };
+    };
+    thumb: {
+      borderRadius: string;
+      backgroundColor: string;
+      color: string;
+      disabled: {
+        color: string;
+      };
+      transition: string;
+    };
+    disabled: {
+      color: string;
+      cursor: string;
+    };
+  };
+  sm: {
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+    track: {
+      width: string;
+      height: string;
+    };
+    thumb: {
+      size: string;
+      translateX: string;
+      iconSize: string;
+    };
+  };
+  md: {
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+    track: {
+      width: string;
+      height: string;
+    };
+    thumb: {
+      size: string;
+      translateX: string;
+      iconSize: string;
+    };
+  };
+};
+type ComponentToggleSwitch = typeof componentToggleSwitch;
+//#endregion
+export { ComponentToggleSwitch, componentToggleSwitch };

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

@@ -0,0 +1,86 @@
+//#region src/styleD/build/typescript/component/toggleSwitch.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentToggleSwitch = {
+	shared: {
+		display: "flex",
+		alignItems: "center",
+		gap: "0.5rem",
+		cursor: "pointer",
+		color: "#000000",
+		label: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "flex-start",
+			paddingBlock: "0.125rem"
+		},
+		description: {
+			color: "#545454",
+			typography: {
+				font: "normal 460 0.75rem/1.3 Open Sans",
+				letterSpacing: "0rem",
+				fontWidth: 95
+			}
+		},
+		track: {
+			display: "flex",
+			alignItems: "center",
+			padding: "0.25rem",
+			borderRadius: "100px",
+			backgroundColor: "#666666",
+			transition: "background-color 200ms",
+			selected: { backgroundColor: "#0072a9" },
+			disabled: { backgroundColor: "#dcdcdc" },
+			focusVisible: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "0.125rem"
+			}
+		},
+		thumb: {
+			borderRadius: "50%",
+			backgroundColor: "#ffffff",
+			color: "#0072a9",
+			disabled: { color: "#dcdcdc" },
+			transition: "transform 200ms"
+		},
+		disabled: {
+			color: "#999999",
+			cursor: "not-allowed"
+		}
+	},
+	sm: {
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		},
+		track: {
+			width: "2.75rem",
+			height: "1.5rem"
+		},
+		thumb: {
+			size: "1.125rem",
+			translateX: "1.25rem",
+			iconSize: "1rem"
+		}
+	},
+	md: {
+		typography: {
+			font: "normal 460 1rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		},
+		track: {
+			width: "3.75rem",
+			height: "2rem"
+		},
+		thumb: {
+			size: "1.5rem",
+			translateX: "1.75rem",
+			iconSize: "1.25rem"
+		}
+	}
+};
+//#endregion
+export { componentToggleSwitch };

package/dist/styleD/build/typescript/semantic/colors.cjs

@@ -79,13 +79,24 @@ const semanticColors = {
 		orangeWeak: "#fcddc6",
 		orangeMedium: "#fac7a1",
 		yellowWeak: "#ffedac",
-		selected: "#005d8b",
+		unselectedStrong: "#ffffff",
+		unselectedHoverStrong: "#005d8b",
+		unselectedPressedStrong: "#00496c",
+		selectedStrong: "#0072a9",
+		selectedHoverStrong: "#00496c",
+		selectedPressedStrong: "#00344e",
 		selectedWeaker: "#e6f1f6",
-		selectedWeak: "#c5dfec",
 		selectedHoverWeaker: "#c5dfec",
-		selectedHoverWeak: "#8abed7",
 		selectedPressedWeaker: "#8abed7",
+		unselectedWeaker: "#ffffff",
+		unselectedHoverWeaker: "#e6f1f6",
+		unselectedPressedWeaker: "#c5dfec",
+		selectedWeak: "#c5dfec",
+		selectedHoverWeak: "#8abed7",
 		selectedPressedWeak: "#5ca5c8",
+		unselectedWeak: "#ffffff",
+		unselectedHoverWeak: "#c5dfec",
+		unselectedPressedWeak: "#8abed7",
 		draftStrong: "#f1c21b",
 		liveWeak: "#aed2a6",
 		warningWeak: "#ffedac",
@@ -96,7 +107,8 @@ const semanticColors = {
 		errorStrong: "#b42a19",
 		successWeak: "#cde4c9",
 		successStrong: "#326528",
-		neutralWeak: "#ededed"
+		neutralWeak: "#ededed",
+		neutralMedium: "#666666"
 	}
 };
 //#endregion

package/dist/styleD/build/typescript/semantic/colors.d.cts

@@ -79,13 +79,24 @@ declare const semanticColors: {
     orangeWeak: string;
     orangeMedium: string;
     yellowWeak: string;
-    selected: string;
+    unselectedStrong: string;
+    unselectedHoverStrong: string;
+    unselectedPressedStrong: string;
+    selectedStrong: string;
+    selectedHoverStrong: string;
+    selectedPressedStrong: string;
     selectedWeaker: string;
-    selectedWeak: string;
     selectedHoverWeaker: string;
-    selectedHoverWeak: string;
     selectedPressedWeaker: string;
+    unselectedWeaker: string;
+    unselectedHoverWeaker: string;
+    unselectedPressedWeaker: string;
+    selectedWeak: string;
+    selectedHoverWeak: string;
     selectedPressedWeak: string;
+    unselectedWeak: string;
+    unselectedHoverWeak: string;
+    unselectedPressedWeak: string;
     draftStrong: string;
     liveWeak: string;
     warningWeak: string;
@@ -97,6 +108,7 @@ declare const semanticColors: {
     successWeak: string;
     successStrong: string;
     neutralWeak: string;
+    neutralMedium: string;
   };
 };
 type SemanticColors = typeof semanticColors;

package/dist/styleD/build/typescript/semantic/colors.d.ts

@@ -79,13 +79,24 @@ declare const semanticColors: {
     orangeWeak: string;
     orangeMedium: string;
     yellowWeak: string;
-    selected: string;
+    unselectedStrong: string;
+    unselectedHoverStrong: string;
+    unselectedPressedStrong: string;
+    selectedStrong: string;
+    selectedHoverStrong: string;
+    selectedPressedStrong: string;
     selectedWeaker: string;
-    selectedWeak: string;
     selectedHoverWeaker: string;
-    selectedHoverWeak: string;
     selectedPressedWeaker: string;
+    unselectedWeaker: string;
+    unselectedHoverWeaker: string;
+    unselectedPressedWeaker: string;
+    selectedWeak: string;
+    selectedHoverWeak: string;
     selectedPressedWeak: string;
+    unselectedWeak: string;
+    unselectedHoverWeak: string;
+    unselectedPressedWeak: string;
     draftStrong: string;
     liveWeak: string;
     warningWeak: string;
@@ -97,6 +108,7 @@ declare const semanticColors: {
     successWeak: string;
     successStrong: string;
     neutralWeak: string;
+    neutralMedium: string;
   };
 };
 type SemanticColors = typeof semanticColors;

package/dist/styleD/build/typescript/semantic/colors.js

@@ -79,13 +79,24 @@ const semanticColors = {
 		orangeWeak: "#fcddc6",
 		orangeMedium: "#fac7a1",
 		yellowWeak: "#ffedac",
-		selected: "#005d8b",
+		unselectedStrong: "#ffffff",
+		unselectedHoverStrong: "#005d8b",
+		unselectedPressedStrong: "#00496c",
+		selectedStrong: "#0072a9",
+		selectedHoverStrong: "#00496c",
+		selectedPressedStrong: "#00344e",
 		selectedWeaker: "#e6f1f6",
-		selectedWeak: "#c5dfec",
 		selectedHoverWeaker: "#c5dfec",
-		selectedHoverWeak: "#8abed7",
 		selectedPressedWeaker: "#8abed7",
+		unselectedWeaker: "#ffffff",
+		unselectedHoverWeaker: "#e6f1f6",
+		unselectedPressedWeaker: "#c5dfec",
+		selectedWeak: "#c5dfec",
+		selectedHoverWeak: "#8abed7",
 		selectedPressedWeak: "#5ca5c8",
+		unselectedWeak: "#ffffff",
+		unselectedHoverWeak: "#c5dfec",
+		unselectedPressedWeak: "#8abed7",
 		draftStrong: "#f1c21b",
 		liveWeak: "#aed2a6",
 		warningWeak: "#ffedac",
@@ -96,7 +107,8 @@ const semanticColors = {
 		errorStrong: "#b42a19",
 		successWeak: "#cde4c9",
 		successStrong: "#326528",
-		neutralWeak: "#ededed"
+		neutralWeak: "#ededed",
+		neutralMedium: "#666666"
 	}
 };
 //#endregion

package/dist/styleD/build/typescript/semantic/sizing.cjs

@@ -4,6 +4,7 @@
 */
 const semanticSizing = {
 	height: {
+		xxxxs: "1rem",
 		xxxs: "1.125rem",
 		xxs: "1.25rem",
 		xs: "1.5rem",

package/dist/styleD/build/typescript/semantic/sizing.d.cts

@@ -4,6 +4,7 @@
  */
 declare const semanticSizing: {
   height: {
+    xxxxs: string;
     xxxs: string;
     xxs: string;
     xs: string;

package/dist/styleD/build/typescript/semantic/sizing.d.ts

@@ -4,6 +4,7 @@
  */
 declare const semanticSizing: {
   height: {
+    xxxxs: string;
     xxxs: string;
     xxs: string;
     xs: string;

package/dist/styleD/build/typescript/semantic/sizing.js

@@ -4,6 +4,7 @@
 */
 const semanticSizing = {
 	height: {
+		xxxxs: "1rem",
 		xxxs: "1.125rem",
 		xxs: "1.25rem",
 		xs: "1.5rem",