@webority/ui-react 0.12.2 → 0.12.4

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

@@ -29,10 +29,11 @@ import "@webority/ui-elements";
  * @param {string} [props.functionalDescription] What the functional category covers.
  * @param {string} [props.marketingDescription] What the marketing category covers.
  * @param {"bottom-left"|"bottom-right"} [props.position='bottom-left'] Which corner it pins to.
+ * @param {boolean} [props.standalone=false] Render sealed in a shadow root with bundled styles, for a page that does not load `@webority/theme`.
  * @param {string} [props.className] Extra classes on the element.
  * @param {import('react').CSSProperties} [props.style] Inline style; lands on the element with `className`.
  */
-export default function AppConsentBanner({ heading, description, policyHref, policyLabel, analyticsDescription, functionalDescription, marketingDescription, position, className, style, ...rest }: {
+export default function AppConsentBanner({ heading, description, policyHref, policyLabel, analyticsDescription, functionalDescription, marketingDescription, position, standalone, className, style, ...rest }: {
     heading?: string;
     description?: string;
     policyHref?: string;
@@ -41,6 +42,7 @@ export default function AppConsentBanner({ heading, description, policyHref, pol
     functionalDescription?: string;
     marketingDescription?: string;
     position?: "bottom-left" | "bottom-right";
+    standalone?: boolean;
     className?: string;
     style?: import('react').CSSProperties;
 }): import("react").JSX.Element;

package/dist/ui-react.js

@@ -2167,18 +2167,18 @@ function At({ open: e, title: t, message: n, confirmLabel: r = "Confirm", cancel
 //#endregion
 //#region src/components/AppConsentBanner.jsx
 var jt = ["bottom-left", "bottom-right"];
-function Mt({ heading: e, description: t, policyHref: n, policyLabel: r, analyticsDescription: i, functionalDescription: a, marketingDescription: s, position: c = "bottom-left", className: l = "", style: u, ...d }) {
-	U("AppConsentBanner", d), W("AppConsentBanner", "position", c, jt);
-	let { setRef: f, innerRef: p } = Q({ on: { "wui-consent-save": (e) => {
-		R(e.detail), p.current && (p.current.preferences = L());
+function Mt({ heading: e, description: t, policyHref: n, policyLabel: r, analyticsDescription: i, functionalDescription: a, marketingDescription: s, position: c = "bottom-left", standalone: l = !1, className: u = "", style: d, ...f }) {
+	U("AppConsentBanner", f), W("AppConsentBanner", "position", c, jt);
+	let { setRef: p, innerRef: m } = Q({ on: { "wui-consent-save": (e) => {
+		R(e.detail), m.current && (m.current.preferences = L());
 	} } });
 	return o(() => {
-		let e = p.current;
+		let e = m.current;
 		if (!e) return;
 		let t = L();
 		e.preferences = t, t.decided || e.open();
-	}, [p]), /* @__PURE__ */ E("wui-consent-banner", {
-		ref: f,
+	}, [m]), /* @__PURE__ */ E("wui-consent-banner", {
+		ref: p,
 		position: c,
 		heading: e || void 0,
 		description: t || void 0,
@@ -2187,9 +2187,10 @@ function Mt({ heading: e, description: t, policyHref: n, policyLabel: r, analyti
 		"analytics-description": i || void 0,
 		"functional-description": a || void 0,
 		"marketing-description": s || void 0,
-		class: l || void 0,
-		style: u,
-		...d
+		standalone: l || void 0,
+		class: u || void 0,
+		style: d,
+		...f
 	});
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.12.2",
+  "version": "0.12.4",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -28,8 +28,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/theme": "0.12.2",
-    "@webority/ui-elements": "0.12.2"
+    "@webority/theme": "0.12.4",
+    "@webority/ui-elements": "0.12.4"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.5.2",