@guardian/stand 0.0.39 → 0.0.41

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

@@ -1,143 +1,133 @@
+//#region src/styleD/build/typescript/component/menu.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
 const componentMenu = {
-  menu: {
-    shared: {
-      display: "flex",
-      flexDirection: "column",
-      backgroundColor: "#ffffff",
-      border: "0.0625rem solid #cccccc"
-    }
-  },
-  menuSection: {
-    header: {
-      shared: {
-        display: "flex",
-        alignItems: "center",
-        padding: {
-          top: "0",
-          right: "0.5rem",
-          bottom: "0",
-          left: "0.5rem"
-        },
-        backgroundColor: "#ededed",
-        color: "#000000"
-      },
-      sm: {
-        height: "1.5rem",
-        typography: {
-          font: "normal 700 0.875rem/1 Open Sans",
-          letterSpacing: "-0.0125rem",
-          fontWidth: 95
-        }
-      },
-      md: {
-        height: "2rem",
-        typography: {
-          font: "normal 700 1rem/1 Open Sans",
-          letterSpacing: "-0.0125rem",
-          fontWidth: 95
-        }
-      }
-    }
-  },
-  menuItem: {
-    shared: {
-      display: "grid",
-      gridTemplateAreas: "'icon label aside'",
-      gridTemplateAreasWithDescription: "'icon label aside' '. description .'",
-      gridTemplateColumns: "auto 6fr 1fr",
-      gap: "0.25rem",
-      alignItems: "center",
-      padding: {
-        top: "0.75rem",
-        right: "1rem",
-        bottom: "0.75rem",
-        left: "1rem"
-      },
-      borderBottom: "0.0625rem solid #cccccc",
-      backgroundColor: "#ffffff",
-      icon: {
-        gridArea: "icon",
-        alignSelf: "start",
-        color: "#545454"
-      },
-      label: {
-        gridArea: "label",
-        color: "#000000",
-        typography: {
-          font: "normal 460 1rem/1.3 Open Sans",
-          letterSpacing: "0rem",
-          fontWidth: 95
-        }
-      },
-      description: {
-        gridArea: "description",
-        color: "#545454",
-        typography: {
-          font: "normal 460 0.875rem/1.3 Open Sans",
-          letterSpacing: "0rem",
-          fontWidth: 95
-        }
-      },
-      aside: {
-        gridArea: "aside",
-        justifySelf: "end",
-        alignSelf: "start",
-        color: "#000000",
-        typography: {
-          font: "normal 460 1rem/1.3 Open Sans",
-          letterSpacing: "0rem",
-          fontWidth: 95
-        }
-      },
-      lastChild: {
-        borderBottom: "none"
-      },
-      hover: {
-        backgroundColor: "#f6f6f6",
-        outline: "none"
-      },
-      focusVisible: {
-        outline: "0.125rem solid #0072a9",
-        outlineOffset: "-0.125rem"
-      },
-      pressed: {
-        backgroundColor: "#ededed"
-      }
-    },
-    sm: {
-      icon: {
-        size: "1.125rem",
-        lineHeight: 1.3
-      }
-    },
-    md: {
-      icon: {
-        size: "1.25rem",
-        lineHeight: 1.3
-      }
-    }
-  },
-  menuSeparator: {
-    shared: {
-      backgroundColor: "#ededed",
-      height: "0.5rem",
-      width: "100%"
-    }
-  },
-  menuPopover: {
-    shared: {
-      overflow: "auto",
-      shadow: "0 0.125rem 0.375rem 0 rgb(0% 0% 0% / 0.3)"
-    },
-    sm: {
-      maxWidth: "200px",
-      width: "100%"
-    },
-    md: {
-      maxWidth: "320px",
-      width: "100%"
-    }
-  }
+	menu: { shared: {
+		display: "flex",
+		flexDirection: "column",
+		backgroundColor: "#ffffff",
+		border: "0.0625rem solid #cccccc"
+	} },
+	menuSection: { header: {
+		shared: {
+			display: "flex",
+			alignItems: "center",
+			padding: {
+				top: "0",
+				right: "0.5rem",
+				bottom: "0",
+				left: "0.5rem"
+			},
+			backgroundColor: "#ededed",
+			color: "#000000"
+		},
+		sm: {
+			height: "1.5rem",
+			typography: {
+				font: "normal 700 0.875rem/1 Open Sans",
+				letterSpacing: "-0.0125rem",
+				fontWidth: 95
+			}
+		},
+		md: {
+			height: "2rem",
+			typography: {
+				font: "normal 700 1rem/1 Open Sans",
+				letterSpacing: "-0.0125rem",
+				fontWidth: 95
+			}
+		}
+	} },
+	menuItem: {
+		shared: {
+			display: "grid",
+			gridTemplateAreas: "'icon label aside'",
+			gridTemplateAreasWithDescription: "'icon label aside' '. description .'",
+			gridTemplateColumns: "auto 6fr 1fr",
+			gap: "0.25rem",
+			alignItems: "center",
+			padding: {
+				top: "0.75rem",
+				right: "1rem",
+				bottom: "0.75rem",
+				left: "1rem"
+			},
+			borderBottom: "0.0625rem solid #cccccc",
+			backgroundColor: "#ffffff",
+			icon: {
+				gridArea: "icon",
+				alignSelf: "start",
+				color: "#545454"
+			},
+			label: {
+				gridArea: "label",
+				color: "#000000",
+				typography: {
+					font: "normal 460 1rem/1.3 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				}
+			},
+			description: {
+				gridArea: "description",
+				color: "#545454",
+				typography: {
+					font: "normal 460 0.875rem/1.3 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				}
+			},
+			aside: {
+				gridArea: "aside",
+				justifySelf: "end",
+				alignSelf: "start",
+				color: "#000000",
+				typography: {
+					font: "normal 460 1rem/1.3 Open Sans",
+					letterSpacing: "0rem",
+					fontWidth: 95
+				}
+			},
+			lastChild: { borderBottom: "none" },
+			hover: {
+				backgroundColor: "#f6f6f6",
+				outline: "none"
+			},
+			focusVisible: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "-0.125rem"
+			},
+			pressed: { backgroundColor: "#ededed" }
+		},
+		sm: { icon: {
+			size: "1.125rem",
+			lineHeight: 1.3
+		} },
+		md: { icon: {
+			size: "1.25rem",
+			lineHeight: 1.3
+		} }
+	},
+	menuSeparator: { shared: {
+		backgroundColor: "#ededed",
+		height: "0.5rem",
+		width: "100%"
+	} },
+	menuPopover: {
+		shared: {
+			overflow: "auto",
+			shadow: "0 0.125rem 0.375rem 0 rgb(0% 0% 0% / 0.3)"
+		},
+		sm: {
+			maxWidth: "200px",
+			width: "100%"
+		},
+		md: {
+			maxWidth: "320px",
+			width: "100%"
+		}
+	}
 };
-
+//#endregion
 export { componentMenu };

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

@@ -1,85 +1,77 @@
-'use strict';
-
+//#region src/styleD/build/typescript/component/radioGroup.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
 const componentRadioGroup = {
-  shared: {
-    marginTop: "0.5rem",
-    marginBottom: "0.5rem",
-    display: "flex",
-    flexDirection: "column",
-    radio: {
-      color: "#000000",
-      disabled: {
-        color: "#999999"
-      },
-      display: "flex",
-      alignItems: "center",
-      gap: "0.5rem"
-    },
-    indicator: {
-      position: "relative",
-      after: {
-        position: "absolute",
-        borderRadius: "inherit",
-        inset: "0px",
-        scale: "0"
-      },
-      borderRadius: "50%",
-      border: "0.0625rem solid #545454",
-      focused: {
-        outline: "0.125rem solid #0072a9",
-        outlineOffset: "0.125rem"
-      },
-      invalid: {
-        border: "0.0625rem solid #b42a19",
-        after: {
-          backgroundColor: "#b42a19"
-        }
-      },
-      disabled: {
-        border: "0.0625rem solid #dcdcdc"
-      },
-      selected: {
-        after: {
-          backgroundColor: "#005d8b",
-          scale: 0.6
-        },
-        border: "0.125rem solid #0072a9",
-        invalid: {
-          border: "0.125rem solid #b42a19"
-        },
-        disabled: {
-          border: "0.125rem solid #dcdcdc",
-          after: {
-            backgroundColor: "#dcdcdc"
-          }
-        }
-      }
-    }
-  },
-  sm: {
-    gap: "1rem",
-    typography: {
-      font: "normal 460 0.875rem/1.3 Open Sans",
-      letterSpacing: "0rem",
-      fontWidth: 95
-    },
-    indicator: {
-      width: "1.25rem",
-      height: "1.25rem"
-    }
-  },
-  md: {
-    gap: "1.25rem",
-    typography: {
-      font: "normal 460 1rem/1.3 Open Sans",
-      letterSpacing: "0rem",
-      fontWidth: 95
-    },
-    indicator: {
-      width: "1.5rem",
-      height: "1.5rem"
-    }
-  }
+	shared: {
+		marginTop: "0.5rem",
+		marginBottom: "0.5rem",
+		display: "flex",
+		flexDirection: "column",
+		radio: {
+			color: "#000000",
+			disabled: { color: "#999999" },
+			display: "flex",
+			alignItems: "center",
+			gap: "0.5rem"
+		},
+		indicator: {
+			position: "relative",
+			after: {
+				position: "absolute",
+				borderRadius: "inherit",
+				inset: "0px",
+				scale: "0"
+			},
+			borderRadius: "50%",
+			border: "0.0625rem solid #545454",
+			focused: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "0.125rem"
+			},
+			invalid: {
+				border: "0.0625rem solid #b42a19",
+				after: { backgroundColor: "#b42a19" }
+			},
+			disabled: { border: "0.0625rem solid #dcdcdc" },
+			selected: {
+				after: {
+					backgroundColor: "#005d8b",
+					scale: .6
+				},
+				border: "0.125rem solid #0072a9",
+				invalid: { border: "0.125rem solid #b42a19" },
+				disabled: {
+					border: "0.125rem solid #dcdcdc",
+					after: { backgroundColor: "#dcdcdc" }
+				}
+			}
+		}
+	},
+	sm: {
+		gap: "1rem",
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		},
+		indicator: {
+			width: "1.25rem",
+			height: "1.25rem"
+		}
+	},
+	md: {
+		gap: "1.25rem",
+		typography: {
+			font: "normal 460 1rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		},
+		indicator: {
+			width: "1.5rem",
+			height: "1.5rem"
+		}
+	}
 };
