@studiolxd/brand 40.1.0 → 41.1.0

package/dist/filter-bar.css

@@ -1 +1 @@
-.filter-bar{gap:var(--filter-bar-gap);flex-direction:column;display:flex}.filter-bar__search{inline-size:100%}.filter-bar__row{grid-template-columns:repeat(auto-fill, minmax(min(var(--filter-bar-column-min-inline-size), 100%), 1fr));column-gap:var(--filter-bar-column-gap);row-gap:var(--filter-bar-row-gap);display:grid}.filter-bar__filters{display:contents}.filter-bar__filter{min-inline-size:0}.filter-bar__actions{align-self:end;align-items:stretch;gap:var(--filter-bar-actions-gap);flex-direction:column;min-inline-size:0;display:flex}.filter-bar__actions>*{inline-size:100%}@media (width>=768px){.filter-bar__actions{flex-flow:wrap;align-items:center}.filter-bar__actions>*{inline-size:auto}}
+.filter-bar{gap:var(--filter-bar-gap);flex-direction:column;display:flex}.filter-bar__search{inline-size:100%}.filter-bar__row{grid-template-columns:repeat(auto-fill, minmax(min(var(--filter-bar-column-min-inline-size), 100%), 1fr));column-gap:var(--filter-bar-column-gap);row-gap:var(--filter-bar-row-gap);display:grid}.filter-bar__filters{display:contents}.filter-bar__filter{min-inline-size:0}.filter-bar__actions{align-items:stretch;gap:var(--filter-bar-actions-gap);flex-direction:column;min-inline-size:0;display:flex}.filter-bar__actions>*{inline-size:100%}@media (width>=768px){.filter-bar__actions{flex-flow:wrap;align-items:center}.filter-bar__actions>*{inline-size:auto}:is(.filter-bar__row:has(.label:not(.visually-hidden)) .filter-bar__filter:not(:has(.label:not(.visually-hidden))),.filter-bar__row:has(.label:not(.visually-hidden))>.filter-bar__actions){align-self:start;padding-block-start:var(--filter-bar-label-offset)}.filter-bar__row:has(.label:not(.visually-hidden)) .filter-bar__filter:not(:has(.label:not(.visually-hidden))){block-size:calc(var(--filter-bar-label-offset) + var(--filter-bar-control-block-size));flex-direction:column;justify-content:center;display:flex}.filter-bar__row:has(.label:not(.visually-hidden))>.filter-bar__actions{min-block-size:calc(var(--filter-bar-label-offset) + var(--filter-bar-control-block-size))}}

package/dist/table.js

@@ -1,73 +1,74 @@
 'use client';
 import './table.css';
