@guardian/stand 0.0.40 → 0.0.41

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

@@ -1,145 +1,133 @@
-'use strict';
-
+//#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
 exports.componentMenu = componentMenu;

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

@@ -0,0 +1,148 @@
+//#region src/styleD/build/typescript/component/menu.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentMenu: {
+  menu: {
+    shared: {
+      display: string;
+      flexDirection: string;
+      backgroundColor: string;
+      border: string;
+    };
+  };
+  menuSection: {
+    header: {
+      shared: {
+        display: string;
+        alignItems: string;
+        padding: {
+          top: string;
+          right: string;
+          bottom: string;
+          left: string;
+        };
+        backgroundColor: string;
+        color: string;
+      };
+      sm: {
+        height: string;
+        typography: {
+          font: string;
+          letterSpacing: string;
+          fontWidth: number;
+        };
+      };
+      md: {
+        height: string;
+        typography: {
+          font: string;
+          letterSpacing: string;
+          fontWidth: number;
+        };
+      };
+    };
+  };
+  menuItem: {
+    shared: {
+      display: string;
+      gridTemplateAreas: string;
+      gridTemplateAreasWithDescription: string;
+      gridTemplateColumns: string;
+      gap: string;
+      alignItems: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+      };
+      borderBottom: string;
+      backgroundColor: string;
+      icon: {
+        gridArea: string;
+        alignSelf: string;
+        color: string;
+      };
+      label: {
+        gridArea: string;
+        color: string;
+        typography: {
+          font: string;
+          letterSpacing: string;
+          fontWidth: number;
+        };
+      };
+      description: {
+        gridArea: string;
+        color: string;
+        typography: {
+          font: string;
+          letterSpacing: string;
+          fontWidth: number;
+        };
+      };
+      aside: {
+        gridArea: string;
+        justifySelf: string;
+        alignSelf: string;
+        color: string;
+        typography: {
+          font: string;
+          letterSpacing: string;
+          fontWidth: number;
+        };
+      };
+      lastChild: {
+        borderBottom: string;
+      };
+      hover: {
+        backgroundColor: string;
+        outline: string;
+      };
+      focusVisible: {
+        outline: string;
+        outlineOffset: string;
+      };
+      pressed: {
+        backgroundColor: string;
+      };
+    };
+    sm: {
+      icon: {
+        size: string;
+        lineHeight: number;
+      };
+    };
+    md: {
+      icon: {
+        size: string;
+        lineHeight: number;
+      };
+    };
+  };
+  menuSeparator: {
+    shared: {
+      backgroundColor: string;
+      height: string;
+      width: string;
+    };
+  };
+  menuPopover: {
+    shared: {
+      overflow: string;
+      shadow: string;
+    };
+    sm: {
+      maxWidth: string;
+      width: string;
+    };
+    md: {
+      maxWidth: string;
+      width: string;
+    };
+  };
+};
+type ComponentMenu = typeof componentMenu;
+//#endregion
+export { ComponentMenu, componentMenu };

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

@@ -0,0 +1,148 @@
+//#region src/styleD/build/typescript/component/menu.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentMenu: {
+  menu: {
+    shared: {
+      display: string;
+      flexDirection: string;
+      backgroundColor: string;
+      border: string;
+    };
+  };
+  menuSection: {
+    header: {
+      shared: {
+        display: string;
+        alignItems: string;
+        padding: {
+          top: string;
+          right: string;
+          bottom: string;
+          left: string;
+        };
+        backgroundColor: string;
+        color: string;
+      };
+      sm: {
+        height: string;
+        typography: {
+          font: string;
+          letterSpacing: string;
+          fontWidth: number;
+        };
+      };
+      md: {
+        height: string;
+        typography: {
+          font: string;
+          letterSpacing: string;
+          fontWidth: number;
+        };
+      };
+    };
+  };
+  menuItem: {
+    shared: {
+      display: string;
+      gridTemplateAreas: string;
+      gridTemplateAreasWithDescription: string;
+      gridTemplateColumns: string;
+      gap: string;
+      alignItems: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+      };
+      borderBottom: string;
+      backgroundColor: string;
+      icon: {
+        gridArea: string;
+        alignSelf: string;
+        color: string;
+      };
+      label: {
+        gridArea: string;
+        color: string;
+        typography: {
+          font: string;
+          letterSpacing: string;
+          fontWidth: number;
+        };
+      };
+      description: {
+        gridArea: string;
+        color: string;
+        typography: {
+          font: string;
+          letterSpacing: string;
+          fontWidth: number;
+        };
+      };
+      aside: {
+        gridArea: string;
+        justifySelf: string;
+        alignSelf: string;
+        color: string;
+        typography: {
+          font: string;
+          letterSpacing: string;
+          fontWidth: number;
+        };
+      };
+      lastChild: {
+        borderBottom: string;
+      };
+      hover: {
+        backgroundColor: string;
+        outline: string;
+      };
+      focusVisible: {
+        outline: string;
+        outlineOffset: string;
+      };
+      pressed: {
+        backgroundColor: string;
+      };
+    };
+    sm: {
+      icon: {
+        size: string;
+        lineHeight: number;
+      };
+    };
+    md: {
+      icon: {
+        size: string;
+        lineHeight: number;
+      };
+    };
+  };
+  menuSeparator: {
+    shared: {
+      backgroundColor: string;
+      height: string;
+      width: string;
+    };
+  };
+  menuPopover: {
+    shared: {
+      overflow: string;
+      shadow: string;
+    };
+    sm: {
+      maxWidth: string;
+      width: string;
+    };
+    md: {
+      maxWidth: string;
+      width: string;
+    };
+  };
+};
+type ComponentMenu = typeof componentMenu;
+//#endregion
+export { ComponentMenu, componentMenu };