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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/index.esm.js +359 -16
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +360 -18
  4. package/dist/index.js.map +1 -1
  5. package/dist/theme.esm.js +21 -21
  6. package/dist/theme.esm.js.map +1 -1
  7. package/dist/theme.js +21 -21
  8. package/dist/theme.js.map +1 -1
  9. package/package.json +6 -4
  10. package/src/core/primitives/badge/badge.tsx +1 -3
  11. package/src/core/primitives/select/select.tsx +1 -1
  12. package/src/core/styles/card/_cardColorStyle.ts +2 -0
  13. package/src/theme/defaults/colorTokens.ts +21 -21
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sanity/ui",
3
- "version": "2.0.0-beta.5",
3
+ "version": "2.0.0-beta.6",
4
4
  "sideEffects": false,
5
5
  "types": "./dist/index.d.ts",
6
6
  "source": "./exports/index.ts",
@@ -155,11 +155,10 @@
155
155
  "peerDependencies": {
156
156
  "react": "^18",
157
157
  "react-dom": "^18",
158
- "react-is": "^18",
159
158
  "styled-components": "^5.2 || ^6"
160
159
  },
161
160
  "engines": {
162
- "node": ">=14.0.0"
161
+ "node": ">=20.0.0"
163
162
  },
164
163
  "repository": {
165
164
  "type": "git",
@@ -171,7 +170,10 @@
171
170
  "keywords": [
172
171
  "sanity",
173
172
  "ui",
174
- "components"
173
+ "primitives",
174
+ "react",
175
+ "components",
176
+ "design-system"
175
177
  ],
176
178
  "author": "Sanity.io <hello@sanity.io>",
177
179
  "homepage": "https://www.sanity.io/",
package/src/core/primitives/badge/badge.tsx CHANGED
@@ -54,9 +54,7 @@ export const Badge = forwardRef(function Badge(
54
54
  padding={useArrayProp(padding)}
55
55
  ref={ref}
56
56
  >
57
- <Text size={fontSize} weight="medium">
58
- {children}
59
- </Text>
57
+ <Text size={fontSize}>{children}</Text>
60
58
  </Root>
61
59
  )
62
60
  })
package/src/core/primitives/select/select.tsx CHANGED
@@ -44,7 +44,7 @@ export const Select = forwardRef(function Select(
44
44
  disabled,
45
45
  fontSize = 2,
46
46
  padding = 3,
47
- radius = 1,
47
+ radius = 2,
48
48
  readOnly,
49
49
  space = 3,
50
50
  ...restProps
package/src/core/styles/card/_cardColorStyle.ts CHANGED
@@ -12,6 +12,8 @@ export function _cardColorStyle(
12
12
  return {
13
13
  // from base
14
14
 
15
+ '--card-backdrop-color': base.backdrop,
16
+
15
17
  '--card-focus-ring-color': base.focusRing,
16
18
 
17
19
  '--card-shadow-outline-color': base.shadow.outline,
package/src/theme/defaults/colorTokens.ts CHANGED
@@ -575,39 +575,39 @@ export const defaultColorTokens: ThemeColorTokens = {
575
575
  },
576
576
  },
577
577
  syntax: {
578
- atrule: ['purple/700', 'purple/400'],
578
+ atrule: ['purple/600', 'purple/400'],
579
579
  attrName: ['green/700', 'green/400'],
580
580
  attrValue: ['yellow/700', 'yellow/400'],
581
581
  attribute: ['yellow/700', 'yellow/400'],
582
- boolean: ['purple/700', 'purple/400'],
583
- builtin: ['purple/700', 'purple/400'],
582
+ boolean: ['purple/600', 'purple/400'],
583
+ builtin: ['purple/600', 'purple/400'],
584
584
  cdata: ['yellow/700', 'yellow/400'],
585
585
  char: ['yellow/700', 'yellow/400'],
586
586
  class: ['orange/700', 'orange/400'],
587
587
  className: ['cyan/700', 'cyan/400'],
588
- comment: ['gray/700/0.5', 'gray/400/0.5'],
589
- constant: ['purple/700', 'purple/400'],
590
- deleted: ['red/700', 'red/400'],
591
- entity: ['red/700', 'red/400'],
588
+ comment: ['gray/400', 'gray/600'],
589
+ constant: ['purple/600', 'purple/400'],
590
+ deleted: ['red/600', 'red/400'],
591
+ entity: ['red/600', 'red/400'],
592
592
  function: ['green/700', 'green/400'],
593
- hexcode: ['blue/700', 'blue/400'],
594
- id: ['purple/700', 'purple/400'],
595
- important: ['purple/700', 'purple/400'],
593
+ hexcode: ['blue/600', 'blue/400'],
594
+ id: ['purple/600', 'purple/400'],
595
+ important: ['purple/600', 'purple/400'],
596
596
  inserted: ['yellow/700', 'yellow/400'],
597
- keyword: ['magenta/700', 'magenta/400'],
598
- number: ['purple/700', 'purple/400'],
599
- operator: ['magenta/700', 'magenta/400'],
600
- property: ['blue/700', 'blue/400'],
597
+ keyword: ['magenta/600', 'magenta/400'],
598
+ number: ['purple/600', 'purple/400'],
599
+ operator: ['magenta/600', 'magenta/400'],
600
+ property: ['blue/600', 'blue/400'],
601
601
  pseudoClass: ['yellow/700', 'yellow/400'],
602
602
  pseudoElement: ['yellow/700', 'yellow/400'],
603
- punctuation: ['gray/700', 'gray/400'],
604
- regex: ['blue/700', 'blue/400'],
605
- selector: ['red/700', 'red/400'],
603
+ punctuation: ['gray/600', 'gray/400'],
604
+ regex: ['blue/600', 'blue/400'],
605
+ selector: ['red/600', 'red/400'],
606
606
  string: ['yellow/700', 'yellow/400'],
607
- symbol: ['purple/700', 'purple/400'],
608
- tag: ['red/700', 'red/400'],
607
+ symbol: ['purple/600', 'purple/400'],
608
+ tag: ['red/600', 'red/400'],
609
609
  unit: ['orange/700', 'orange/400'],
610
- url: ['red/700', 'red/400'],
611
- variable: ['red/700', 'red/400'],
610
+ url: ['red/600', 'red/400'],
611
+ variable: ['red/600', 'red/400'],
612
612
  },
613
613
  }