@guardian/stand 0.0.65 → 0.0.67

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

@@ -0,0 +1,162 @@
+//#region src/styleD/build/typescript/component/badge.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentBadge: {
+  shared: {
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+  };
+  size: {
+    md: {
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+      };
+      weight: {
+        strong: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+        light: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+      };
+    };
+    sm: {
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+      };
+      weight: {
+        strong: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+        light: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+      };
+    };
+    xs: {
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+      };
+      weight: {
+        strong: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+        light: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+      };
+    };
+  };
+  color: {
+    green: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+    yellow: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+    grey: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+    orange: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+    warmPurple: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+    red: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+  };
+};
+type ComponentBadge = typeof componentBadge;
+//#endregion
+export { ComponentBadge, componentBadge };

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

@@ -0,0 +1,162 @@
+//#region src/styleD/build/typescript/component/badge.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentBadge: {
+  shared: {
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+  };
+  size: {
+    md: {
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+      };
+      weight: {
+        strong: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+        light: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+      };
+    };
+    sm: {
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+      };
+      weight: {
+        strong: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+        light: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+      };
+    };
+    xs: {
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+      };
+      weight: {
+        strong: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+        light: {
+          typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+          };
+        };
+      };
+    };
+  };
+  color: {
+    green: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+    yellow: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+    grey: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+    orange: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+    warmPurple: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+    red: {
+      weight: {
+        strong: {
+          background: string;
+          color: string;
+        };
+        light: {
+          background: string;
+          color: string;
+        };
+      };
+    };
+  };
+};
+type ComponentBadge = typeof componentBadge;
+//#endregion
+export { ComponentBadge, componentBadge };

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

