@studiolxd/brand 48.0.0 → 49.0.0

package/dist/typing-indicator.js

@@ -1,27 +1,30 @@
+'use client';
 import './typing-indicator.css';
-import { VisuallyHidden as e } from "./visually-hidden.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { VisuallyHidden as t } from "./visually-hidden.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/stories/atoms/TypingIndicator/TypingIndicator.tsx
-function r({ label: r = "El asistente está escribiendo…" }) {
-	return /* @__PURE__ */ n("span", {
+function i({ name: i, label: a }) {
+	let o = e("typingIndicator");
+	return /* @__PURE__ */ r("span", {
 		className: "typing-indicator",
 		role: "status",
 		children: [
-			/* @__PURE__ */ t("span", {
+			/* @__PURE__ */ n("span", {
 				className: "typing-indicator__dot",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ t("span", {
+			/* @__PURE__ */ n("span", {
 				className: "typing-indicator__dot",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ t("span", {
+			/* @__PURE__ */ n("span", {
 				className: "typing-indicator__dot",
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ t(e, { children: r })
+			/* @__PURE__ */ n(t, { children: a ?? o("typing")(i) })
 		]
 	});
 }
 //#endregion
-export { r as TypingIndicator };
+export { i as TypingIndicator };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiolxd/brand",
-  "version": "48.0.0",
+  "version": "49.0.0",
   "description": "El sistema de diseño de Studio LXD: componentes React, tokens y documentación de la suite SLXD.",
   "repository": {
     "type": "git",

package/src/tokens/molecules/filter-bar.css

@@ -3,10 +3,9 @@
  */
 
 :root {
-  --filter-bar-column-min-inline-size: var(--field-row-cell-md); /** Ancho mínimo de una columna de filtros (192px, el de una celda normal de `FieldRow`): es lo que decide cuántas caben por fila —tres o cuatro en una tabla de administración— antes de apilarse */
   --filter-bar-gap: var(--form-gap); /** Aire entre la línea del buscador y la de los filtros: el mismo que separa dos campos de un formulario, porque eso es lo que son */
   --filter-bar-column-gap: var(--field-row-column-gap); /** Aire entre las columnas de filtros — el de las celdas de una fila de campos */
-  --filter-bar-row-gap: var(--field-row-row-gap); /** Aire entre las filas de filtros cuando la rejilla envuelve, y entre los filtros apilados en móvil */
+  --filter-bar-row-gap: var(--field-row-row-gap); /** Aire entre las filas de filtros cuando hay más de las que caben por punto de corte, y entre los filtros apilados en móvil */
   --filter-bar-actions-gap: var(--form-actions-gap); /** Aire entre las acciones de la barra — el de los botones de un formulario: la fila de acciones del sistema es una sola */
   --filter-bar-label-offset: calc(var(--label-font-size) * var(--label-line-height) + var(--input-field-gap)); /** El renglón que ocupa un rótulo sobre su control: cuerpo × interlineado del `Label` más el aire que los separa en un campo (29px en la aplicación; en la superficie pública el rótulo es mayor y el renglón sube con él). Es lo que la barra reserva sobre lo que NO lleva rótulo —un interruptor, el botón de limpiar— para que no se suba a la línea de las etiquetas */
   --filter-bar-control-block-size: var(--control-height); /** La caja de un campo de una línea (40px, la talla md del sistema; 48px en la superficie pública, que parte de lg). Es la referencia contra la que se centra lo que no lleva rótulo: el interruptor queda a la altura óptica del recuadro que tiene al lado, no del renglón entero —que con un control alto al lado sería otra altura cada vez— */

package/src/tokens/scss/molecules/_filter-bar.scss

@@ -3,8 +3,7 @@
 
 $lxd-filter-bar-gap: 1.5rem; // Aire entre la línea del buscador y la de los filtros: el mismo que separa dos campos de un formulario, porque eso es lo que son
 $lxd-filter-bar-column-gap: 1rem; // Aire entre las columnas de filtros — el de las celdas de una fila de campos
-$lxd-filter-bar-row-gap: 0.75rem; // Aire entre las filas de filtros cuando la rejilla envuelve, y entre los filtros apilados en móvil
-$lxd-filter-bar-column-min-inline-size: 12rem; // Ancho mínimo de una columna de filtros (192px, el de una celda normal de `FieldRow`): es lo que decide cuántas caben por fila —tres o cuatro en una tabla de administración— antes de apilarse
+$lxd-filter-bar-row-gap: 0.75rem; // Aire entre las filas de filtros cuando hay más de las que caben por punto de corte, y entre los filtros apilados en móvil
 $lxd-filter-bar-actions-gap: 0.75rem; // Aire entre las acciones de la barra — el de los botones de un formulario: la fila de acciones del sistema es una sola
 $lxd-filter-bar-label-offset: calc(0.875rem * 1.5 + 0.5rem); // El renglón que ocupa un rótulo sobre su control: cuerpo × interlineado del `Label` más el aire que los separa en un campo (29px en la aplicación; en la superficie pública el rótulo es mayor y el renglón sube con él). Es lo que la barra reserva sobre lo que NO lleva rótulo —un interruptor, el botón de limpiar— para que no se suba a la línea de las etiquetas
 $lxd-filter-bar-control-block-size: 2.5rem; // La caja de un campo de una línea (40px, la talla md del sistema; 48px en la superficie pública, que parte de lg). Es la referencia contra la que se centra lo que no lleva rótulo: el interruptor queda a la altura óptica del recuadro que tiene al lado, no del renglón entero —que con un control alto al lado sería otra altura cada vez—

package/src/tokens/surface-public.css

@@ -207,7 +207,6 @@
   --field-row-empty-font-size: var(--text-paragraph-small-font-size);
   --file-upload-field-error-font-size: var(--form-error-font-size);
   --file-upload-field-helper-font-size: var(--form-helper-font-size);
-  --filter-bar-column-min-inline-size: var(--field-row-cell-md);
   --filter-bar-label-offset: calc(var(--label-font-size) * var(--label-line-height) + var(--input-field-gap));
   --filter-bar-control-block-size: var(--control-height);
   --input-field-search-input-padding-inline-start: var(--input-field-search-slot-size);

package/src/tokens/tokens.json

@@ -2544,7 +2544,6 @@
   "--filter-bar-gap": "1.5rem",
   "--filter-bar-column-gap": "1rem",
   "--filter-bar-row-gap": "0.75rem",
-  "--filter-bar-column-min-inline-size": "12rem",
   "--filter-bar-actions-gap": "0.75rem",
   "--filter-bar-label-offset": "calc(0.875rem * 1.5 + 0.5rem)",
   "--filter-bar-control-block-size": "2.5rem",