@sanity/ui 2.0.0-beta.5 → 2.0.0-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0-beta.7",
   "sideEffects": false,
   "types": "./dist/index.d.ts",
   "source": "./exports/index.ts",
@@ -155,7 +155,6 @@
   "peerDependencies": {
     "react": "^18",
     "react-dom": "^18",
-    "react-is": "^18",
     "styled-components": "^5.2 || ^6"
   },
   "engines": {
@@ -171,7 +170,10 @@
   "keywords": [
     "sanity",
     "ui",
-    "components"
+    "primitives",
+    "react",
+    "components",
+    "design-system"
   ],
   "author": "Sanity.io <hello@sanity.io>",
   "homepage": "https://www.sanity.io/",

package/src/core/primitives/badge/badge.tsx

@@ -54,9 +54,7 @@ export const Badge = forwardRef(function Badge(
       padding={useArrayProp(padding)}
       ref={ref}
     >
-      <Text size={fontSize} weight="medium">
-        {children}
-      </Text>
+      <Text size={fontSize}>{children}</Text>
     </Root>
   )
 })

package/src/core/primitives/select/select.tsx

@@ -44,7 +44,7 @@ export const Select = forwardRef(function Select(
     disabled,
     fontSize = 2,
     padding = 3,
-    radius = 1,
+    radius = 2,
     readOnly,
     space = 3,
     ...restProps

package/src/core/styles/card/_cardColorStyle.ts

@@ -12,6 +12,8 @@ export function _cardColorStyle(
   return {
     // from base
 
+    '--card-backdrop-color': base.backdrop,
+
     '--card-focus-ring-color': base.focusRing,
 
     '--card-shadow-outline-color': base.shadow.outline,

package/src/theme/defaults/colorTokens.ts

@@ -575,39 +575,39 @@ export const defaultColorTokens: ThemeColorTokens = {
     },
   },
   syntax: {
-    atrule: ['purple/700', 'purple/400'],
+    atrule: ['purple/600', 'purple/400'],
     attrName: ['green/700', 'green/400'],
     attrValue: ['yellow/700', 'yellow/400'],
     attribute: ['yellow/700', 'yellow/400'],
-    boolean: ['purple/700', 'purple/400'],
-    builtin: ['purple/700', 'purple/400'],
+    boolean: ['purple/600', 'purple/400'],
+    builtin: ['purple/600', 'purple/400'],
     cdata: ['yellow/700', 'yellow/400'],
     char: ['yellow/700', 'yellow/400'],
     class: ['orange/700', 'orange/400'],
     className: ['cyan/700', 'cyan/400'],
-    comment: ['gray/700/0.5', 'gray/400/0.5'],
-    constant: ['purple/700', 'purple/400'],
-    deleted: ['red/700', 'red/400'],
-    entity: ['red/700', 'red/400'],
+    comment: ['gray/400', 'gray/600'],
+    constant: ['purple/600', 'purple/400'],
+    deleted: ['red/600', 'red/400'],
+    entity: ['red/600', 'red/400'],
     function: ['green/700', 'green/400'],
-    hexcode: ['blue/700', 'blue/400'],
-    id: ['purple/700', 'purple/400'],
-    important: ['purple/700', 'purple/400'],
+    hexcode: ['blue/600', 'blue/400'],
+    id: ['purple/600', 'purple/400'],
+    important: ['purple/600', 'purple/400'],
     inserted: ['yellow/700', 'yellow/400'],
-    keyword: ['magenta/700', 'magenta/400'],
-    number: ['purple/700', 'purple/400'],
-    operator: ['magenta/700', 'magenta/400'],
-    property: ['blue/700', 'blue/400'],
+    keyword: ['magenta/600', 'magenta/400'],
+    number: ['purple/600', 'purple/400'],
+    operator: ['magenta/600', 'magenta/400'],
+    property: ['blue/600', 'blue/400'],
     pseudoClass: ['yellow/700', 'yellow/400'],
     pseudoElement: ['yellow/700', 'yellow/400'],
-    punctuation: ['gray/700', 'gray/400'],
-    regex: ['blue/700', 'blue/400'],
-    selector: ['red/700', 'red/400'],
+    punctuation: ['gray/600', 'gray/400'],
+    regex: ['blue/600', 'blue/400'],
+    selector: ['red/600', 'red/400'],
     string: ['yellow/700', 'yellow/400'],
-    symbol: ['purple/700', 'purple/400'],
-    tag: ['red/700', 'red/400'],
+    symbol: ['purple/600', 'purple/400'],
+    tag: ['red/600', 'red/400'],
     unit: ['orange/700', 'orange/400'],
-    url: ['red/700', 'red/400'],
-    variable: ['red/700', 'red/400'],
+    url: ['red/600', 'red/400'],
+    variable: ['red/600', 'red/400'],
   },
 }