@plitzi/sdk-elements 0.38.6 → 0.38.8

package/dist/elements/basic/Button/declaration.d.ts

@@ -55,7 +55,19 @@ declare const declaration: {
             readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
-                    readonly default: {};
+                    readonly default: {
+                        'padding-top': string;
+                        'padding-left': string;
+                        'padding-right': string;
+                        'padding-bottom': string;
+                        cursor: string;
+                        'font-size': string;
+                        'line-height': string;
+                        'border-top-left-radius': string;
+                        'border-top-right-radius': string;
+                        'border-bottom-left-radius': string;
+                        'border-bottom-right-radius': string;
+                    };
                 };
             };
             readonly subTypes: {
@@ -65,17 +77,17 @@ declare const declaration: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };
@@ -86,17 +98,17 @@ declare const declaration: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };
@@ -107,17 +119,17 @@ declare const declaration: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };

package/dist/elements/basic/Button/declaration.mjs

@@ -1,6 +1,18 @@
 import { elementDeclaration as e, valuesOf as t } from "@plitzi/sdk-shared/authoring/declare";
 //#region src/elements/basic/Button/declaration.ts
-var n = e()({
+var n = {
+	"padding-top": "6px",
+	"padding-left": "12px",
+	"padding-right": "12px",
+	"padding-bottom": "6px",
+	cursor: "pointer",
+	"font-size": "16px",
+	"line-height": "1.5",
+	"border-top-left-radius": "4px",
+	"border-top-right-radius": "4px",
+	"border-bottom-left-radius": "4px",
+	"border-bottom-right-radius": "4px"
+}, r = e()({
 	type: "button",
 	attributeValues: {
 		subType: t()([
@@ -53,58 +65,22 @@ var n = e()({
 		defaultStyle: {
 			name: "Button",
 			displayMode: "desktop",
-			style: { base: { default: {} } },
+			style: { base: { default: n } },
 			subTypes: {
 				button: {
 					name: "Default Button",
 					displayMode: "desktop",
-					style: { base: { default: {
-						"padding-top": "6px",
-						"padding-left": "12px",
-						"padding-right": "12px",
-						"padding-bottom": "6px",
-						cursor: "pointer",
-						"font-size": "16px",
-						"line-height": "1.5",
-						"border-top-left-radius": "4px",
-						"border-top-right-radius": "4px",
-						"border-bottom-left-radius": "4px",
-						"border-bottom-right-radius": "4px"
-					} } }
+					style: { base: { default: n } }
 				},
 				reset: {
 					name: "Reset Button",
 					displayMode: "desktop",
-					style: { base: { default: {
-						"padding-top": "6px",
-						"padding-left": "12px",
-						"padding-right": "12px",
-						"padding-bottom": "6px",
-						cursor: "pointer",
-						"font-size": "16px",
-						"line-height": "1.5",
-						"border-top-left-radius": "4px",
-						"border-top-right-radius": "4px",
-						"border-bottom-left-radius": "4px",
-						"border-bottom-right-radius": "4px"
-					} } }
+					style: { base: { default: n } }
 				},
 				submit: {
 					name: "Submit Button",
 					displayMode: "desktop",
-					style: { base: { default: {
-						"padding-top": "6px",
-						"padding-left": "12px",
-						"padding-right": "12px",
-						"padding-bottom": "6px",
-						cursor: "pointer",
-						"font-size": "16px",
-						"line-height": "1.5",
-						"border-top-left-radius": "4px",
-						"border-top-right-radius": "4px",
-						"border-bottom-left-radius": "4px",
-						"border-bottom-right-radius": "4px"
-					} } }
+					style: { base: { default: n } }
 				}
 			}
 		},
@@ -112,4 +88,4 @@ var n = e()({
 	}
 });
 //#endregion
-export { n as default };
+export { r as default };

package/dist/elements/basic/Button/index.d.ts

@@ -54,7 +54,19 @@ declare const Button: {
             readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
-                    readonly default: {};
+                    readonly default: {
+                        'padding-top': string;
+                        'padding-left': string;
+                        'padding-right': string;
+                        'padding-bottom': string;
+                        cursor: string;
+                        'font-size': string;
+                        'line-height': string;
+                        'border-top-left-radius': string;
+                        'border-top-right-radius': string;
+                        'border-bottom-left-radius': string;
+                        'border-bottom-right-radius': string;
+                    };
                 };
             };
             readonly subTypes: {
@@ -64,17 +76,17 @@ declare const Button: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };
@@ -85,17 +97,17 @@ declare const Button: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };
@@ -106,17 +118,17 @@ declare const Button: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };

package/dist/elements/basic/Dropdown/DropdownPopup/declaration.d.ts

@@ -43,6 +43,8 @@ declare const declaration: {
                 readonly base: {
                     readonly default: {
                         readonly 'background-color': "light-dark(white, oklch(0.21 0.006 285.885))";
+                        readonly 'min-height': "24px";
+                        readonly 'min-width': "24px";
                         readonly 'padding-right': "4px";
                         readonly 'padding-bottom': "4px";
                         readonly 'padding-left': "4px";

package/dist/elements/basic/Dropdown/DropdownPopup/declaration.mjs

@@ -37,6 +37,8 @@ var t = e()({
 			displayMode: "desktop",
 			style: { base: { default: {
 				"background-color": "light-dark(white, oklch(0.21 0.006 285.885))",
+				"min-height": "24px",
+				"min-width": "24px",
 				"padding-right": "4px",
 				"padding-bottom": "4px",
 				"padding-left": "4px",

package/dist/elements/basic/Dropdown/DropdownPopup/index.d.ts

@@ -42,6 +42,8 @@ declare const DropdownPopup: {
                 readonly base: {
                     readonly default: {
                         readonly 'background-color': "light-dark(white, oklch(0.21 0.006 285.885))";
+                        readonly 'min-height': "24px";
+                        readonly 'min-width': "24px";
                         readonly 'padding-right': "4px";
                         readonly 'padding-bottom': "4px";
                         readonly 'padding-left': "4px";

package/dist/elements/basic/Dropdown/index.d.ts

@@ -47,6 +47,8 @@ declare const Dropdown: {
                         readonly base: {
                             readonly default: {
                                 readonly 'background-color': "light-dark(white, oklch(0.21 0.006 285.885))";
+                                readonly 'min-height': "24px";
+                                readonly 'min-width': "24px";
                                 readonly 'padding-right': "4px";
                                 readonly 'padding-bottom': "4px";
                                 readonly 'padding-left': "4px";

package/dist/elements/basic/Heading/declaration.d.ts

@@ -47,7 +47,11 @@ declare const declaration: {
             readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
-                    readonly default: {};
+                    readonly default: {
+                        readonly 'margin-top': "25px";
+                        readonly 'margin-bottom': "25px";
+                        readonly 'font-weight': 700;
+                    };
                 };
             };
             readonly subTypes: {

package/dist/elements/basic/Heading/declaration.mjs

@@ -44,7 +44,11 @@ var n = e()({
 		defaultStyle: {
 			name: "Heading",
 			displayMode: "desktop",
-			style: { base: { default: {} } },
+			style: { base: { default: {
+				"margin-top": "25px",
+				"margin-bottom": "25px",
+				"font-weight": 700
+			} } },
 			subTypes: {
 				h1: {
 					name: "H1 Heading",

package/dist/elements/basic/Heading/index.d.ts

@@ -46,7 +46,11 @@ declare const Heading: {
             readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
-                    readonly default: {};
+                    readonly default: {
+                        readonly 'margin-top': "25px";
+                        readonly 'margin-bottom': "25px";
+                        readonly 'font-weight': 700;
+                    };
                 };
             };
             readonly subTypes: {

package/dist/elements/basic/Link/Link.d.ts

@@ -32,8 +32,14 @@ export type LinkProps = {
     icon?: string;
     /** Which side of the words the icon sits on. */
     iconPlacement?: IconPlacement;
+    /**
+     * Where the link is current. `page` (the default): on the page it leads to and nowhere else. `section`: on that page
+     * and every page under its path — `/automations/runs` stays lit on `/automations/runs/42`, a journal's link on its
+     * articles — announced there as the current entry (`aria-current="true"`) rather than the current page.
+     */
+    current?: 'page' | 'section';
 };
-declare const Link: ({ ref, children, className, href, target, mode, hash, label, content, contentPlacement, icon, iconPlacement }: LinkProps) => import('react').JSX.Element;
+declare const Link: ({ ref, children, className, href, target, mode, hash, label, content, contentPlacement, icon, iconPlacement, current }: LinkProps) => import('react').JSX.Element;
 declare const _default: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<LinkProps>): import('react').JSX.Element;
     displayName: string;

package/dist/elements/basic/Link/Link.mjs

@@ -2,7 +2,7 @@ import e from "../../../Element/hocs/withElement.mjs";
 import t from "../../../Element/hooks/useElement.mjs";
 import { RootElement as n } from "../../../Element/RootElement.mjs";
 import r from "../../../Element/ElementWords.mjs";
-import { isCurrentPage as i } from "./isCurrentPage.mjs";
+import { ariaCurrent as i } from "./ariaCurrent.mjs";
 import { useMemo as a } from "react";
 import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { useSdkStore as s } from "@plitzi/sdk-shared/store";
@@ -11,84 +11,84 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import d from "clsx";
 import { getPageFullPath as f } from "@plitzi/sdk-navigation/NavigationHelper";
 //#region src/elements/basic/Link/Link.tsx
-var p = ({ ref: e, children: p, className: m = "", href: h = "#", target: g = "self", mode: _ = "page", hash: v = "", label: y = "", content: b = "", contentPlacement: x = "after", icon: S = "", iconPlacement: C = "before" }) => {
-	let { style: w, definition: { styleSelectors: T } } = t(), { settings: { previewMode: E } } = o(), [[D, O, k, A, j, M]] = s([
+var p = ({ ref: e, children: p, className: m = "", href: h = "#", target: g = "self", mode: _ = "page", hash: v = "", label: y = "", content: b = "", contentPlacement: x = "after", icon: S = "", iconPlacement: C = "before", current: w = "page" }) => {
+	let { style: T, definition: { styleSelectors: E } } = t(), { settings: { previewMode: D } } = o(), [[O, k, A, j, M, N]] = s([
 		"pageDefinitions",
 		"schema.pageFolders",
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.navigate",
 		"navigation.href"
-	]), N = a(() => {
+	]), P = a(() => {
 		if (_ === "external") return h;
 		if (_ === "internal") {
 			let e = `/${h}`.replaceAll(/[/]+/gim, "/");
 			try {
 				let t = c(e, {
-					...A,
-					...k
+					...j,
+					...A
 				}, !0);
 				return typeof t == "string" ? t : e;
 			} catch {}
 			return e;
 		}
-		return f(D, O, h, !0);
+		return f(O, k, h, !0);
 	}, [
 		_,
 		h,
-		D,
 		O,
-		A,
-		k
-	]), P = _ !== "external" && v ? `${N}#${v}` : N, F = _ !== "external" && i(N, M), I = (e) => {
-		if (!E) return;
+		k,
+		j,
+		A
+	]), F = _ !== "external" && v ? `${P}#${v}` : P, I = _ === "external" ? void 0 : i(P, N, w), L = (e) => {
+		if (!D) return;
 		e.stopPropagation();
 		let t = g !== "self" || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0;
-		(_ === "page" || _ === "internal") && !t && (e.preventDefault(), j(P));
-	}, L = a(() => {
+		(_ === "page" || _ === "internal") && !t && (e.preventDefault(), M(F));
+	}, R = a(() => {
 		let t = {
 			ref: e,
-			style: w,
+			style: T,
 			target: `_${g}`,
 			...g === "blank" ? { rel: "noopener noreferrer" } : {},
 			"aria-label": y || void 0,
-			"aria-current": F ? "page" : void 0,
+			"aria-current": I,
 			className: d("plitzi-component__link", m)
 		};
-		return E ? {
+		return D ? {
 			...t,
-			href: P
+			href: F
 		} : {
 			...t,
-			"href-disabled": P
+			"href-disabled": F
 		};
 	}, [
 		e,
-		w,
+		T,
 		g,
 		y,
-		F,
+		I,
 		m,
-		E,
-		P
+		D,
+		F
 	]);
 	return /* @__PURE__ */ u(n, {
 		tag: "a",
-		...L,
-		onClick: I,
+		...R,
+		onClick: L,
 		children: [
 			x === "before" && /* @__PURE__ */ l(r, {
 				content: b,
 				icon: S,
 				iconPlacement: C,
-				iconClassName: T.icon
+				iconClassName: E.icon
 			}),
 			p,
 			x === "after" && /* @__PURE__ */ l(r, {
 				content: b,
 				icon: S,
 				iconPlacement: C,
-				iconClassName: T.icon
+				iconClassName: E.icon
 			})
 		]
 	});

package/dist/elements/basic/Link/Settings.d.ts

@@ -8,7 +8,8 @@ type SettingsProps = {
     contentPlacement?: 'before' | 'after';
     icon?: string;
     iconPlacement?: 'before' | 'after';
+    current?: 'page' | 'section';
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ mode, href, hash, target, label, content, contentPlacement, icon, iconPlacement, onUpdate }: SettingsProps) => import('react').JSX.Element;
+declare const Settings: ({ mode, href, hash, target, label, content, contentPlacement, icon, iconPlacement, current, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;