-
+//#endregion
 exports.componentRadioGroup = componentRadioGroup;

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

@@ -0,0 +1,88 @@
+//#region src/styleD/build/typescript/component/radioGroup.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentRadioGroup: {
+  shared: {
+    marginTop: string;
+    marginBottom: string;
+    display: string;
+    flexDirection: string;
+    radio: {
+      color: string;
+      disabled: {
+        color: string;
+      };
+      display: string;
+      alignItems: string;
+      gap: string;
+    };
+    indicator: {
+      position: string;
+      after: {
+        position: string;
+        borderRadius: string;
+        inset: string;
+        scale: string;
+      };
+      borderRadius: string;
+      border: string;
+      focused: {
+        outline: string;
+        outlineOffset: string;
+      };
+      invalid: {
+        border: string;
+        after: {
+          backgroundColor: string;
+        };
+      };
+      disabled: {
+        border: string;
+      };
+      selected: {
+        after: {
+          backgroundColor: string;
+          scale: number;
+        };
+        border: string;
+        invalid: {
+          border: string;
+        };
+        disabled: {
+          border: string;
+          after: {
+            backgroundColor: string;
+          };
+        };
+      };
+    };
+  };
+  sm: {
+    gap: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+    indicator: {
+      width: string;
+      height: string;
+    };
+  };
+  md: {
+    gap: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+    indicator: {
+      width: string;
+      height: string;
+    };
+  };
+};
+type ComponentRadioGroup = typeof componentRadioGroup;
+//#endregion
+export { ComponentRadioGroup, componentRadioGroup };

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

