shelving 1.253.3 → 1.253.5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "shelving",
-	"version": "1.253.3",
+	"version": "1.253.5",
 	"author": "Dave Houlbrooke <dave@shax.com>",
 	"repository": {
 		"type": "git",

package/ui/layout/CenteredLayout.module.css

@@ -72,7 +72,7 @@
 
 	.mainInner {
 		width: 100%;
-		max-width: var(--width-wide);
+		max-width: var(--width-narrow);
 		margin: auto;
 	}
 }

package/ui/misc/Catcher.js

@@ -103,5 +103,5 @@ export function ErrorNotice({ reason }) {
  */
 export function ErrorPage({ reason }) {
     const message = getMessage(reason) ?? "Unknown error";
-    return (_jsx(Page, { title: "Error", children: _jsx(CenteredLayout, { children: _jsx(Card, { status: "error", children: _jsxs(Subheading, { children: [_jsxs(Row, { left: true, children: [_jsx(StatusIcon, { status: "error", size: "xlarge" }), " ", message] }), _jsx(RetryButton, {})] }) }) }) }));
+    return (_jsx(Page, { title: "Error", children: _jsx(CenteredLayout, { children: _jsxs(Card, { status: "error", children: [_jsx(Subheading, { children: _jsxs(Row, { left: true, children: [_jsx(StatusIcon, { status: "error", size: "xlarge" }), " ", message] }) }), _jsx(RetryButton, {})] }) }) }));
 }

package/ui/misc/Catcher.tsx

@@ -187,8 +187,8 @@ export function ErrorPage({ reason }: ErrorPageProps): ReactElement {
 						<Row left>
 							<StatusIcon status="error" size="xlarge" /> {message}
 						</Row>
-						<RetryButton />
 					</Subheading>
+					<RetryButton />
 				</Card>
 			</CenteredLayout>
 		</Page>

package/ui/style/Space.d.ts

@@ -3,7 +3,7 @@
  *
  * @see https://dhoulb.github.io/shelving/ui/style/Space/SpaceValue
  */
-export type SpaceValue = "none" | "xxsmall" | "xsmall" | "small" | "normal" | "large" | "xlarge" | "xxlarge" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x";
+export type SpaceValue = "section" | "paragraph" | "none" | "xxsmall" | "xsmall" | "small" | "normal" | "large" | "xlarge" | "xxlarge" | "1x" | "2x" | "3x" | "4x" | "5x" | "6x" | "7x" | "8x" | "9x" | "10x";
 /**
  * Variants to control block spacing on components, e.g. `space="large"`.
  *

package/ui/style/Space.module.css

@@ -75,4 +75,11 @@
 	.space-10x {
 		margin-block: calc(var(--space-normal) * 10);
 	}
+
+	.space-section {
+		margin-block: var(--space-section);
+	}
+	.space-paragraph {
+		margin-block: var(--space-paragraph);
+	}
 }

package/ui/style/Space.tsx

@@ -7,6 +7,8 @@ import SPACE_CSS from "./Space.module.css";
  * @see https://dhoulb.github.io/shelving/ui/style/Space/SpaceValue
  */
 export type SpaceValue =
+	| "section"
+	| "paragraph"
 	| "none"
 	| "xxsmall"
 	| "xsmall"