@guardian/stand 0.0.40 → 0.0.41

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

@@ -0,0 +1,52 @@
+//#region src/styleD/build/typescript/component/textInput.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentTextInput: {
+  shared: {
+    color: string;
+    cursor: string;
+    padding: {
+      top: string;
+      right: string;
+      bottom: string;
+      left: string;
+    };
+    marginTop: string;
+    borderRadius: string;
+    border: string;
+    backgroundColor: string;
+    placeholderColor: string;
+    disabled: {
+      backgroundColor: string;
+      cursor: string;
+      color: string;
+      border: string;
+    };
+    focused: {
+      outline: string;
+    };
+    error: {
+      border: string;
+    };
+  };
+  sm: {
+    height: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+  md: {
+    height: string;
+    typography: {
+      font: string;
+      letterSpacing: string;
+      fontWidth: number;
+    };
+  };
+};
+type ComponentTextInput = typeof componentTextInput;
+//#endregion
+export { ComponentTextInput, componentTextInput };

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

@@ -1,47 +1,47 @@
+//#region src/styleD/build/typescript/component/textInput.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
 const componentTextInput = {
-  shared: {
-    color: "#000000",
-    cursor: "text",
-    padding: {
-      top: "0",
-      right: "0.75rem",
-      bottom: "0",
-      left: "0.75rem"
-    },
-    marginTop: "0.5rem",
-    borderRadius: "0.25rem",
-    border: "0.0625rem solid #545454",
-    backgroundColor: "#ffffff",
-    placeholderColor: "#545454",
-    disabled: {
-      backgroundColor: "#ffffff",
-      cursor: "not-allowed",
-      color: "#999999",
-      border: "0.0625rem solid #dcdcdc"
-    },
-    focused: {
-      outline: "0.125rem auto #0072a9"
-    },
-    error: {
-      border: "0.0625rem solid #b42a19"
-    }
-  },
-  sm: {
-    height: "2rem",
-    typography: {
-      font: "normal 460 0.875rem/1.3 Open Sans",
-      letterSpacing: "0rem",
-      fontWidth: 95
-    }
-  },
-  md: {
-    height: "2.5rem",
-    typography: {
-      font: "normal 460 1rem/1.3 Open Sans",
-      letterSpacing: "0rem",
-      fontWidth: 95
-    }
-  }
+	shared: {
+		color: "#000000",
+		cursor: "text",
+		padding: {
+			top: "0",
+			right: "0.75rem",
+			bottom: "0",
+			left: "0.75rem"
+		},
+		marginTop: "0.5rem",
+		borderRadius: "0.25rem",
+		border: "0.0625rem solid #545454",
+		backgroundColor: "#ffffff",
+		placeholderColor: "#545454",
+		disabled: {
+			backgroundColor: "#ffffff",
+			cursor: "not-allowed",
+			color: "#999999",
+			border: "0.0625rem solid #dcdcdc"
+		},
+		focused: { outline: "0.125rem auto #0072a9" },
+		error: { border: "0.0625rem solid #b42a19" }
+	},
+	sm: {
+		height: "2rem",
+		typography: {
+			font: "normal 460 0.875rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		}
+	},
+	md: {
+		height: "2.5rem",
+		typography: {
+			font: "normal 460 1rem/1.3 Open Sans",
+			letterSpacing: "0rem",
+			fontWidth: 95
+		}
+	}
 };
-
+//#endregion
 export { componentTextInput };

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

@@ -1,195 +1,169 @@
-'use strict';
-
+//#region src/styleD/build/typescript/component/topBar.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
 const componentTopBar = {
-  backgroundColor: "#f6f6f6",
-  display: "flex",
-  height: "4rem",
-  justifyContent: "flex-start",
-  borderRight: "0.0625rem solid #cccccc",
-  borderTop: "0.0625rem solid #cccccc",
-  borderBottom: "0.0625rem solid #cccccc",
-  borderLeft: "0.0625rem solid #cccccc",
-  spacer: {
-    marginLeft: "auto"
-  },
-  collapsedNavMenu: {
-    button: {
-      color: "#000000",
-      margin: "0",
-      padding: "0",
-      background: "none",
-      border: "none",
-      cursor: "pointer",
-      hovered: {
-        backgroundColor: "#ededed"
-      },
-      active: {
-        backgroundColor: "#ededed"
-      }
-    },
-    popover: {
-      backgroundColor: "#f6f6f6",
-      border: "0.0625rem solid #cccccc",
-      offset: 1,
-      containerPadding: 0
-    }
-  },
-  item: {
-    display: "flex",
-    alignItems: "center",
-    height: "100%",
-    sm: {
-      padding: {
-        top: "0",
-        right: "0.75rem",
-        bottom: "0",
-        left: "0.75rem"
-      }
-    },
-    md: {
-      padding: {
-        top: "0",
-        right: "1rem",
-        bottom: "0",
-        left: "1rem"
-      }
-    },
-    lg: {
-      padding: {
-        top: "0",
-        right: "1.5rem",
-        bottom: "0",
-        left: "1.5rem"
-      }
-    },
-    border: "0.0625rem solid #cccccc"
-  },
-  navigation: {
-    shared: {
-      display: "inline-flex",
-      position: "relative",
-      alignItems: "center",
-      cursor: "pointer",
-      textDecoration: "none",
-      height: "100%",
-      disabled: {
-        cursor: "not-allowed",
-        color: "#999999"
-      },
-      padding: {
-        top: "0",
-        right: "1rem",
-        bottom: "0",
-        left: "1rem"
-      },
-      focusVisible: {
-        outline: "0.125rem solid #0072a9",
-        outlineOffset: "-0.0625rem"
-      },
-      borderTop: "0.5rem solid transparent",
-      divider: "0.0625rem solid #cccccc",
-      _menuOpen: {
-        width: "100%",
-        height: "64px",
-        selected: {
-          backgroundColor: "#ededed"
-        }
-      }
-    },
-    text: {
-      margin: {
-        left: "0.375rem"
-      }
-    },
-    menuIndicator: {
-      margin: {
-        top: "0.375rem",
-        left: "0.125rem"
-      }
-    },
-    selected: {
-      color: "#000000",
-      borderBottom: "0.5rem solid #0072a9"
-    },
-    unselected: {
-      color: "#545454",
-      borderBottom: "0.5rem solid transparent"
-    },
-    md: {
-      typography: {
-        font: "normal 700 1rem/1.15 Open Sans",
-        letterSpacing: "-0.03125rem",
-        fontWidth: 95
-      }
-    },
-    sm: {
-      typography: {
-        font: "normal 700 0.875rem/1.15 Open Sans",
-        letterSpacing: "-0.0125rem",
-        fontWidth: 95
-      }
-    }
-  },
-  toolName: {
-    display: "flex",
-    color: "#000000",
-    alignItems: "center",
-    gap: "0.5rem",
-    typography: {
-      font: "normal 700 1.25rem/1.15 GH Guardian Headline",
-      letterSpacing: "0rem",
-      fontWidth: 100
-    },
-    divider: {
-      border: "0.0625rem solid #cccccc",
-      height: "2rem"
-    },
-    subsection: {
-      gap: "0.125rem",
-      typography: {
-        font: "normal 700 1rem/1.15 Open Sans",
-        letterSpacing: "-0.0125rem",
-        fontWidth: 88
-      }
-    },
-    link: {
-      textDecoration: "none",
-      color: "unset",
-      position: "relative",
-      width: "100%",
-      height: "100%"
-    },
-    hoverLink: {
-      color: "#ffffff",
-      paddingLeft: "1.25rem",
-      paddingRight: "1.25rem",
-      backgroundColor: "#092f62",
-      opacity: "0",
-      typography: {
-        font: "normal 700 0.875rem/1.3 Open Sans",
-        letterSpacing: "0rem",
-        fontWidth: 95
-      },
-      position: "absolute",
-      width: "100%",
-      height: "100%",
-      hover: {
-        opacity: "1"
-      },
-      pressed: {
-        backgroundColor: "#061d3c"
-      },
-      focused: {
-        outline: "0.125rem solid #0072a9",
-        outlineOffset: "-0.125rem"
-      },
-      collapsed: {
-        paddingLeft: "0.25rem",
-        paddingRight: "0.25rem",
-        justifyContent: "center"
-      }
-    }
-  }
+	backgroundColor: "#f6f6f6",
+	display: "flex",
+	height: "4rem",
+	justifyContent: "flex-start",
+	borderRight: "0.0625rem solid #cccccc",
+	borderTop: "0.0625rem solid #cccccc",
+	borderBottom: "0.0625rem solid #cccccc",
+	borderLeft: "0.0625rem solid #cccccc",
+	spacer: { marginLeft: "auto" },
+	collapsedNavMenu: {
+		button: {
+			color: "#000000",
+			margin: "0",
+			padding: "0",
+			background: "none",
+			border: "none",
+			cursor: "pointer",
+			hovered: { backgroundColor: "#ededed" },
+			active: { backgroundColor: "#ededed" }
+		},
+		popover: {
+			backgroundColor: "#f6f6f6",
+			border: "0.0625rem solid #cccccc",
+			offset: 1,
+			containerPadding: 0
+		}
+	},
+	item: {
+		display: "flex",
+		alignItems: "center",
+		height: "100%",
+		sm: { padding: {
+			top: "0",
+			right: "0.75rem",
+			bottom: "0",
+			left: "0.75rem"
+		} },
+		md: { padding: {
+			top: "0",
+			right: "1rem",
+			bottom: "0",
+			left: "1rem"
+		} },
+		lg: { padding: {
+			top: "0",
+			right: "1.5rem",
+			bottom: "0",
+			left: "1.5rem"
+		} },
+		border: "0.0625rem solid #cccccc"
+	},
+	navigation: {
+		shared: {
+			display: "inline-flex",
+			position: "relative",
+			alignItems: "center",
+			cursor: "pointer",
+			textDecoration: "none",
+			height: "100%",
+			disabled: {
+				cursor: "not-allowed",
+				color: "#999999"
+			},
+			padding: {
+				top: "0",
+				right: "1rem",
+				bottom: "0",
+				left: "1rem"
+			},
+			focusVisible: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "-0.0625rem"
+			},
+			borderTop: "0.5rem solid transparent",
+			divider: "0.0625rem solid #cccccc",
+			_menuOpen: {
+				width: "100%",
+				height: "64px",
+				selected: { backgroundColor: "#ededed" }
+			}
+		},
+		text: { margin: { left: "0.375rem" } },
+		menuIndicator: { margin: {
+			top: "0.375rem",
+			left: "0.125rem"
+		} },
+		selected: {
+			color: "#000000",
+			borderBottom: "0.5rem solid #0072a9"
+		},
+		unselected: {
+			color: "#545454",
+			borderBottom: "0.5rem solid transparent"
+		},
+		md: { typography: {
+			font: "normal 700 1rem/1.15 Open Sans",
+			letterSpacing: "-0.03125rem",
+			fontWidth: 95
+		} },
+		sm: { typography: {
+			font: "normal 700 0.875rem/1.15 Open Sans",
+			letterSpacing: "-0.0125rem",
+			fontWidth: 95
+		} }
+	},
+	toolName: {
+		display: "flex",
+		color: "#000000",
+		alignItems: "center",
+		gap: "0.5rem",
+		typography: {
+			font: "normal 700 1.25rem/1.15 GH Guardian Headline",
+			letterSpacing: "0rem",
+			fontWidth: 100
+		},
+		divider: {
+			border: "0.0625rem solid #cccccc",
+			height: "2rem"
+		},
+		subsection: {
+			gap: "0.125rem",
+			typography: {
+				font: "normal 700 1rem/1.15 Open Sans",
+				letterSpacing: "-0.0125rem",
+				fontWidth: 88
+			}
+		},
+		link: {
+			textDecoration: "none",
+			color: "unset",
+			position: "relative",
+			width: "100%",
+			height: "100%"
+		},
+		hoverLink: {
+			color: "#ffffff",
+			paddingLeft: "1.25rem",
+			paddingRight: "1.25rem",
+			backgroundColor: "#092f62",
+			opacity: "0",
+			typography: {
+				font: "normal 700 0.875rem/1.3 Open Sans",
+				letterSpacing: "0rem",
+				fontWidth: 95
+			},
+			position: "absolute",
+			width: "100%",
+			height: "100%",
+			hover: { opacity: "1" },
+			pressed: { backgroundColor: "#061d3c" },
+			focused: {
+				outline: "0.125rem solid #0072a9",
+				outlineOffset: "-0.125rem"
+			},
+			collapsed: {
+				paddingLeft: "0.25rem",
+				paddingRight: "0.25rem",
+				justifyContent: "center"
+			}
+		}
+	}
 };
-
+//#endregion
 exports.componentTopBar = componentTopBar;