@guardian/stand 0.0.60 → 0.0.61

package/dist/components/TextInput/styles.cjs

@@ -36,8 +36,8 @@ const textInputStyles = (theme, { size, isInvalid }) => {
 		}
 
 		${isInvalid && _emotion_react.css`
-			border: ${theme.shared.error.border};
-		`}
+				border: ${theme.shared.error.border};
+			`}
 	`;
 };
 //#endregion

package/dist/components/TextInput/styles.d.cts

@@ -1,7 +1,7 @@
 import { Prettify } from "../../util/types.cjs";
 import { ComponentTextInput } from "../../styleD/build/typescript/component/textInput.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TextInput/styles.d.ts
 type TextInputTheme = Prettify<ComponentTextInput>;
 //#endregion

package/dist/components/TextInput/styles.d.ts

@@ -1,7 +1,7 @@
 import { Prettify } from "../../util/types.js";
 import { ComponentTextInput } from "../../styleD/build/typescript/component/textInput.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TextInput/styles.d.ts
 type TextInputTheme = Prettify<ComponentTextInput>;
 //#endregion

package/dist/components/TextInput/styles.js

@@ -36,8 +36,8 @@ const textInputStyles = (theme, { size, isInvalid }) => {
 		}
 
 		${isInvalid && css`
-			border: ${theme.shared.error.border};
-		`}
+				border: ${theme.shared.error.border};
+			`}
 	`;
 };
 //#endregion

package/dist/components/TextInput/types.d.cts

@@ -1,7 +1,6 @@
 import { FormInputContainerDefaultProps } from "../Form/types.cjs";
 import { TextInputTheme } from "./styles.cjs";
 import { TextFieldProps } from "react-aria-components";
