@studiolxd/brand 47.0.0 → 47.1.0

package/dist/link.css

@@ -1 +1 @@
-:where(button.link){appearance:none;font:inherit;text-align:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0}a:where(:not(.button)),:where(.link){color:var(--link-color);box-shadow:inset 0 calc(-1 * var(--link-underline-width)) 0 0 currentColor;cursor:var(--link-cursor);padding-block-end:var(--link-underline-offset);text-decoration:none}a:where(:not(.button)):hover,:where(.link):hover{color:var(--link-hover-color);box-shadow:inset 0 calc(-1 * var(--link-hover-underline-width)) 0 0 currentColor}a:focus-visible,:where(.link):focus-visible{outline:var(--link-focus-ring-width) solid var(--link-focus-ring-color);outline-offset:var(--link-focus-ring-offset)}.link--with-icon{align-items:center;gap:var(--link-icon-gap);display:inline-flex}.link__icon{flex-shrink:0}.link--ink{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.link--ink:hover{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.link--accent-1{color:var(--link-accent-1-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-underline-width)) 0 0 currentColor}.link--accent-1:hover{color:var(--link-accent-1-hover-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-hover-underline-width)) 0 0 currentColor}
+:where(button.link){appearance:none;font:inherit;text-align:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0}a:where(:not(.button)),:where(.link){color:var(--link-color);box-shadow:inset 0 calc(-1 * var(--link-underline-width)) 0 0 currentColor;cursor:var(--link-cursor);inline-size:fit-content;padding-block-end:var(--link-underline-offset);text-decoration:none}a:where(:not(.button)):hover,:where(.link):hover{color:var(--link-hover-color);box-shadow:inset 0 calc(-1 * var(--link-hover-underline-width)) 0 0 currentColor}a:focus-visible,:where(.link):focus-visible{outline:var(--link-focus-ring-width) solid var(--link-focus-ring-color);outline-offset:var(--link-focus-ring-offset)}.link--with-icon{align-items:center;gap:var(--link-icon-gap);display:inline-flex}.link__icon{flex-shrink:0}.link--ink{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.link--ink:hover{color:var(--link-ink-color);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.link--accent-1{color:var(--link-accent-1-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-underline-width)) 0 0 currentColor}.link--accent-1:hover{color:var(--link-accent-1-hover-color);box-shadow:inset 0 calc(-1 * var(--link-accent-1-hover-underline-width)) 0 0 currentColor}

package/dist/page-intro.css

@@ -1 +1 @@
-.page-intro{flex-direction:column;inline-size:100%;display:flex}.page-intro .paragraph{margin:0}.page-intro>:not(.heading)+*{margin-block-start:var(--spacing-3)}.page-intro__row{align-items:flex-start;row-gap:var(--page-intro-row-gap);flex-direction:column;display:flex}.page-intro__row>.heading{margin-block-end:0}.page-intro__actions{align-self:stretch;align-items:stretch;gap:var(--page-intro-actions-gap);flex-direction:column;display:flex}@media (width>=768px){.page-intro__row{align-items:baseline;column-gap:var(--page-intro-row-column-gap);flex-direction:row;row-gap:0}.page-intro__row>.heading{min-inline-size:0;flex:1;margin-block-end:var(--page-intro-title-space-after)}.page-intro__row:last-child>.heading{margin-block-end:0}.page-intro__actions{flex-flow:wrap;flex:none;align-self:auto;align-items:center}.page-intro>.page-intro__row+*{margin-block-start:0}}
+.page-intro{flex-direction:column;inline-size:100%;display:flex}.page-intro .paragraph{margin:0}.page-intro>:not(.heading)+*{margin-block-start:var(--spacing-3)}.page-intro__eyebrow{margin-block-end:var(--page-intro-row-gap)}.page-intro__row{align-items:flex-start;row-gap:var(--page-intro-row-gap);flex-direction:column;display:flex}.page-intro__row>.page-intro__title-group>.heading{margin-block-end:0}.page-intro__actions{align-self:stretch;align-items:stretch;gap:var(--page-intro-actions-gap);flex-direction:column;display:flex}@media (width>=768px){.page-intro__row{align-items:baseline;column-gap:var(--page-intro-row-column-gap);flex-direction:row;row-gap:0}.page-intro__row>.page-intro__title-group{flex:1;min-inline-size:0}.page-intro__row>.page-intro__title-group>.heading{margin-block-end:var(--page-intro-title-space-after)}.page-intro__row:last-child>.page-intro__title-group>.heading{margin-block-end:0}.page-intro__actions{flex-flow:wrap;flex:none;align-self:auto;align-items:center}.page-intro>.page-intro__row+*{margin-block-start:0}}

package/dist/page-intro.js

@@ -1,31 +1,37 @@
 import './page-intro.css';
 import { Heading as e } from "./heading.js";
 import { Paragraph as t } from "./paragraph.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/molecules/PageIntro/PageIntro.tsx
-function i({ title: i, description: a, actions: o, level: s = 1, size: c, as: l = "header", className: u, children: d }) {
-	let f = /* @__PURE__ */ n(e, {
-		level: s,
-		size: c,
-		children: i
-	});
-	return /* @__PURE__ */ r(l, {
-		className: ["page-intro", u].filter(Boolean).join(" "),
+function a({ eyebrow: a, title: o, description: s, actions: c, level: l = 1, size: u, as: d = "header", className: f, children: p }) {
+	let m = /* @__PURE__ */ i(n, { children: [a && /* @__PURE__ */ r("div", {
+		className: "page-intro__eyebrow",
+		children: a
+	}), /* @__PURE__ */ r(e, {
+		level: l,
+		size: u,
+		children: o
+	})] });
+	return /* @__PURE__ */ i(d, {
+		className: ["page-intro", f].filter(Boolean).join(" "),
 		children: [
-			o ? /* @__PURE__ */ r("div", {
+			c ? /* @__PURE__ */ i("div", {
 				className: "page-intro__row",
-				children: [f, /* @__PURE__ */ n("div", {
+				children: [/* @__PURE__ */ r("div", {
+					className: "page-intro__title-group",
+					children: m
+				}), /* @__PURE__ */ r("div", {
 					className: "page-intro__actions",
-					children: o
+					children: c
 				})]
-			}) : f,
-			a && /* @__PURE__ */ n(t, {
+			}) : m,
+			s && /* @__PURE__ */ r(t, {
 				size: "large",
-				children: a
+				children: s
 			}),
-			d
+			p
 		]
 	});
 }
 //#endregion
-export { i as PageIntro };
+export { a as PageIntro };