@guardian/stand 0.0.63 → 0.0.65

package/dist/styleD/build/css/component/select.css

@@ -16,14 +16,9 @@
 	--component-select-shared-button-background-color: #ffffff;
 	--component-select-shared-button-border: 0.0625rem solid #545454;
 	--component-select-shared-button-border-radius: 0.25rem;
-	--component-select-shared-button-height: 2.5rem;
 	--component-select-shared-button-padding-left: 0.75rem;
 	--component-select-shared-button-padding-right: 0.25rem;
-	--component-select-shared-button-color: #545454;
-	--component-select-shared-button-typography-font: normal 460 1rem/1.3
-		'Open Sans';
-	--component-select-shared-button-typography-letter-spacing: 0rem;
-	--component-select-shared-button-typography-font-width: 95;
+	--component-select-shared-button-color: #000000;
 	--component-select-shared-button-focused-outline: 0.125rem solid #0072a9;
 	--component-select-shared-button-focused-outline-offset: 0.125rem;
 	--component-select-shared-button-disabled-background-color: #ffffff;
@@ -38,12 +33,16 @@
 	--component-select-shared-option-focused-outline: 0.125rem solid #0072a9;
 	--component-select-shared-option-focused-outline-offset: 0;
 	--component-select-shared-option-focused-background-color: inherit;
-	--component-select-shared-list-box-typography-font: normal 460 1rem/1.3
-		'Open Sans';
-	--component-select-shared-list-box-typography-letter-spacing: 0rem;
-	--component-select-shared-list-box-typography-font-width: 95;
 	--component-select-shared-list-box-border: 0.0625rem solid #cccccc;
 	--component-select-shared-list-box-background-color: #ffffff;
 	--component-select-shared-list-box-shadow: 0 0.125rem 0.375rem 0
 		rgb(0% 0% 0% / 0.3);
+	--component-select-sm-height: 2rem;
+	--component-select-sm-typography-font: normal 460 0.875rem/1.3 'Open Sans';
+	--component-select-sm-typography-letter-spacing: 0rem;
+	--component-select-sm-typography-font-width: 95;
+	--component-select-md-height: 2.5rem;
+	--component-select-md-typography-font: normal 460 1rem/1.3 'Open Sans';
+	--component-select-md-typography-letter-spacing: 0rem;
+	--component-select-md-typography-font-width: 95;
 }

package/dist/styleD/build/css/component/userFeedbackSummary.css

@@ -0,0 +1,23 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+	--component-user-feedback-summary-shared-color: #000000;
+	--component-user-feedback-summary-shared-gap: 0.25rem;
+	--component-user-feedback-summary-shared-padding-top: 0.75rem;
+	--component-user-feedback-summary-shared-padding-right: 1rem;
+	--component-user-feedback-summary-shared-padding-bottom: 0.75rem;
+	--component-user-feedback-summary-shared-padding-left: 0.5rem;
+	--component-user-feedback-summary-shared-max-width: 46ch;
+	--component-user-feedback-summary-shared-border-width: 0.0625rem;
+	--component-user-feedback-summary-shared-border-style: solid;
+	--component-user-feedback-summary-error-color: #8c2113;
+	--component-user-feedback-summary-error-border-color: #b42a19;
+	--component-user-feedback-summary-warning-color: #693c16;
+	--component-user-feedback-summary-warning-border-color: #9a7c11;
+	--component-user-feedback-summary-success-color: #326528;
+	--component-user-feedback-summary-success-border-color: #408233;
+	--component-user-feedback-summary-information-color: #092f62;
+	--component-user-feedback-summary-information-border-color: #1054af;
+}

package/dist/styleD/build/css/semantic/colors.css

@@ -41,6 +41,9 @@
 	--semantic-colors-border-disabled: #dcdcdc;
 	--semantic-colors-border-accent: #0d4289;
 	--semantic-colors-border-error: #b42a19;
+	--semantic-colors-border-success: #408233;
+	--semantic-colors-border-warning: #9a7c11;
+	--semantic-colors-border-information: #1054af;
 	--semantic-colors-border-focused: #0072a9;
 	--semantic-colors-border-selected: #0072a9;
 	--semantic-colors-border-selected-inverse: #8abed7;
