@snksergio/design-system 0.30.1 → 0.30.3

package/dist-lib/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const panel = require("./chunks/panel-YQI9vAf_.cjs");
+const panel = require("./chunks/panel-B_SSIEDs.cjs");
 const appShell = require("./chunks/app-shell-Cyh8AUJT.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
@@ -212,7 +212,7 @@ const colorPickerStyles = appShell.tv({
       "relative inline-flex shrink-0 items-center justify-center",
       "rounded-radius-md border",
       "transition-[border-color,box-shadow]",
-      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-primary",
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
       // opacity do disabled vem do slot root (cobre tudo uniformemente) — não duplicar aqui
       "disabled:cursor-not-allowed"
     ],
@@ -224,7 +224,7 @@ const colorPickerStyles = appShell.tv({
       "size-comp-xs rounded-radius-md border border-border-input",
       "transition-[box-shadow,border-color]",
       "hover:border-border-brand",
-      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-primary"
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
     ],
     presetCheck: "size-icon-sm",
     customRow: "flex flex-col gap-gp-md"
@@ -607,7 +607,7 @@ const conversationListItemStyles = appShell.tv({
       // hover
       "hover:bg-bg-muted",
       // foco (Padrão 1)
-      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-primary"
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
     ],
     media: "flex shrink-0 items-center",
     body: "flex min-w-0 flex-col gap-gp-xs",
@@ -3811,7 +3811,7 @@ const fileUploadFieldStyles = appShell.tv({
       "transition-[color,box-shadow,background-color,border-color] duration-200 ease-out",
       "cursor-pointer hover:border-border-brand",
       // Padrão 1 — focus estático
-      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-primary"
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
     ],
     dropIcon: "text-fg-subtle",
     dropText: "text-body-sm text-fg-muted",
@@ -4034,8 +4034,8 @@ const messageBubbleStyles = appShell.tv({
     quotedThumb: "size-icon-xl shrink-0 rounded-radius-xs object-cover",
     /* mídia */
     media: "flex min-w-0 flex-col gap-gp-xs",
-    mediaImage: "max-w-full cursor-pointer rounded-radius-sm object-cover transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-primary",
-    mediaVideo: "max-w-full rounded-radius-sm focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-primary",
+    mediaImage: "max-w-full cursor-pointer rounded-radius-sm object-cover transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
+    mediaVideo: "max-w-full rounded-radius-sm focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
     mediaAudio: "w-full",
     mediaDoc: [
       "flex items-center gap-gp-md",