@guardian/stand 0.0.64 → 0.0.66

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

@@ -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
+exports.componentBadge = componentBadge;

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/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;