@@ -0,0 +1,137 @@
+//#region src/styleD/build/typescript/component/badge.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentBadge = {
+	shared: {
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	size: {
+		md: {
+			padding: {
+				top: "4px",
+				right: "12px",
+				bottom: "4px",
+				left: "12px"
+			},
+			weight: {
+				strong: { typography: {
+					font: "normal 700 1rem/1.15 Open Sans",
+					letterSpacing: "-0.03125rem",
+					fontWidth: 95
+				} },
+				light: { typography: {
+					font: "normal 460 1rem/1.3 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				} }
+			}
+		},
+		sm: {
+			padding: {
+				top: "4px",
+				right: "8px",
+				bottom: "4px",
+				left: "8px"
+			},
+			weight: {
+				strong: { typography: {
+					font: "normal 700 0.875rem/1.15 Open Sans",
+					letterSpacing: "-0.0125rem",
+					fontWidth: 95
+				} },
+				light: { typography: {
+					font: "normal 460 0.875rem/1.3 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				} }
+			}
+		},
+		xs: {
+			padding: {
+				top: "1px",
+				right: "6px",
+				bottom: "3px",
+				left: "6px"
+			},
+			weight: {
+				strong: { typography: {
+					font: "normal 700 0.75rem/1.15 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				} },
+				light: { typography: {
+					font: "normal 460 0.75rem/1.3 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				} }
+			}
+		}
+	},
+	color: {
+		green: { weight: {
+			strong: {
+				background: "#aed2a6",
+				color: "#000000"
+			},
+			light: {
+				background: "#cde4c9",
+				color: "#24491d"
+			}
+		} },
+		yellow: { weight: {
+			strong: {
+				background: "#f1c21b",
+				color: "#000000"
+			},
+			light: {
+				background: "#ffedac",
+				color: "#5b4a0b"
+			}
+		} },
+		grey: { weight: {
+			strong: {
+				background: "#dcdcdc",
+				color: "#000000"
+			},
+			light: {
+				background: "#dcdcdc",
+				color: "#000000"
+			}
+		} },
+		orange: { weight: {
+			strong: {
+				background: "#fac7a1",
+				color: "#000000"
+			},
+			light: {
+				background: "#fcddc6",
+				color: "#693c16"
+			}
+		} },
+		warmPurple: { weight: {
+			strong: {
+				background: "#dac3e8",
+				color: "#000000"
+			},
+			light: {
+				background: "#dac3e8",
+				color: "#381350"
+			}
+		} },
+		red: { weight: {
+			strong: {
+				background: "#eea198",
+				color: "#000000"
+			},
+			light: {
+				background: "#f5c6c0",
+				color: "#65170e"
+			}
+		} }
+	}
+};
+//#endregion
+export { componentBadge };

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

@@ -0,0 +1,68 @@
+//#region src/styleD/build/typescript/component/sidebarStepperNavigation.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const componentSidebarStepperNavigation = {
+	mobileToggle: { shared: {
+		border: "0.125rem solid #cccccc",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		height: "4.5rem",
+		paddingInline: "1rem",
+		width: "100%",
+		backgroundColor: "#f6f6f6",
+		hovered: { backgroundColor: "#ededed" },
+		pressed: { backgroundColor: "#e6e6e6" }
+	} },
+	navigation: { shared: {
+		border: "0.0625rem solid #8d8d8d",
+		flexDirection: "column",
+		height: "100%"
+	} },
+	statusRow: { shared: {
+		display: "flex",
+		gap: "0.375rem",
+		alignItems: "center",
+		text: {
+			color: "#545454",
+			disabledColor: "#999999"
+		},
+		icon: {
+			size: "1rem",
+			optionalColor: "#cde4c9",
+			completeColor: "#326528",
+			incompleteColor: "#8c2113"
+		}
+	} },
+	step: { shared: {
+		height: "4.5rem",
+		backgroundColor: "#ffffff",
+		currentBackgroundColor: "#f6f6f6",
+		cursor: "pointer",
+		disabledCursor: "default",
+		border: "0.0625rem solid #cccccc",
+		text: {
+			color: "#000000",
+			disabledColor: "#999999",
+			inverseColor: "#ffffff"
+		},
+		numberColumnWidth: "2rem"
+	} },
+	stepNumber: { shared: {
+		height: "100%",
+		backgroundColor: "#005d8b",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center"
+	} },
+	stepContent: { shared: {
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center",
+		gap: "0.25rem",
+		marginLeft: "0.75rem"
+	} }
+};
+//#endregion
+exports.componentSidebarStepperNavigation = componentSidebarStepperNavigation;

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

@@ -0,0 +1,85 @@
+//#region src/styleD/build/typescript/component/sidebarStepperNavigation.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentSidebarStepperNavigation: {
+  mobileToggle: {
+    shared: {
+      border: string;
+      display: string;
+      alignItems: string;
+      justifyContent: string;
+      height: string;
+      paddingInline: string;
+      width: string;
+      backgroundColor: string;
+      hovered: {
+        backgroundColor: string;
+      };
+      pressed: {
+        backgroundColor: string;
+      };
+    };
+  };
+  navigation: {
+    shared: {
+      border: string;
+      flexDirection: string;
+      height: string;
+    };
+  };
+  statusRow: {
+    shared: {
+      display: string;
+      gap: string;
+      alignItems: string;
+      text: {
+        color: string;
+        disabledColor: string;
+      };
+      icon: {
+        size: string;
+        optionalColor: string;
+        completeColor: string;
+        incompleteColor: string;
+      };
+    };
+  };
+  step: {
+    shared: {
+      height: string;
+      backgroundColor: string;
+      currentBackgroundColor: string;
+      cursor: string;
+      disabledCursor: string;
+      border: string;
+      text: {
+        color: string;
+        disabledColor: string;
+        inverseColor: string;
+      };
+      numberColumnWidth: string;
+    };
+  };
+  stepNumber: {
+    shared: {
+      height: string;
+      backgroundColor: string;
+      display: string;
+      alignItems: string;
+      justifyContent: string;
+    };
+  };
+  stepContent: {
+    shared: {
+      display: string;
+      flexDirection: string;
+      justifyContent: string;
+      gap: string;
+      marginLeft: string;
+    };
+  };
+};
+type ComponentSidebarStepperNavigation = typeof componentSidebarStepperNavigation;
+//#endregion
+export { ComponentSidebarStepperNavigation, componentSidebarStepperNavigation };

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

@@ -0,0 +1,85 @@
+//#region src/styleD/build/typescript/component/sidebarStepperNavigation.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentSidebarStepperNavigation: {
+  mobileToggle: {
+    shared: {
+      border: string;
+      display: string;
+      alignItems: string;
+      justifyContent: string;
+      height: string;
+      paddingInline: string;
+      width: string;
+      backgroundColor: string;
+      hovered: {
+        backgroundColor: string;
+      };
+      pressed: {
+        backgroundColor: string;
+      };
+    };
+  };
+  navigation: {
+    shared: {
+      border: string;
+      flexDirection: string;
+      height: string;
+    };
+  };
+  statusRow: {
+    shared: {
+      display: string;
+      gap: string;
+      alignItems: string;
+      text: {
+        color: string;
+        disabledColor: string;
+      };
+      icon: {
+        size: string;
+        optionalColor: string;
+        completeColor: string;
+        incompleteColor: string;
+      };
+    };
+  };
+  step: {
+    shared: {
+      height: string;
+      backgroundColor: string;
+      currentBackgroundColor: string;
+      cursor: string;
+      disabledCursor: string;
+      border: string;
+      text: {
+        color: string;
+        disabledColor: string;
+        inverseColor: string;
+      };
+      numberColumnWidth: string;
+    };
+  };
+  stepNumber: {
+    shared: {
+      height: string;
+      backgroundColor: string;
+      display: string;
+      alignItems: string;
+      justifyContent: string;
+    };
+  };
+  stepContent: {
+    shared: {
+      display: string;
+      flexDirection: string;
+      justifyContent: string;
+      gap: string;
+      marginLeft: string;
+    };
+  };
+};
+type ComponentSidebarStepperNavigation = typeof componentSidebarStepperNavigation;
+//#endregion
+export { ComponentSidebarStepperNavigation, componentSidebarStepperNavigation };