@aspprev/versi-ds 0.5.7 → 0.5.9

package/README.md

@@ -242,12 +242,17 @@ const root = document.documentElement;
 root.dataset.colorScheme = "dark";
 root.dataset.dsTheme = "azul1";
 root.dataset.contrast = "high";
+root.dataset.contrastTheme = "dark";
 root.dataset.fontScale = "large";
 root.dataset.motion = "reduce";
 ```
 
 Os valores válidos estão documentados em **Themes/Overview** no Storybook. Prefira tokens semânticos, como `--surface-page`, `--content-primary`, `--border-default` e `--focus-ring`, em vez de copiar valores de uma paleta.
 
+As identidades de cliente `basf`, `funssest`, `maisprevidencia`, `aceprev`, `cibrius`, `serpros` e `einvest` oferecem claro, escuro e alto contraste claro/escuro. Os presets legados continuam disponíveis. Consulte o [guia de integração e diferenças dos snapshots](docs/temas-clientes/INTEGRACAO.md) e **Temas → Clientes** no Storybook. As paletas são propostas para revisão visual.
+
+As entradas raiz e `/core` exportam `CLIENT_THEMES`, `LEGACY_THEMES`, `DESIGN_SYSTEM_THEMES` e os tipos `ClientTheme` e `DesignSystemTheme` para construir seletores no consumidor.
+
 ## Contribuição
 
 Ao criar ou alterar um componente:

package/dist/charts.js

@@ -12,7 +12,7 @@ import {
   normalizeTimeSeriesTooltipColor,
   resolveInteractiveDonutColors,
   resolveRelativeDonutSelection
-} from "./chunk-HKCVDOGK.js";
+} from "./chunk-YEUOULSF.js";
 export {
   InteractiveDonutChart,
   LazyApexChart,

package/dist/{chunk-SMWLRZCK.js → chunk-2XE4FX42.js}

@@ -93,11 +93,11 @@ var VARIANT_STYLES = {
   flat: {
     disabled: `cursor-not-allowed border-disabled bg-surface-disabled text-content-disabled`,
     default: {
-      primary: `bg-action-primary text-action-primary-content hover:bg-action-primary-hover active:bg-action-primary-active`,
-      secondary: `bg-action-secondary text-action-secondary-content hover:bg-action-secondary-hover active:bg-action-secondary-active`,
+      primary: `bg-action-primary text-action-primary-content hover:bg-action-primary-hover hover:text-action-primary-content-hover active:bg-action-primary-active active:text-action-primary-content-active`,
+      secondary: `bg-action-secondary text-action-secondary-content hover:bg-action-secondary-hover hover:text-action-secondary-content-hover active:bg-action-secondary-active active:text-action-secondary-content-active`,
       tertiary: `bg-action-tertiary text-action-tertiary-content opacity-100 hover:bg-action-tertiary-hover active:bg-action-tertiary-active`,
-      danger: `bg-action-danger text-action-danger-content hover:bg-action-danger-hover active:bg-action-danger-active`,
-      warning: `bg-action-warning text-action-warning-content hover:bg-action-warning-hover active:bg-action-warning-active`
+      danger: `bg-action-danger text-action-danger-content hover:bg-action-danger-hover hover:text-action-danger-content-hover active:bg-action-danger-active active:text-action-danger-content-active`,
+      warning: `bg-action-warning text-action-warning-content hover:bg-action-warning-hover hover:text-action-warning-content-hover active:bg-action-warning-active active:text-action-warning-content-active`
     }
   },
   outline: {
@@ -1679,11 +1679,11 @@ function PageTabsHeader({
                     tabRefs.current.get(target.id)?.focus();
                     onTabChange(target.id);
                   },
-                  className: `inline-flex items-center gap-1 whitespace-nowrap border-b-[3px] transition-colors duration-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring disabled:cursor-not-allowed disabled:opacity-50 tablet:px-1 ${size === "small" ? "px-0.5 py-0 text-sm" : "p-0.5 text-base"} ${isActive ? "border-primary-1 font-semibold text-primary-1" : "border-transparent text-content-secondary hover:text-content-muted"}`,
+                  className: `inline-flex items-center gap-1 whitespace-nowrap border-b-[3px] transition-colors duration-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring disabled:cursor-not-allowed disabled:opacity-50 tablet:px-1 ${size === "small" ? "px-0.5 py-0 text-sm" : "p-0.5 text-base"} ${isActive ? "border-content-link font-semibold text-content-link" : "border-transparent text-content-secondary hover:text-content-muted"}`,
                   children: [
                     Icon && /* @__PURE__ */ jsx24(Icon, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" }),
                     /* @__PURE__ */ jsx24("span", { children: tab.label }),
-                    tab.notification !== void 0 && tab.notification !== null && /* @__PURE__ */ jsx24("span", { className: "inline-flex min-h-4 min-w-4 items-center justify-center rounded-full bg-feedback-danger-strong px-1 text-2xs font-bold text-action-tertiary-content", children: tab.notification })
+                    tab.notification !== void 0 && tab.notification !== null && /* @__PURE__ */ jsx24("span", { className: "inline-flex min-h-4 min-w-4 items-center justify-center rounded-full bg-feedback-danger-strong px-1 text-2xs font-bold text-feedback-danger-on-strong", children: tab.notification })
                   ]
                 },
                 tab.id
@@ -1833,8 +1833,8 @@ import classNames12 from "classnames";
 import { jsx as jsx27 } from "react/jsx-runtime";
 var COLOR_STYLES = {
   primary: {
-    outline: "border-primary-1 text-primary-1",
-    soft: "border-primary-1 bg-primary-5 text-primary-2",
+    outline: "border-status-primary-outline-border text-status-primary-outline-foreground",
+    soft: "border-status-primary-outline-border bg-status-primary-soft-background text-status-primary-soft-foreground",
     solid: "border-action-primary bg-action-primary text-action-primary-content"
   },
   blue: {
@@ -2159,7 +2159,7 @@ function FilterView({
                 {
                   className: cs3(
                     "min-h-6 flex items-start gap-2 px-3 py-0.5 cursor-pointer rounded",
-                    control.value === option.value ? "bg-primary-5 text-primary-1" : "text-content-primary"
+                    control.value === option.value ? "bg-selection-background text-selection-content" : "text-content-primary"
                   ),
                   children: [
                     /* @__PURE__ */ jsx30(
@@ -2205,7 +2205,7 @@ function FilterView({
         {
           className: cs3(
             "min-h-10 flex items-start gap-2 px-3 py-1 cursor-pointer rounded",
-            optionChecked === option.value ? "bg-primary-5 text-primary-1" : "text-content-primary"
+            optionChecked === option.value ? "bg-selection-background text-selection-content" : "text-content-primary"
           ),
           children: [
             /* @__PURE__ */ jsx30(
@@ -3262,6 +3262,34 @@ function useContainerBreakpoint(ref, options = {}) {
   return current;
 }
 
+// src/theme-presets.ts
+var LEGACY_THEMES = [
+  "default",
+  "azul1",
+  "azul2",
+  "azul3",
+  "laranja1",
+  "laranja2",
+  "verde1",
+  "verde2",
+  "verde3",
+  "verde4",
+  "rosa1"
+];
+var CLIENT_THEMES = [
+  { id: "basf", label: "BASF" },
+  { id: "funssest", label: "FUNSSEST" },
+  { id: "maisprevidencia", label: "Mais Previd\xEAncia" },
+  { id: "aceprev", label: "ACEPREV" },
+  { id: "cibrius", label: "Cibrius" },
+  { id: "serpros", label: "SERPROS" },
+  { id: "einvest", label: "E-Invest" }
+];
+var DESIGN_SYSTEM_THEMES = [
+  ...LEGACY_THEMES,
+  ...CLIENT_THEMES.map((theme) => theme.id)
+];
+
 export {
   LoadingDotsView_default,
   Button_default,
@@ -3301,6 +3329,9 @@ export {
   Table_default,
   MobileCardTable_default,
   resolveContainerBreakpoint,
-  useContainerBreakpoint
+  useContainerBreakpoint,
+  LEGACY_THEMES,
+  CLIENT_THEMES,
+  DESIGN_SYSTEM_THEMES
 };
-//# sourceMappingURL=chunk-SMWLRZCK.js.map
+//# sourceMappingURL=chunk-2XE4FX42.js.map