@refineui/react 0.0.11 → 0.1.0

package/dist/index.cjs

@@ -18,8 +18,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var index_exports = {};
-__export(index_exports, {
+var src_exports = {};
+__export(src_exports, {
   Accordion: () => Accordion,
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
@@ -312,7 +312,7 @@ __export(index_exports, {
   useSidebar: () => useSidebar,
   useSidebarPeek: () => useSidebarPeek
 });
-module.exports = __toCommonJS(index_exports);
+module.exports = __toCommonJS(src_exports);
 
 // src/tokens/componentColorTokens.ts
 var import_color = require("@refineui/utilities/color");
@@ -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
             ),