@@ -67,7 +70,8 @@
 	--semantic-colors-fill-warm-purple-weak: #dac3e8;
 	--semantic-colors-fill-magenta-weak: #edc6d7;
 	--semantic-colors-fill-orange-weak: #fcddc6;
-	--semantic-colors-fill-yellow-weak: #fbeebf;
+	--semantic-colors-fill-orange-medium: #fac7a1;
+	--semantic-colors-fill-yellow-weak: #ffedac;
 	--semantic-colors-fill-selected: #005d8b;
 	--semantic-colors-fill-selected-weaker: #e6f1f6;
 	--semantic-colors-fill-selected-weak: #c5dfec;
@@ -77,10 +81,11 @@
 	--semantic-colors-fill-selected-pressed-weak: #5ca5c8;
 	--semantic-colors-fill-draft-strong: #f1c21b;
 	--semantic-colors-fill-live-weak: #aed2a6;
-	--semantic-colors-fill-warning-weak: #fbeebf;
+	--semantic-colors-fill-warning-weak: #ffedac;
 	--semantic-colors-fill-information-weak: #e8f0fb;
-	--semantic-colors-fill-error-weak: #f5c6c0;
 	--semantic-colors-fill-error-weaker: #fbebe9;
+	--semantic-colors-fill-error-weak: #f5c6c0;
+	--semantic-colors-fill-error-medium: #eea198;
 	--semantic-colors-fill-error-strong: #b42a19;
 	--semantic-colors-fill-success-weak: #cde4c9;
 	--semantic-colors-fill-success-strong: #326528;

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