@@ -0,0 +1,88 @@
+//#region src/styleD/build/typescript/component/radioGroup.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentRadioGroup: {
+  shared: {
+    marginTop: string;
+    marginBottom: string;
+    display: string;
+    flexDirection: string;
+    radio: {
+      color: string;
+      disabled: {
+        color: string;
+      };
+      display: string;
+      alignItems: string;
+      gap: string;
+    };
+    indicator: {
+      position: string;
+      after: {
+        position: string;
+        borderRadius: string;
+        inset: string;
+        scale: string;
+      };
+      borderRadius: string;
+      border: string;
+      focused: {
+        outline: string;
+        outlineOffset: string;
+      };
+      invalid: {
+        border: string;
+        after: {
+          backgroundColor: string;
+        };
+      };
+      disabled: {
+        border: string;
+      };
+      selected: {
+        after: {
+          backgroundColor: string;
+          scale: number;
+        };
+        border: string;
+        invalid: {
+          border: string;
+        };
+        disabled: {
+          border: string;
+          after: {
+            backgroundColor: string;
+          };
+        };
+      };
+    };
+  };
+  sm: {
+    gap: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+    indicator: {
+      width: string;
+      height: string;
+    };
+  };
+  md: {
+    gap: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+    indicator: {
+      width: string;
+      height: string;
+    };
+  };
+};
+type ComponentRadioGroup = typeof componentRadioGroup;
+//#endregion
+export { ComponentRadioGroup, componentRadioGroup };