@refineui/react 0.0.11 → 0.1.0

package/dist/index.d.cts

@@ -1758,6 +1758,10 @@ declare const componentColorTokens: {
         };
         /** Cell fill only — Global tint per MCP `Color`. Glyph/initials ink: `avatar.icon`. */
         readonly shell: {
+            readonly border: Readonly<{
+                type: "semantic";
+                name: SemanticColorName;
+            }>;
             readonly background: {
                 readonly neutral: Readonly<{
                     type: "palette";
@@ -4181,6 +4185,10 @@ declare const componentTokens: {
                 }>;
             };
             readonly shell: {
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
                 readonly background: {
                     readonly neutral: Readonly<{
                         type: "palette";

package/dist/index.d.ts

@@ -1758,6 +1758,10 @@ declare const componentColorTokens: {
         };
         /** Cell fill only — Global tint per MCP `Color`. Glyph/initials ink: `avatar.icon`. */
         readonly shell: {
+            readonly border: Readonly<{
+                type: "semantic";
+                name: SemanticColorName;
+            }>;
             readonly background: {
                 readonly neutral: Readonly<{
                     type: "palette";
@@ -4181,6 +4185,10 @@ declare const componentTokens: {
                 }>;
             };
             readonly shell: {
+                readonly border: Readonly<{
+                    type: "semantic";
+                    name: _refineui_tokens.SemanticColorName;
+                }>;
                 readonly background: {
                     readonly neutral: Readonly<{
                         type: "palette";

package/dist/index.js

@@ -338,7 +338,7 @@ var componentColorTokens = {
   },
   chip: {
     default: {
-      background: semanticToken("backgroundSurface"),
+      background: semanticToken("backgroundSurfaceSelected"),
       foreground: semanticToken("foregroundBrand"),
       hoverBackground: semanticToken("backgroundPrimaryHover"),
       activeBackground: semanticToken("backgroundPrimaryActive"),
@@ -368,7 +368,7 @@ var componentColorTokens = {
   },
   tag: {
     default: {
-      background: semanticToken("backgroundSurface"),
+      background: semanticToken("backgroundSurfaceSelected"),
       foreground: semanticToken("foregroundBrand")
     },
     outline: {
@@ -666,6 +666,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"),
@@ -2025,7 +2026,7 @@ import { clsx as clsx11 } from "clsx";
 import { clsx as clsx10 } from "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",
@@ -3856,13 +3857,13 @@ import { clsx as clsx30 } from "clsx";
 // src/recipes/chip.recipe.ts
 import { iconSizes as iconSizes5 } from "@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 = {
@@ -4998,15 +4999,18 @@ var avatarShellInitialsForegroundColor = {
   yellow: resolveColorTokenValue3(componentColorTokens.avatar.icon.yellow)
 };
 var avatarNeutralForegroundColor = resolveColorTokenValue3(componentColorTokens.avatar.icon.neutral);
+var avatarShellBorderColor = resolveColorTokenValue3(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) {
@@ -5251,6 +5255,7 @@ function Avatar({
             className: clsx36(
               AVATAR_INNER_MASK,
               resolveAvatarShellColorLayer(effectiveColor, normalizedSize, resolvedLayout),
+              "box-border border border-refineui-thin",
               useNeutralShellTypo && avatarTypoNeutral[normalizedSize],
               innerClassName
             ),