@sanity/ui - npm Package Compare versions

Comparing version 2.1.4 to 2.1.5

package.json

 {
   "name": "@sanity/ui",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "keywords": [
@@ -119,6 +119,6 @@ "sanity",
     "@babel/preset-typescript": "^7.24.1",
-    "@commitlint/cli": "^19.2.2",
+    "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@juggle/resize-observer": "^3.4.0",
-    "@sanity/pkg-utils": "^6.6.6",
+    "@sanity/pkg-utils": "^6.8.10",
     "@sanity/semantic-release-preset": "^4.1.7",
@@ -146,11 +146,11 @@ "@sanity/ui-workshop": "^2.0.12",
     "@types/node": "^20.12.7",
-    "@types/react": "^18.2.79",
-    "@types/react-dom": "^18.2.25",
-    "@types/react-is": "^18.2.4",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-is": "^18.3.0",
     "@types/refractor": "^3.4.1",
     "@types/testing-library__jest-dom": "^5.14.9",
-    "@typescript-eslint/eslint-plugin": "^7.7.0",
-    "@typescript-eslint/parser": "^7.7.0",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
     "commitizen": "^4.3.0",
-    "cypress": "^13.7.3",
+    "cypress": "^13.8.1",
     "cypress-real-events": "^1.12.0",
@@ -165,3 +165,3 @@ "cz-conventional-changelog": "^3.3.0",
     "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-storybook": "^0.8.0",
@@ -178,5 +178,5 @@ "http-server": "^14.1.1",
     "prettier-plugin-packagejson": "^2.5.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-is": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-is": "^18.3.1",
     "refractor": "^4.8.1",
@@ -190,3 +190,3 @@ "rimraf": "^5.0.5",
     "typescript": "5.4.5",
-    "vite": "^5.2.9",
+    "vite": "^5.2.11",
     "vite-tsconfig-paths": "^4.3.2"
@@ -200,3 +200,3 @@ },
   },
-  "packageManager": "pnpm@9.0.1",
+  "packageManager": "pnpm@9.0.6",
   "engines": {
@@ -203,0 +203,0 @@ "node": ">=14.0.0"

src/core/primitives/avatar/__workshop__/index.ts

@@ -18,3 +18,13 @@ import {defineScope} from '@sanity/ui-workshop'
     },
+    {
+      name: 'within-button',
+      title: 'Within button',
+      component: lazy(() => import('./withinButton')),
+    },
+    {
+      name: 'within-menu-item',
+      title: 'Within menu item',
+      component: lazy(() => import('./withinMenuItem')),
+    },
   ],
 })

src/theme/build/renderColorTheme.ts

@@ -367,3 +367,3 @@ import {ThemeColorPalette, ThemeConfig} from '../config'
     },
-    avatar: renderThemeColorAvatar(value.avatar, {baseBg, colorPalette, blendMode}),
+    avatar: renderThemeColorAvatar(value.avatar, {baseBg: bg, colorPalette, blendMode}),
     badge: renderThemeColorBadge(value.badge, {baseBg: bg, colorPalette, blendMode}),
@@ -370,0 +370,0 @@ bg,

src/theme/defaults/colorTokens.ts

@@ -97,5 +97,5 @@ import {ThemeColorTokens} from '../config'
             '*': {
-              _blend: ['multiply', 'screen'],
-              bg: ['white', 'black'],
-              fg: ['black', 'white'],
+              _blend: ['screen', 'multiply'],
+              bg: ['500', '400'],
+              fg: ['white', 'black'],
             },
@@ -151,2 +151,9 @@ },
           },
+          avatar: {
+            '*': {
+              _blend: ['screen', 'multiply'],
+              bg: ['gray/500', 'gray/400'],
+              fg: ['white', 'black'],
+            },
+          },
           badge: {
@@ -161,5 +168,9 @@ '*': {
           bg: ['300', '600'],
+          code: {
+            bg: ['950', '50'],
+            fg: ['300', '600'],
+          },
           fg: ['300', '600'],
           muted: {
-            bg: ['300', '600'],
+            bg: ['950', '50'],
             fg: ['300', '600'],
@@ -179,2 +190,9 @@ },
         '*': {
+          avatar: {
+            '*': {
+              _blend: ['screen', 'multiply'],
+              bg: ['500', '400'],
+              fg: ['white', 'black'],
+            },
+          },
           bg: ['800', '200'],
@@ -204,2 +222,9 @@ muted: {
           },
+          avatar: {
+            '*': {
+              _blend: ['screen', 'multiply'],
+              bg: ['500', '400'],
+              fg: ['white', 'black'],
+            },
+          },
           badge: {
@@ -255,2 +280,9 @@ '*': {
           },
+          avatar: {
+            '*': {
+              _blend: ['screen', 'multiply'],
+              bg: ['gray/100', 'gray/900'],
+              fg: ['white', 'black'],
+            },
+          },
           badge: {
@@ -273,3 +305,3 @@ '*': {
           muted: {
-            fg: ['400', '600'],
+            fg: ['300', '700'],
           },
@@ -304,2 +336,9 @@ kbd: {
           },
+          avatar: {
+            '*': {
+              _blend: ['screen', 'multiply'],
+              bg: ['500', '400'],
+              fg: ['white', 'black'],
+            },
+          },
           badge: {
@@ -357,2 +396,9 @@ '*': {
           },
+          avatar: {
+            '*': {
+              _blend: ['screen', 'multiply'],
+              bg: ['gray/100', 'gray/900'],
+              fg: ['white', 'black'],
+            },
+          },
           badge: {
@@ -409,4 +455,5 @@ '*': {
       disabled: {
-        fg: ['200', '800'],
+        fg: ['400', '600'],
         border: ['100', '900'],
+        placeholder: ['200', '800 50%'],
       },
@@ -428,2 +475,9 @@ },
         },
+        avatar: {
+          '*': {
+            _blend: ['screen', 'multiply'],
+            bg: ['500', '400'],
+            fg: ['white', 'black'],
+          },
+        },
         badge: {
@@ -454,3 +508,3 @@ '*': {
         muted: {
-          bg: ['100', '950'],
+          bg: ['50', '950'],
           fg: ['700 75%', '300 75%'],
@@ -506,3 +560,3 @@ },
         muted: {
-          bg: ['950', '50'],
+          bg: ['500 10%', '400 10%'],
           fg: ['100 70%', '900 70%'],
@@ -520,2 +574,9 @@ },
         },
+        avatar: {
+          '*': {
+            _blend: ['screen', 'multiply'],
+            bg: ['gray/100', 'gray/900'],
+            fg: ['white', 'black'],
+          },
+        },
         badge: {
@@ -546,2 +607,3 @@ '*': {
         muted: {
+          bg: ['50 50%', '950 50%'],
           fg: ['200', '800'],
@@ -548,0 +610,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

4490910

increased by0.6%

Number of package files

642

increased by0.31%

Lines of code

62810

increased by0.93%

No dependency changes