@refineui/react 0.0.11 → 0.0.12

package/dist/index.cjs

@@ -654,7 +654,7 @@ var componentColorTokens = {
   },
   chip: {
     default: {
-      background: semanticToken("backgroundSurface"),
+      background: semanticToken("backgroundSurfaceSelected"),
       foreground: semanticToken("foregroundBrand"),
       hoverBackground: semanticToken("backgroundPrimaryHover"),
       activeBackground: semanticToken("backgroundPrimaryActive"),
@@ -684,7 +684,7 @@ var componentColorTokens = {
   },
   tag: {
     default: {
-      background: semanticToken("backgroundSurface"),
+      background: semanticToken("backgroundSurfaceSelected"),
       foreground: semanticToken("foregroundBrand")
     },
     outline: {
@@ -982,6 +982,7 @@ var componentColorTokens = {
     },
     /** Cell fill only — Global tint per MCP `Color`. Glyph/initials ink: `avatar.icon`. */
     shell: {
+      border: semanticToken("borderSubtle"),
       background: {
         neutral: paletteToken("neutral300"),
         blue: paletteToken("blue100"),
@@ -2317,7 +2318,7 @@ var import_clsx11 = require("clsx");
 var import_clsx10 = require("clsx");
 var badgeVariantClass = {
   default: "bg-refineui-alias-background-brand text-refineui-alias-foreground-inversed",
-  neutral: "bg-refineui-alias-background-primary text-refineui-alias-foreground-primary",
+  neutral: "bg-refineui-alias-background-brand-subtle text-refineui-alias-foreground-brand-strong",
   outline: "border-refineui-thin border-refineui-alias-border-default border bg-transparent text-refineui-alias-foreground-primary box-border",
   success: "bg-refineui-alias-background-success text-refineui-alias-foreground-inversed",
   warning: "bg-refineui-alias-background-warning text-refineui-alias-foreground-inversed",
@@ -4126,13 +4127,13 @@ var import_clsx30 = require("clsx");
 // src/recipes/chip.recipe.ts
 var import_tokens9 = require("@refineui/tokens");
 var chipVariantClass = {
-  default: "border-none bg-refineui-alias-background-surface text-refineui-alias-foreground-brand",
-  outline: "border-refineui-thin border-refineui-alias-border-default box-border bg-transparent text-refineui-alias-foreground-brand",
+  default: "border-none bg-refineui-alias-background-surface-selected text-refineui-alias-foreground-brand",
+  outline: "border border-refineui-thin border-refineui-alias-border-default box-border bg-transparent text-refineui-alias-foreground-brand",
   filled: "border-none bg-refineui-alias-background-brand text-refineui-alias-foreground-inversed"
 };
 var chipDisabledVariantClass = {
   default: "border-none bg-refineui-alias-background-surface-disabled text-refineui-alias-foreground-disabled",
-  outline: "border-refineui-thin border-refineui-alias-border-disabled box-border bg-transparent text-refineui-alias-foreground-disabled",
+  outline: "border border-refineui-thin border-refineui-alias-border-disabled box-border bg-transparent text-refineui-alias-foreground-disabled",
   filled: "border-none bg-refineui-alias-background-surface-disabled text-refineui-alias-foreground-disabled"
 };
 var chipSizeClass = {
@@ -5245,15 +5246,18 @@ var avatarShellInitialsForegroundColor = {
   yellow: (0, import_color4.resolveColorTokenValue)(componentColorTokens.avatar.icon.yellow)
 };
 var avatarNeutralForegroundColor = (0, import_color4.resolveColorTokenValue)(componentColorTokens.avatar.icon.neutral);
+var avatarShellBorderColor = (0, import_color4.resolveColorTokenValue)(componentColorTokens.avatar.shell.border);
 function resolveAvatarShellStyle(color, layout) {
   if (layout === "initials") {
     return {
       backgroundColor: avatarShellBackgroundColor[color],
-      color: avatarShellInitialsForegroundColor[color]
+      color: avatarShellInitialsForegroundColor[color],
+      borderColor: avatarShellInitialsForegroundColor[color]
     };
   }
   return {
-    backgroundColor: avatarShellBackgroundColor[color]
+    backgroundColor: avatarShellBackgroundColor[color],
+    borderColor: avatarShellBorderColor
   };
 }
 function resolveAvatarShellColorLayer(_color, size, layout) {
@@ -5498,6 +5502,7 @@ function Avatar({
             className: (0, import_clsx36.clsx)(
               AVATAR_INNER_MASK,
               resolveAvatarShellColorLayer(effectiveColor, normalizedSize, resolvedLayout),
+              "box-border border border-refineui-thin",
               useNeutralShellTypo && avatarTypoNeutral[normalizedSize],
               innerClassName
             ),