-import { Icon as e } from "./icon.js";
-import { VisuallyHidden as t } from "./visually-hidden.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { VisuallyHidden as n } from "./visually-hidden.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/molecules/Table/Table.tsx
-function i({ children: e, ...t }) {
-	return /* @__PURE__ */ n("thead", {
+function a({ children: e, ...t }) {
+	return /* @__PURE__ */ r("thead", {
 		...t,
 		children: e
 	});
 }
-function a({ children: e, ...t }) {
-	return /* @__PURE__ */ n("tfoot", {
+function o({ children: e, ...t }) {
+	return /* @__PURE__ */ r("tfoot", {
 		...t,
 		children: e
 	});
 }
-function o({ children: e, ...t }) {
-	return /* @__PURE__ */ n("tbody", {
+function s({ children: e, ...t }) {
+	return /* @__PURE__ */ r("tbody", {
 		...t,
 		children: e
 	});
 }
-function s({ sortable: i = !1, sorted: a = !1, onSort: o, actions: s = !1, actionsLabel: c = "Acciones", sortedAscLabel: l = "Ordenado ascendente", sortedDescLabel: u = "Ordenado descendente", sortableLabel: d = "Activar ordenación", sticky: f, nowrap: p = !1, children: m, className: h, scope: g = "col", ..._ }) {
-	let v = [
+function c({ sortable: a = !1, sorted: o = !1, onSort: s, actions: c = !1, actionsLabel: l, sortedAscLabel: u, sortedDescLabel: d, sortableLabel: f, sticky: p, nowrap: m = !1, children: h, className: g, scope: _ = "col", ...v }) {
+	let y = e("table"), b = [
 		"table__header",
-		i ? "table__header--sortable" : "",
-		a === "asc" ? "table__header--sorted-asc" : "",
-		a === "desc" ? "table__header--sorted-desc" : "",
-		s ? "table__header--actions" : "",
-		f === "end" ? "table__header--sticky" : "",
-		p ? "table__header--nowrap" : "",
-		h
+		a ? "table__header--sortable" : "",
+		o === "asc" ? "table__header--sorted-asc" : "",
+		o === "desc" ? "table__header--sorted-desc" : "",
+		c ? "table__header--actions" : "",
+		p === "end" ? "table__header--sticky" : "",
+		m ? "table__header--nowrap" : "",
+		g
 	].filter(Boolean).join(" ");
-	return i ? /* @__PURE__ */ r("th", {
-		..._,
-		scope: g,
-		className: v,
-		"aria-sort": a === "asc" ? "ascending" : a === "desc" ? "descending" : "none",
-		children: [/* @__PURE__ */ r("button", {
+	return a ? /* @__PURE__ */ i("th", {
+		...v,
+		scope: _,
+		className: b,
+		"aria-sort": o === "asc" ? "ascending" : o === "desc" ? "descending" : "none",
+		children: [/* @__PURE__ */ i("button", {
 			type: "button",
 			className: "table__header-content",
-			onClick: o,
-			children: [m, /* @__PURE__ */ n(e, {
+			onClick: s,
+			children: [h, /* @__PURE__ */ r(t, {
 				name: "chevron",
 				size: "xs",
 				className: "table__sort-icon"
 			})]
-		}), /* @__PURE__ */ n(t, { children: a === "asc" ? l : a === "desc" ? u : d })]
-	}) : s ? /* @__PURE__ */ n("th", {
-		..._,
-		scope: g,
-		className: v,
-		children: /* @__PURE__ */ n(t, { children: m ?? c })
-	}) : /* @__PURE__ */ n("th", {
-		..._,
-		scope: g,
-		className: v,
-		children: m
+		}), /* @__PURE__ */ r(n, { children: o === "asc" ? y("sortedAscending", u) : o === "desc" ? y("sortedDescending", d) : y("sortable", f) })]
+	}) : c ? /* @__PURE__ */ r("th", {
+		...v,
+		scope: _,
+		className: b,
+		children: /* @__PURE__ */ r(n, { children: h ?? y("actions", l) })
+	}) : /* @__PURE__ */ r("th", {
+		...v,
+		scope: _,
+		className: b,
+		children: h
 	});
 }
-function c({ onClick: e, interactive: t = !1, selected: r = !1, label: i, children: a, className: o, ...s }) {
-	let c = t || !!e, l = c ? r : r || void 0, u = [
+function l({ onClick: e, interactive: t = !1, selected: n = !1, label: i, children: a, className: o, ...s }) {
+	let c = t || !!e, l = c ? n : n || void 0, u = [
 		"table__row",
 		c ? "table__row--interactive" : "",
-		r ? "table__row--selected" : "",
+		n ? "table__row--selected" : "",
 		o
 	].filter(Boolean).join(" ");
-	return c ? /* @__PURE__ */ n("tr", {
+	return c ? /* @__PURE__ */ r("tr", {
 		...s,
 		className: u,
 		"aria-label": i,
@@ -78,7 +79,7 @@ function c({ onClick: e, interactive: t = !1, selected: r = !1, label: i, childr
 		},
 		tabIndex: 0,
 		children: a
-	}) : /* @__PURE__ */ n("tr", {
+	}) : /* @__PURE__ */ r("tr", {
 		...s,
 		className: u,
 		"aria-label": i,
@@ -86,37 +87,37 @@ function c({ onClick: e, interactive: t = !1, selected: r = !1, label: i, childr
 		children: a
 	});
 }
-function l({ sticky: e, actions: t = !1, nowrap: r = !1, children: i, className: a, ...o }) {
+function u({ sticky: e, actions: t = !1, nowrap: n = !1, children: i, className: a, ...o }) {
 	let s = [
 		"table__cell",
 		e === "end" ? "table__cell--sticky" : "",
 		t ? "table__cell--actions" : "",
-		r ? "table__cell--nowrap" : "",
+		n ? "table__cell--nowrap" : "",
 		a
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ n("td", {
+	return /* @__PURE__ */ r("td", {
 		...o,
 		className: s,
 		children: i
 	});
 }
-function u({ caption: e, children: t, size: i = "md", className: a, ...o }) {
-	return /* @__PURE__ */ n("div", {
+function d({ caption: e, children: t, size: n = "md", className: a, ...o }) {
+	return /* @__PURE__ */ r("div", {
 		className: "table__wrapper",
-		children: /* @__PURE__ */ r("table", {
+		children: /* @__PURE__ */ i("table", {
 			className: [
 				"table",
-				i === "sm" ? "table--sm" : "",
+				n === "sm" ? "table--sm" : "",
 				a ?? ""
 			].filter(Boolean).join(" "),
 			...o,
-			children: [e && /* @__PURE__ */ n("caption", {
+			children: [e && /* @__PURE__ */ r("caption", {
 				className: "visually-hidden",
 				children: e
 			}), t]
 		})
 	});
 }
-u.Head = i, u.Footer = a, u.Header = s, u.Body = o, u.Row = c, u.Cell = l;
+d.Head = a, d.Footer = o, d.Header = c, d.Body = s, d.Row = l, d.Cell = u;
 //#endregion
-export { u as Table, o as TableBody, l as TableCell, a as TableFooter, i as TableHead, s as TableHeader, c as TableRow };
+export { d as Table, s as TableBody, u as TableCell, o as TableFooter, a as TableHead, c as TableHeader, l as TableRow };