-
 //#region src/components/TextInput/types.d.ts
 interface TextInputProps extends FormInputContainerDefaultProps<TextFieldProps, TextInputTheme> {
   /** Temporary text that occupies the text input when it is empty */

package/dist/components/TextInput/types.d.ts

@@ -1,7 +1,6 @@
 import { FormInputContainerDefaultProps } from "../Form/types.js";
 import { TextInputTheme } from "./styles.js";
 import { TextFieldProps } from "react-aria-components";
-
 //#region src/components/TextInput/types.d.ts
 interface TextInputProps extends FormInputContainerDefaultProps<TextFieldProps, TextInputTheme> {
   /** Temporary text that occupies the text input when it is empty */

package/dist/components/TopBar/TopBar.cjs

@@ -10,7 +10,7 @@ const require_TopBarNavigation = require("./TopBarNavigation/TopBarNavigation.cj
 const require_useResize = require("../../util/useResize.cjs");
 const require_styles = require("./styles.cjs");
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
 let react_aria_components = require("react-aria-components");
 //#region src/components/TopBar/TopBar.tsx

package/dist/components/TopBar/TopBar.d.cts

@@ -1,28 +1,14 @@
 import { TopBarTheme } from "./styles.cjs";
 import { TopBarProps } from "./types.cjs";
-
 //#region src/components/TopBar/TopBar.d.ts
-declare function TopBarContainerRight({
-  children,
-  theme
-}: {
+declare function TopBarContainerRight({ children, theme }: {
   children: TopBarProps['children'];
   theme?: TopBarTheme;
 }): import("@emotion/react/jsx-runtime").JSX.Element;
-declare function TopBarContainerLeft({
-  children,
-  theme
-}: {
+declare function TopBarContainerLeft({ children, theme }: {
   children: TopBarProps['children'];
   theme?: TopBarTheme;
 }): import("@emotion/react/jsx-runtime").JSX.Element;
-declare function TopBar({
-  children,
-  collapseBelow,
-  theme,
-  cssOverrides,
-  className,
-  ...props
-}: TopBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function TopBar({ children, collapseBelow, theme, cssOverrides, className, ...props }: TopBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { TopBar, TopBarContainerLeft, TopBarContainerRight };

package/dist/components/TopBar/TopBar.d.ts

@@ -1,28 +1,14 @@
 import { TopBarTheme } from "./styles.js";
 import { TopBarProps } from "./types.js";
-
 //#region src/components/TopBar/TopBar.d.ts
-declare function TopBarContainerRight({
-  children,
-  theme
-}: {
+declare function TopBarContainerRight({ children, theme }: {
   children: TopBarProps['children'];
   theme?: TopBarTheme;
 }): import("@emotion/react/jsx-runtime").JSX.Element;
-declare function TopBarContainerLeft({
-  children,
-  theme
-}: {
+declare function TopBarContainerLeft({ children, theme }: {
   children: TopBarProps['children'];
   theme?: TopBarTheme;
 }): import("@emotion/react/jsx-runtime").JSX.Element;
-declare function TopBar({
-  children,
-  collapseBelow,
-  theme,
-  cssOverrides,
-  className,
-  ...props
-}: TopBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function TopBar({ children, collapseBelow, theme, cssOverrides, className, ...props }: TopBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { TopBar, TopBarContainerLeft, TopBarContainerRight };

package/dist/components/TopBar/TopBarItem/TopBarItem.d.cts

@@ -1,15 +1,5 @@
 import { TopBarItemProps } from "./types.cjs";
-
 //#region src/components/TopBar/TopBarItem/TopBarItem.d.ts
-declare function TopBarItem({
-  children,
-  alignment,
-  theme,
-  cssOverrides,
-  className,
-  size,
-  _menuOpen,
-  ...props
-}: TopBarItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function TopBarItem({ children, alignment, theme, cssOverrides, className, size, _menuOpen, ...props }: TopBarItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { TopBarItem };

package/dist/components/TopBar/TopBarItem/TopBarItem.d.ts

@@ -1,15 +1,5 @@
 import { TopBarItemProps } from "./types.js";
-
 //#region src/components/TopBar/TopBarItem/TopBarItem.d.ts
-declare function TopBarItem({
-  children,
-  alignment,
-  theme,
-  cssOverrides,
-  className,
-  size,
-  _menuOpen,
-  ...props
-}: TopBarItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function TopBarItem({ children, alignment, theme, cssOverrides, className, size, _menuOpen, ...props }: TopBarItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { TopBarItem };

package/dist/components/TopBar/TopBarItem/styles.cjs

@@ -11,13 +11,13 @@ const topBarItemStyles = (theme, alignment, { size }, _menuOpen) => {
 			${theme[size].padding.bottom} ${theme[size].padding.left};
 
 		${_menuOpen ? _emotion_react.css`
-					height: 64px;
-					justify-content: center;
-					border-bottom: ${theme.border};
-				` : _emotion_react.css`
-					${alignment === "left" ? "border-right" : "border-left"}: ${theme.border};
-					${alignment === "right" && "margin-left: auto"};
-				`}
+						height: 64px;
+						justify-content: center;
+						border-bottom: ${theme.border};
+					` : _emotion_react.css`
+						${alignment === "left" ? "border-right" : "border-left"}: ${theme.border};
+						${alignment === "right" && "margin-left: auto"};
+					`}
 	`;
 };
 //#endregion

package/dist/components/TopBar/TopBarItem/styles.d.cts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../../util/types.cjs";
 import { ComponentTopBar } from "../../../styleD/build/typescript/component/topBar.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/TopBarItem/styles.d.ts
 type TopBarItemTheme = Prettify<ComponentTopBar['item']>;
 type PartialTopBarItemTheme = Prettify<DeepPartial<TopBarItemTheme>>;

package/dist/components/TopBar/TopBarItem/styles.d.ts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../../util/types.js";
 import { ComponentTopBar } from "../../../styleD/build/typescript/component/topBar.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/TopBarItem/styles.d.ts
 type TopBarItemTheme = Prettify<ComponentTopBar['item']>;
 type PartialTopBarItemTheme = Prettify<DeepPartial<TopBarItemTheme>>;

package/dist/components/TopBar/TopBarItem/styles.js

@@ -11,13 +11,13 @@ const topBarItemStyles = (theme, alignment, { size }, _menuOpen) => {
 			${theme[size].padding.bottom} ${theme[size].padding.left};
 
 		${_menuOpen ? css`
-					height: 64px;
-					justify-content: center;
-					border-bottom: ${theme.border};
-				` : css`
-					${alignment === "left" ? "border-right" : "border-left"}: ${theme.border};
-					${alignment === "right" && "margin-left: auto"};
-				`}
+						height: 64px;
+						justify-content: center;
+						border-bottom: ${theme.border};
+					` : css`
+						${alignment === "left" ? "border-right" : "border-left"}: ${theme.border};
+						${alignment === "right" && "margin-left: auto"};
+					`}
 	`;
 };
 //#endregion

package/dist/components/TopBar/TopBarItem/types.d.cts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { DefaultProps } from "../../../util/types.cjs";
 import { TopBarItemTheme } from "./styles.cjs";
-
 //#region src/components/TopBar/TopBarItem/types.d.ts
 interface TopBarItemProps extends DefaultProps<TopBarItemTheme>, React.HTMLAttributes<HTMLDivElement> {
   children?: React.ReactNode;

package/dist/components/TopBar/TopBarItem/types.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { DefaultProps } from "../../../util/types.js";
 import { TopBarItemTheme } from "./styles.js";
-
 //#region src/components/TopBar/TopBarItem/types.d.ts
 interface TopBarItemProps extends DefaultProps<TopBarItemTheme>, React.HTMLAttributes<HTMLDivElement> {
   children?: React.ReactNode;

package/dist/components/TopBar/TopBarNavigation/TopBarNavigation.d.cts

@@ -1,21 +1,5 @@
 import { TopBarNavigationProps } from "./types.cjs";
-
 //#region src/components/TopBar/TopBarNavigation/TopBarNavigation.d.ts
-declare function TopBarNavigation({
-  text,
-  size,
-  isSelected,
-  icon,
-  menuChildren,
-  href,
-  onPress,
-  isDisabled,
-  alignment,
-  theme,
-  cssOverrides,
-  className,
-  _menuOpen,
-  ...props
-}: TopBarNavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function TopBarNavigation({ text, size, isSelected, icon, menuChildren, href, onPress, isDisabled, alignment, theme, cssOverrides, className, _menuOpen, ...props }: TopBarNavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { TopBarNavigation };

package/dist/components/TopBar/TopBarNavigation/TopBarNavigation.d.ts

@@ -1,21 +1,5 @@
 import { TopBarNavigationProps } from "./types.js";
-
 //#region src/components/TopBar/TopBarNavigation/TopBarNavigation.d.ts
-declare function TopBarNavigation({
-  text,
-  size,
-  isSelected,
-  icon,
-  menuChildren,
-  href,
-  onPress,
-  isDisabled,
-  alignment,
-  theme,
-  cssOverrides,
-  className,
-  _menuOpen,
-  ...props
-}: TopBarNavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function TopBarNavigation({ text, size, isSelected, icon, menuChildren, href, onPress, isDisabled, alignment, theme, cssOverrides, className, _menuOpen, ...props }: TopBarNavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { TopBarNavigation };

package/dist/components/TopBar/TopBarNavigation/styles.cjs

@@ -30,53 +30,53 @@ const topBarNavigationStyles = (theme, selected, _menuOpen) => {
 		}
 
 		${_menuOpen ? _emotion_react.css`
-					border-right: ${theme.shared.borderTop};
-					border-left: ${theme.unselected.borderBottom};
-					width: 100%;
+						border-right: ${theme.shared.borderTop};
+						border-left: ${theme.unselected.borderBottom};
+						width: 100%;
 
-					&[data-hovered],
-					&:hover {
-						border-left: ${theme.selected.borderBottom};
-					}
+						&[data-hovered],
+						&:hover {
+							border-left: ${theme.selected.borderBottom};
+						}
 
-					&[data-focus-visible],
-					&:focus-visible {
-						border-left: ${theme.selected.borderBottom};
-					}
+						&[data-focus-visible],
+						&:focus-visible {
+							border-left: ${theme.selected.borderBottom};
+						}
 
-					${selected && `
+						${selected && `
 						border-left: ${theme.selected.borderBottom};
 						background-color: ${theme.shared._menuOpen.selected.backgroundColor};
 					`}
-				` : _emotion_react.css`
-					border-top: ${theme.shared.borderTop};
-					border-bottom: ${theme.unselected.borderBottom};
+					` : _emotion_react.css`
+						border-top: ${theme.shared.borderTop};
+						border-bottom: ${theme.unselected.borderBottom};
 
-					&[data-hovered],
-					&:hover {
-						border-bottom: ${theme.selected.borderBottom};
-					}
+						&[data-hovered],
+						&:hover {
+							border-bottom: ${theme.selected.borderBottom};
+						}
 
-					&[data-focus-visible],
-					&:focus-visible {
-						border-bottom: ${theme.selected.borderBottom};
-					}
+						&[data-focus-visible],
+						&:focus-visible {
+							border-bottom: ${theme.selected.borderBottom};
+						}
 
-					${selected && `
+						${selected && `
 						border-bottom: ${theme.selected.borderBottom};
 					`}
-				`}
+					`}
 
 		text-decoration: ${theme.shared.textDecoration};
 	`;
 };
 const topBarNavigationDividerStyles = (theme, { alignment }, _menuOpen) => _emotion_react.css`
 	${_menuOpen ? _emotion_react.css`
-				height: ${theme.shared._menuOpen.height};
-				border-bottom: ${theme.shared.divider};
-			` : _emotion_react.css`
-				${alignment === "left" ? "border-right" : "border-left"}: ${theme.shared.divider};
-			`}
+					height: ${theme.shared._menuOpen.height};
+					border-bottom: ${theme.shared.divider};
+				` : _emotion_react.css`
+					${alignment === "left" ? "border-right" : "border-left"}: ${theme.shared.divider};
+				`}
 `;
 const topBarNavigationTextStyles = (theme, { hasIcon }) => _emotion_react.css`
 	${hasIcon && `margin-left: ${theme.text.margin.left};`}

package/dist/components/TopBar/TopBarNavigation/styles.d.cts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../../util/types.cjs";
 import { ComponentTopBar } from "../../../styleD/build/typescript/component/topBar.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/TopBarNavigation/styles.d.ts
 type TopBarNavigationTheme = Prettify<ComponentTopBar['navigation']>;
 type PartialTopBarNavigationTheme = Prettify<DeepPartial<TopBarNavigationTheme>>;

package/dist/components/TopBar/TopBarNavigation/styles.d.ts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../../util/types.js";
 import { ComponentTopBar } from "../../../styleD/build/typescript/component/topBar.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/TopBarNavigation/styles.d.ts
 type TopBarNavigationTheme = Prettify<ComponentTopBar['navigation']>;
 type PartialTopBarNavigationTheme = Prettify<DeepPartial<TopBarNavigationTheme>>;

package/dist/components/TopBar/TopBarNavigation/styles.js

@@ -30,53 +30,53 @@ const topBarNavigationStyles = (theme, selected, _menuOpen) => {
 		}
 
 		${_menuOpen ? css`
-					border-right: ${theme.shared.borderTop};
-					border-left: ${theme.unselected.borderBottom};
-					width: 100%;
+						border-right: ${theme.shared.borderTop};
+						border-left: ${theme.unselected.borderBottom};
+						width: 100%;
 
-					&[data-hovered],
-					&:hover {
-						border-left: ${theme.selected.borderBottom};
-					}
+						&[data-hovered],
+						&:hover {
+							border-left: ${theme.selected.borderBottom};
+						}
 
-					&[data-focus-visible],
-					&:focus-visible {
-						border-left: ${theme.selected.borderBottom};
-					}
+						&[data-focus-visible],
+						&:focus-visible {
+							border-left: ${theme.selected.borderBottom};
+						}
 
-					${selected && `
+						${selected && `
 						border-left: ${theme.selected.borderBottom};
 						background-color: ${theme.shared._menuOpen.selected.backgroundColor};
 					`}
-				` : css`
-					border-top: ${theme.shared.borderTop};
-					border-bottom: ${theme.unselected.borderBottom};
+					` : css`
+						border-top: ${theme.shared.borderTop};
+						border-bottom: ${theme.unselected.borderBottom};
 
-					&[data-hovered],
-					&:hover {
-						border-bottom: ${theme.selected.borderBottom};
-					}
+						&[data-hovered],
+						&:hover {
+							border-bottom: ${theme.selected.borderBottom};
+						}
 
-					&[data-focus-visible],
-					&:focus-visible {
-						border-bottom: ${theme.selected.borderBottom};
-					}
+						&[data-focus-visible],
+						&:focus-visible {
+							border-bottom: ${theme.selected.borderBottom};
+						}
 
-					${selected && `
+						${selected && `
 						border-bottom: ${theme.selected.borderBottom};
 					`}
-				`}
+					`}
 
 		text-decoration: ${theme.shared.textDecoration};
 	`;
 };
 const topBarNavigationDividerStyles = (theme, { alignment }, _menuOpen) => css`
 	${_menuOpen ? css`
-				height: ${theme.shared._menuOpen.height};
-				border-bottom: ${theme.shared.divider};
-			` : css`
-				${alignment === "left" ? "border-right" : "border-left"}: ${theme.shared.divider};
-			`}
+					height: ${theme.shared._menuOpen.height};
+					border-bottom: ${theme.shared.divider};
+				` : css`
+					${alignment === "left" ? "border-right" : "border-left"}: ${theme.shared.divider};
+				`}
 `;
 const topBarNavigationTextStyles = (theme, { hasIcon }) => css`
 	${hasIcon && `margin-left: ${theme.text.margin.left};`}

package/dist/components/TopBar/TopBarNavigation/types.d.cts

@@ -3,7 +3,6 @@ import { IconProps } from "../../Icon/types.cjs";
 import { TopBarNavigationTheme } from "./styles.cjs";
 import { PressEvent } from "react-aria-components";
 import { ReactNode } from "react";
-
 //#region src/components/TopBar/TopBarNavigation/types.d.ts
 interface TopBarNavigationProps extends DefaultProps<TopBarNavigationTheme> {
   /**

package/dist/components/TopBar/TopBarNavigation/types.d.ts

@@ -3,7 +3,6 @@ import { IconProps } from "../../Icon/types.js";
 import { TopBarNavigationTheme } from "./styles.js";
 import { ReactNode } from "react";
 import { PressEvent } from "react-aria-components";
-
 //#region src/components/TopBar/TopBarNavigation/types.d.ts
 interface TopBarNavigationProps extends DefaultProps<TopBarNavigationTheme> {
   /**

package/dist/components/TopBar/TopBarToolName/TopBarToolName.d.cts

@@ -1,10 +1,5 @@
 import { TopBarToolNameProps } from "./types.cjs";
-
 //#region src/components/TopBar/TopBarToolName/TopBarToolName.d.ts
-declare const TopBarToolName: ({
-  collapseBelow,
-  theme,
-  ...props
-}: TopBarToolNameProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const TopBarToolName: ({ collapseBelow, theme, ...props }: TopBarToolNameProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { TopBarToolName };

package/dist/components/TopBar/TopBarToolName/TopBarToolName.d.ts

@@ -1,10 +1,5 @@
 import { TopBarToolNameProps } from "./types.js";
-
 //#region src/components/TopBar/TopBarToolName/TopBarToolName.d.ts
-declare const TopBarToolName: ({
-  collapseBelow,
-  theme,
-  ...props
-}: TopBarToolNameProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const TopBarToolName: ({ collapseBelow, theme, ...props }: TopBarToolNameProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //#endregion
 export { TopBarToolName };

package/dist/components/TopBar/TopBarToolName/styles.d.cts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../../util/types.cjs";
 import { ComponentTopBar } from "../../../styleD/build/typescript/component/topBar.cjs";
+import "./types.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/TopBarToolName/styles.d.ts
 type TopBarToolNameTheme = Prettify<ComponentTopBar['toolName']>;
 type PartialTopBarToolNameTheme = Prettify<DeepPartial<TopBarToolNameTheme>>;

package/dist/components/TopBar/TopBarToolName/styles.d.ts

@@ -1,7 +1,7 @@
 import { DeepPartial, Prettify } from "../../../util/types.js";
 import { ComponentTopBar } from "../../../styleD/build/typescript/component/topBar.js";
+import "./types.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/TopBarToolName/styles.d.ts
 type TopBarToolNameTheme = Prettify<ComponentTopBar['toolName']>;
 type PartialTopBarToolNameTheme = Prettify<DeepPartial<TopBarToolNameTheme>>;

package/dist/components/TopBar/TopBarToolName/types.d.cts

@@ -4,7 +4,6 @@ import { FaviconProps } from "../../Favicon/types.cjs";
 import { Breakpoint } from "../../../styleD/utils/semantic/mq.cjs";
 import { TopBarToolNameTheme } from "./styles.cjs";
 import { LinkProps } from "react-aria-components";
-
 //#region src/components/TopBar/TopBarToolName/types.d.ts
 interface TopBarToolNameProps extends DefaultProps<TopBarToolNameTheme, LinkProps['className']>, Omit<LinkProps, 'children'> {
   /**

package/dist/components/TopBar/TopBarToolName/types.d.ts

@@ -4,7 +4,6 @@ import { FaviconProps } from "../../Favicon/types.js";
 import { Breakpoint } from "../../../styleD/utils/semantic/mq.js";
 import { TopBarToolNameTheme } from "./styles.js";
 import { LinkProps } from "react-aria-components";
-
 //#region src/components/TopBar/TopBarToolName/types.d.ts
 interface TopBarToolNameProps extends DefaultProps<TopBarToolNameTheme, LinkProps['className']>, Omit<LinkProps, 'children'> {
   /**

package/dist/components/TopBar/styles.cjs

@@ -20,16 +20,16 @@ const topBarContainerStyles = (theme, { collapseBelow, showUntil } = {}) => {
 		display: ${theme.display};
 
 		${collapseBelow && _emotion_react.css`
-			${require_mq.until[collapseBelow]} {
-				display: none;
-			}
-		`}
+				${require_mq.until[collapseBelow]} {
+					display: none;
+				}
+			`}
 
 		${showUntil && _emotion_react.css`
-			${require_mq.from[showUntil]} {
-				display: none;
-			}
-		`}
+				${require_mq.from[showUntil]} {
+					display: none;
+				}
+			`}
 	`;
 };
 const topBarSpacerStyles = (theme) => {
@@ -50,8 +50,8 @@ const topBarCollapsedNavMenuButtonStyles = (theme, menuOpen) => {
 		}
 
 		${menuOpen && _emotion_react.css`
-			background-color: ${theme.collapsedNavMenu.button.active.backgroundColor};
-		`}
+				background-color: ${theme.collapsedNavMenu.button.active.backgroundColor};
+			`}
 	`;
 };
 const topBarCollapsedNavMenuPopoverStyles = (theme) => {

package/dist/components/TopBar/styles.d.cts

@@ -1,7 +1,6 @@
 import { DeepPartial, Prettify } from "../../util/types.cjs";
 import { ComponentTopBar } from "../../styleD/build/typescript/component/topBar.cjs";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/styles.d.ts
 type TopBarTheme = Prettify<ComponentTopBar>;
 type PartialTopBarTheme = Prettify<DeepPartial<TopBarTheme>>;

package/dist/components/TopBar/styles.d.ts

@@ -1,7 +1,6 @@
 import { DeepPartial, Prettify } from "../../util/types.js";
 import { ComponentTopBar } from "../../styleD/build/typescript/component/topBar.js";
 import { SerializedStyles } from "@emotion/react";
-
 //#region src/components/TopBar/styles.d.ts
 type TopBarTheme = Prettify<ComponentTopBar>;
 type PartialTopBarTheme = Prettify<DeepPartial<TopBarTheme>>;