@@ -90,7 +90,7 @@ const baseColors = {
 		"500": "#f4cd44",
 		"600": "#f6d86d",
 		"700": "#f9e396",
-		"800": "#fbeebf",
+		"800": "#ffedac",
 		"900": "#fef9e8"
 	},
 	orange: {

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

@@ -90,7 +90,7 @@ declare const baseColors: {
     readonly '500': "#f4cd44";
     readonly '600': "#f6d86d";
     readonly '700': "#f9e396";
-    readonly '800': "#fbeebf";
+    readonly '800': "#ffedac";
     readonly '900': "#fef9e8";
   };
   readonly orange: {

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

@@ -90,7 +90,7 @@ declare const baseColors: {
     readonly '500': "#f4cd44";
     readonly '600': "#f6d86d";
     readonly '700': "#f9e396";
-    readonly '800': "#fbeebf";
+    readonly '800': "#ffedac";
     readonly '900': "#fef9e8";
   };
   readonly orange: {

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

@@ -90,7 +90,7 @@ const baseColors = {
 		"500": "#f4cd44",
 		"600": "#f6d86d",
 		"700": "#f9e396",
-		"800": "#fbeebf",
+		"800": "#ffedac",
 		"900": "#fef9e8"
 	},
 	orange: {

package/dist/styleD/build/typescript/base/typography.cjs

@@ -34,11 +34,11 @@ const baseTypography = {
 		"48Rem": "3rem"
 	},
 	weight: {
-		guardianHeadline: { bold: 700 },
 		guardianTextEgyptian: {
 			normal: 400,
 			bold: 700
 		},
+		guardianHeadline: { bold: 700 },
 		openSans: {
 			light: 340,
 			normal: 460,

package/dist/styleD/build/typescript/base/typography.d.cts

@@ -34,13 +34,13 @@ declare const baseTypography: {
     readonly '48Rem': "3rem";
   };
   readonly weight: {
-    readonly guardianHeadline: {
-      readonly bold: 700;
-    };
     readonly guardianTextEgyptian: {
       readonly normal: 400;
       readonly bold: 700;
     };
+    readonly guardianHeadline: {
+      readonly bold: 700;
+    };
     readonly openSans: {
       readonly light: 340;
       readonly normal: 460;

package/dist/styleD/build/typescript/base/typography.d.ts

@@ -34,13 +34,13 @@ declare const baseTypography: {
     readonly '48Rem': "3rem";
   };
   readonly weight: {
-    readonly guardianHeadline: {
-      readonly bold: 700;
-    };
     readonly guardianTextEgyptian: {
       readonly normal: 400;
       readonly bold: 700;
     };
+    readonly guardianHeadline: {
+      readonly bold: 700;
+    };
     readonly openSans: {
       readonly light: 340;
       readonly normal: 460;

package/dist/styleD/build/typescript/base/typography.js

@@ -34,11 +34,11 @@ const baseTypography = {
 		"48Rem": "3rem"
 	},
 	weight: {
-		guardianHeadline: { bold: 700 },
 		guardianTextEgyptian: {
 			normal: 400,
 			bold: 700
 		},
+		guardianHeadline: { bold: 700 },
 		openSans: {
 			light: 340,
 			normal: 460,

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

@@ -33,7 +33,7 @@ const componentAlertBanner = {
 	},
 	information: { backgroundColor: "#e8f0fb" },
 	success: { backgroundColor: "#cde4c9" },
-	warning: { backgroundColor: "#fbeebf" },
+	warning: { backgroundColor: "#ffedac" },
 	error: { backgroundColor: "#f5c6c0" }
 };
 //#endregion

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

@@ -33,7 +33,7 @@ const componentAlertBanner = {
 	},
 	information: { backgroundColor: "#e8f0fb" },
 	success: { backgroundColor: "#cde4c9" },
-	warning: { backgroundColor: "#fbeebf" },
+	warning: { backgroundColor: "#ffedac" },
 	error: { backgroundColor: "#f5c6c0" }
 };
 //#endregion

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

@@ -70,7 +70,7 @@ const componentAvatar = {
 			},
 			yellow: {
 				text: "#5b4a0b",
-				background: "#fbeebf",
+				background: "#ffedac",
 				border: "unset",
 				hover: { background: "#f9e396" },
 				active: { background: "#f6d86d" }

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

@@ -70,7 +70,7 @@ const componentAvatar = {
 			},
 			yellow: {
 				text: "#5b4a0b",
-				background: "#fbeebf",
+				background: "#ffedac",
 				border: "unset",
 				hover: { background: "#f9e396" },
 				active: { background: "#f6d86d" }

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

@@ -2,65 +2,72 @@
 /**
 * Do not edit directly, this file was auto-generated.
 */
-const componentSelect = { shared: {
-	width: "100%",
-	offset: 8,
-	containerPadding: 0,
-	hover: {
-		backgroundColor: "#f6f6f6",
-		outline: "none"
-	},
-	pressed: { backgroundColor: "#ededed" },
-	button: {
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center",
-		marginTop: "0.25rem",
-		backgroundColor: "#ffffff",
-		border: "0.0625rem solid #545454",
-		borderRadius: "0.25rem",
-		height: "2.5rem",
-		paddingLeft: "0.75rem",
-		paddingRight: "0.25rem",
-		color: "#545454",
-		typography: {
-			font: "normal 460 1rem/1.3 Open Sans",
-			letterSpacing: "0rem",
-			fontWidth: 95
+const componentSelect = {
+	shared: {
+		width: "100%",
+		offset: 8,
+		containerPadding: 0,
+		hover: {
+			backgroundColor: "#f6f6f6",
+			outline: "none"
 		},
-		focused: {
-			outline: "0.125rem solid #0072a9",
-			outlineOffset: "0.125rem"
-		},
-		disabled: {
+		pressed: { backgroundColor: "#ededed" },
+		button: {
+			display: "flex",
+			justifyContent: "space-between",
+			alignItems: "center",
+			marginTop: "0.25rem",
 			backgroundColor: "#ffffff",
-			cursor: "not-allowed",
-			color: "#999999",
-			border: "0.0625rem solid #dcdcdc"
+			border: "0.0625rem solid #545454",
+			borderRadius: "0.25rem",
+			paddingLeft: "0.75rem",
+			paddingRight: "0.25rem",
+			color: "#000000",
+			focused: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "0.125rem"
+			},
+			disabled: {
+				backgroundColor: "#ffffff",
+				cursor: "not-allowed",
+				color: "#999999",
+				border: "0.0625rem solid #dcdcdc"
+			},
+			error: { border: "0.0625rem solid #b42a19" }
+		},
+		option: {
+			paddingLeft: "1rem",
+			paddingRight: "1rem",
+			paddingTop: "0.75rem",
+			paddingBottom: "0.75rem",
+			focused: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "0",
+				backgroundColor: "inherit"
+			}
 		},
-		error: { border: "0.0625rem solid #b42a19" }
+		listBox: {
+			border: "0.0625rem solid #cccccc",
+			backgroundColor: "#ffffff",
+			shadow: "0 0.125rem 0.375rem 0 rgb(0% 0% 0% / 0.3)"
+		}
 	},
-	option: {
-		paddingLeft: "1rem",
-		paddingRight: "1rem",
-		paddingTop: "0.75rem",
-		paddingBottom: "0.75rem",
-		focused: {
-			outline: "0.125rem solid #0072a9",
-			outlineOffset: "0",
-			backgroundColor: "inherit"
+	sm: {
+		height: "2rem",
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
 		}
 	},
-	listBox: {
+	md: {
+		height: "2.5rem",
 		typography: {
 			font: "normal 460 1rem/1.3 Open Sans",
 			letterSpacing: "0rem",
 			fontWidth: 95
-		},
-		border: "0.0625rem solid #cccccc",
-		backgroundColor: "#ffffff",
-		shadow: "0 0.125rem 0.375rem 0 rgb(0% 0% 0% / 0.3)"
+		}
 	}
-} };
+};
 //#endregion
 exports.componentSelect = componentSelect;

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

@@ -22,15 +22,9 @@ declare const componentSelect: {
       backgroundColor: string;
       border: string;
       borderRadius: string;
-      height: string;
       paddingLeft: string;
       paddingRight: string;
       color: string;
-      typography: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-      };
       focused: {
         outline: string;
         outlineOffset: string;
@@ -57,16 +51,27 @@ declare const componentSelect: {
       };
     };
     listBox: {
-      typography: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-      };
       border: string;
       backgroundColor: string;
       shadow: string;
     };
   };
+  sm: {
+    height: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+  md: {
+    height: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
 };
 type ComponentSelect = typeof componentSelect;
 //#endregion

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

@@ -22,15 +22,9 @@ declare const componentSelect: {
       backgroundColor: string;
       border: string;
       borderRadius: string;
-      height: string;
       paddingLeft: string;
       paddingRight: string;
       color: string;
-      typography: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-      };
       focused: {
         outline: string;
         outlineOffset: string;
@@ -57,16 +51,27 @@ declare const componentSelect: {
       };
     };
     listBox: {
-      typography: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-      };
       border: string;
       backgroundColor: string;
       shadow: string;
     };
   };
+  sm: {
+    height: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+  md: {
+    height: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
 };
 type ComponentSelect = typeof componentSelect;
 //#endregion

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

@@ -2,65 +2,72 @@
 /**
 * Do not edit directly, this file was auto-generated.
 */
-const componentSelect = { shared: {
-	width: "100%",
-	offset: 8,
-	containerPadding: 0,
-	hover: {
-		backgroundColor: "#f6f6f6",
-		outline: "none"
-	},
-	pressed: { backgroundColor: "#ededed" },
-	button: {
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center",
-		marginTop: "0.25rem",
-		backgroundColor: "#ffffff",
-		border: "0.0625rem solid #545454",
-		borderRadius: "0.25rem",
-		height: "2.5rem",
-		paddingLeft: "0.75rem",
-		paddingRight: "0.25rem",
-		color: "#545454",
-		typography: {
-			font: "normal 460 1rem/1.3 Open Sans",
-			letterSpacing: "0rem",
-			fontWidth: 95
+const componentSelect = {
+	shared: {
+		width: "100%",
+		offset: 8,
+		containerPadding: 0,
+		hover: {
+			backgroundColor: "#f6f6f6",
+			outline: "none"
 		},
-		focused: {
-			outline: "0.125rem solid #0072a9",
-			outlineOffset: "0.125rem"
-		},
-		disabled: {
+		pressed: { backgroundColor: "#ededed" },
+		button: {
+			display: "flex",
+			justifyContent: "space-between",
+			alignItems: "center",
+			marginTop: "0.25rem",
 			backgroundColor: "#ffffff",
-			cursor: "not-allowed",
-			color: "#999999",
-			border: "0.0625rem solid #dcdcdc"
+			border: "0.0625rem solid #545454",
+			borderRadius: "0.25rem",
+			paddingLeft: "0.75rem",
+			paddingRight: "0.25rem",
+			color: "#000000",
+			focused: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "0.125rem"
+			},
+			disabled: {
+				backgroundColor: "#ffffff",
+				cursor: "not-allowed",
+				color: "#999999",
+				border: "0.0625rem solid #dcdcdc"
+			},
+			error: { border: "0.0625rem solid #b42a19" }
+		},
+		option: {
+			paddingLeft: "1rem",
+			paddingRight: "1rem",
+			paddingTop: "0.75rem",
+			paddingBottom: "0.75rem",
+			focused: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "0",
+				backgroundColor: "inherit"
+			}
 		},
-		error: { border: "0.0625rem solid #b42a19" }
+		listBox: {
+			border: "0.0625rem solid #cccccc",
+			backgroundColor: "#ffffff",
+			shadow: "0 0.125rem 0.375rem 0 rgb(0% 0% 0% / 0.3)"
+		}
 	},
-	option: {
-		paddingLeft: "1rem",
-		paddingRight: "1rem",
-		paddingTop: "0.75rem",
-		paddingBottom: "0.75rem",
-		focused: {
-			outline: "0.125rem solid #0072a9",
-			outlineOffset: "0",
-			backgroundColor: "inherit"
+	sm: {
+		height: "2rem",
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
 		}
 	},
-	listBox: {
+	md: {
+		height: "2.5rem",
 		typography: {
 			font: "normal 460 1rem/1.3 Open Sans",
 			letterSpacing: "0rem",
 			fontWidth: 95
-		},
-		border: "0.0625rem solid #cccccc",
-		backgroundColor: "#ffffff",
-		shadow: "0 0.125rem 0.375rem 0 rgb(0% 0% 0% / 0.3)"
+		}
 	}
-} };
+};
 //#endregion
 export { componentSelect };

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

@@ -0,0 +1,35 @@
+//#region src/styleD/build/typescript/component/userFeedbackSummary.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentUserFeedbackSummary = {
+	shared: {
+		color: "#000000",
+		gap: "0.25rem",
+		paddingTop: "0.75rem",
+		paddingRight: "1rem",
+		paddingBottom: "0.75rem",
+		paddingLeft: "0.5rem",
+		maxWidth: "46ch",
+		borderWidth: "0.0625rem",
+		borderStyle: "solid"
+	},
+	error: {
+		color: "#8c2113",
+		borderColor: "#b42a19"
+	},
+	warning: {
+		color: "#693c16",
+		borderColor: "#9a7c11"
+	},
+	success: {
+		color: "#326528",
+		borderColor: "#408233"
+	},
+	information: {
+		color: "#092f62",
+		borderColor: "#1054af"
+	}
+};
+//#endregion
+exports.componentUserFeedbackSummary = componentUserFeedbackSummary;

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

@@ -0,0 +1,36 @@
+//#region src/styleD/build/typescript/component/userFeedbackSummary.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentUserFeedbackSummary: {
+  shared: {
+    color: string;
+    gap: string;
+    paddingTop: string;
+    paddingRight: string;
+    paddingBottom: string;
+    paddingLeft: string;
+    maxWidth: string;
+    borderWidth: string;
+    borderStyle: string;
+  };
+  error: {
+    color: string;
+    borderColor: string;
+  };
+  warning: {
+    color: string;
+    borderColor: string;
+  };
+  success: {
+    color: string;
+    borderColor: string;
+  };
+  information: {
+    color: string;
+    borderColor: string;
+  };
+};
+type ComponentUserFeedbackSummary = typeof componentUserFeedbackSummary;
+//#endregion
+export { ComponentUserFeedbackSummary, componentUserFeedbackSummary };