@esperanca-ui/componentes 2.14.18 → 2.14.20

package/COMPONENTS.md

@@ -67,7 +67,7 @@ const sections = [
 
 export function WorkspaceShell() {
   return (
-    <Background pattern="dots">
+    <Background variant="solid" pattern="dots">
       <div className="esp-shell esp-shell-density-comfortable">
         <Sidebar
           surface="glass"
@@ -165,7 +165,7 @@ export function TopQuickActions() {
 
 ## Notas de Integracao
 
-- `Background` entrega a superficie e os patterns. Blobs borrados, cards glass e outros adornos dos exemplos continuam sendo estilos da aplicacao consumidora.
+- `Background` entrega a superficie e os patterns. Use `variant="solid"` quando quiser um fundo neutro, sem blooms nem gradientes decorativos do preset. Blobs borrados, cards glass e outros adornos dos exemplos continuam sendo estilos da aplicacao consumidora.
 - `PageHeader` aceita qualquer `actions`, mas o layout do grupo de acoes continua sendo responsabilidade do app.
 - `PageHeader` agora aceita `variant="page" | "section"` para trocar a escala do titulo e da descricao sem criar outro componente para subtitulos de area.
 - `Tabs` foi pensado para dois niveis: navegacao contextual (`Resumo`, `Timeline`, `Gantt`, `Calendario`) e troca de modo (`Dia`, `Semana`, `Mes`).
@@ -189,7 +189,7 @@ export function TopQuickActions() {
 
 | Componente | Import | Uso minimo |
 | --- | --- | --- |
-| `Background` | `import { Background } from '@esperanca-ui/componentes'` | `<Background pattern="dots" />` |
+| `Background` | `import { Background } from '@esperanca-ui/componentes'` | `<Background variant="solid" pattern="dots" />` |
 | `Button` | `import { Button } from '@esperanca-ui/componentes'` | `<Button>Salvar</Button>` |
 | `Card` | `import { Card } from '@esperanca-ui/componentes'` | `<Card><Card.Body>Conteudo</Card.Body></Card>` |
 | `MetricCard` | `import { MetricCard } from '@esperanca-ui/componentes'` | `<MetricCard value="42" title="Ativos" />` |

package/dist/componentes-esperanca.es.js

@@ -22967,20 +22967,21 @@ const t2 = 24 * 60 * 60 * 1e3, r2 = (e) => /^\d{4}-\d{2}-\d{2}$/.test(e), ra = (
 });
 function k2({
   theme: e,
-  gradient: t,
-  pattern: r = "none",
-  opacity: n,
-  blendMode: a,
-  fullScreen: i = !0,
-  children: s,
-  className: o,
-  style: c
+  variant: t = "decorated",
+  gradient: r,
+  pattern: n = "none",
+  opacity: a,
+  blendMode: i,
+  fullScreen: s = !0,
+  children: o,
+  className: c,
+  style: l
 }) {
-  const l = {
-    ...c,
-    ...t ? { background: t } : {},
-    ...n !== void 0 ? { opacity: n } : {},
-    ...a ? { mixBlendMode: a } : {}
+  const f = {
+    ...l,
+    ...r ? { background: r } : {},
+    ...a !== void 0 ? { opacity: a } : {},
+    ...i ? { mixBlendMode: i } : {}
   };
   return /* @__PURE__ */ m(
     "div",
@@ -22988,12 +22989,13 @@ function k2({
       className: Ae(
         "bg-wrap",
         e && `bg-wrap--${e}`,
-        !i && "bg-wrap--auto",
-        r !== "none" && `bg-pattern-${r}`,
-        o
+        t === "solid" && "bg-wrap--solid",
+        !s && "bg-wrap--auto",
+        n !== "none" && `bg-pattern-${n}`,
+        c
       ),
-      style: l,
-      children: s
+      style: f,
+      children: o
     }
   );
 }