@sanity/ui 3.0.0-static.44 → 3.0.0-static.46

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 (14) hide show
  1. package/dist/css/index.css +1 -1
  2. package/dist/index.cjs +32 -31
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +12 -3
  5. package/dist/index.d.ts +12 -3
  6. package/dist/index.js +32 -31
  7. package/dist/index.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/core/components/menu/menuItem.tsx +5 -4
  10. package/src/core/primitives/box/box.tsx +7 -0
  11. package/src/core/primitives/popover/popover.tsx +1 -0
  12. package/src/core/primitives/text/text.tsx +2 -0
  13. package/src/css/primitives/card/card.css.ts +1 -1
  14. package/src/css/primitives/checkbox/checkbox.css.ts +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sanity/ui",
3
- "version": "3.0.0-static.44",
3
+ "version": "3.0.0-static.46",
4
4
  "keywords": [
5
5
  "react",
6
6
  "ui",
package/src/core/components/menu/menuItem.tsx CHANGED
@@ -49,9 +49,9 @@ export type MenuItemOwnProps = GapStyleProps &
49
49
  export type MenuItemElementType = 'button' | 'a' | ComponentType
50
50
 
51
51
  /** @public */
52
- export type MenuItemProps<E extends MenuItemElementType = MenuItemElementType> = Omit<
53
- Props<MenuItemOwnProps, E>,
54
- 'role'
52
+ export type MenuItemProps<E extends MenuItemElementType = MenuItemElementType> = Props<
53
+ MenuItemOwnProps,
54
+ E
55
55
  >
56
56
 
57
57
  /** @public */
@@ -80,6 +80,7 @@ export function MenuItem<E extends MenuItemElementType = typeof DEFAULT_MENU_ITE
80
80
  pressed,
81
81
  radius = 2,
82
82
  ref: forwardedRef,
83
+ role = 'menuitem',
83
84
  selected: selectedProp,
84
85
  text,
85
86
  tone = 'default',
@@ -140,7 +141,7 @@ export function MenuItem<E extends MenuItemElementType = typeof DEFAULT_MENU_ITE
140
141
  onMouseEnter={onItemMouseEnter}
141
142
  onMouseLeave={onItemMouseLeave}
142
143
  ref={setRef}
143
- role="menuitem"
144
+ role={role}
144
145
  tabIndex={-1}
145
146
  tone={tone}
146
147
  type={as === 'button' ? 'button' : undefined}
package/src/core/primitives/box/box.tsx CHANGED
@@ -37,6 +37,13 @@ export type BoxElementType =
37
37
  | 'section'
38
38
  | 'span'
39
39
  | 'summary'
40
+ | 'table'
41
+ | 'tbody'
42
+ | 'td'
43
+ | 'tfoot'
44
+ | 'th'
45
+ | 'thead'
46
+ | 'tr'
40
47
  | 'ul'
41
48
  | ComponentType
42
49
 
package/src/core/primitives/popover/popover.tsx CHANGED
@@ -408,6 +408,7 @@ export function Popover<E extends PopoverElementType = typeof DEFAULT_POPOVER_EL
408
408
  shadow={shadow}
409
409
  originX={originX}
410
410
  originY={originY}
411
+ tone={tone}
411
412
  strategy={strategy}
412
413
  x={x}
413
414
  y={y}
package/src/core/primitives/text/text.tsx CHANGED
@@ -21,6 +21,8 @@ export type TextElementType =
21
21
  | 'li'
22
22
  | 'p'
23
23
  | 'span'
24
+ | 'summary'
25
+ | 'time'
24
26
  | ComponentType
25
27
 
26
28
  /** @public */
package/src/css/primitives/card/card.css.ts CHANGED
@@ -28,7 +28,7 @@ export const root: string = _style(layers.primitives, {
28
28
  [vars.color.border]: vars.color.tinted.default.border[1],
29
29
  [vars.color.fg]: vars.color.tinted.default.fg[0],
30
30
  [vars.color.muted.bg]: vars.color.tinted.default.bg[1],
31
- [vars.color.muted.border]: vars.color.tinted.default.bg[0],
31
+ [vars.color.muted.border]: vars.color.tinted.default.border[0],
32
32
  [vars.color.muted.fg]: vars.color.tinted.default.fg[4],
33
33
  },
34
34
 
package/src/css/primitives/checkbox/checkbox.css.ts CHANGED
@@ -36,7 +36,7 @@ export const presentation: string = _style(layers.primitives, {
36
36
  borderRadius: vars.radius[2],
37
37
  lineHeight: 1,
38
38
  backgroundColor: vars.color.input.checkbox.bg,
39
- boxShadow: `inset 0 0 0 1px ${vars.color.input.checkbox.border}`,
39
+ boxShadow: `inset 0 0 0 ${vars.input.border.width} ${vars.color.input.checkbox.border}`,
40
40
  color: vars.color.input.checkbox.fg,
41
41
 
42
42
  vars: {