@sanity/ui 2.0.0-alpha.16 → 2.0.0-alpha.18

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 (46) hide show
  1. package/dist/index.d.ts +83 -1
  2. package/dist/index.esm.js +35 -22
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +35 -22
  5. package/dist/index.js.map +1 -1
  6. package/package.json +5 -7
  7. package/src/components/autocomplete/autocomplete.tsx +6 -0
  8. package/src/components/dialog/dialog.tsx +2 -0
  9. package/src/components/hotkeys/hotkeys.tsx +2 -0
  10. package/src/components/menu/menu.tsx +2 -0
  11. package/src/components/menu/menuButton.tsx +2 -0
  12. package/src/components/toast/toast.tsx +4 -0
  13. package/src/primitives/_selectable/style.ts +2 -0
  14. package/src/primitives/avatar/avatar.tsx +16 -9
  15. package/src/primitives/avatar/avatarCounter.tsx +3 -3
  16. package/src/primitives/avatar/styles.ts +1 -1
  17. package/src/primitives/badge/badge.tsx +2 -0
  18. package/src/primitives/box/box.tsx +3 -0
  19. package/src/primitives/button/__workshop__/sanityUploadButton.tsx +2 -1
  20. package/src/primitives/button/styles.ts +1 -0
  21. package/src/primitives/card/card.tsx +3 -0
  22. package/src/primitives/card/styles.ts +2 -0
  23. package/src/primitives/checkbox/checkbox.tsx +2 -0
  24. package/src/primitives/code/code.tsx +1 -0
  25. package/src/primitives/container/container.tsx +2 -0
  26. package/src/primitives/flex/flex.tsx +2 -0
  27. package/src/primitives/grid/grid.tsx +2 -0
  28. package/src/primitives/heading/heading.tsx +2 -0
  29. package/src/primitives/inline/inline.tsx +3 -0
  30. package/src/primitives/kbd/kbd.tsx +2 -0
  31. package/src/primitives/label/label.tsx +2 -0
  32. package/src/primitives/popover/popover.tsx +6 -1
  33. package/src/primitives/radio/radio.tsx +2 -0
  34. package/src/primitives/select/select.tsx +2 -0
  35. package/src/primitives/select/styles.ts +2 -0
  36. package/src/primitives/spinner/spinner.tsx +2 -0
  37. package/src/primitives/stack/stack.tsx +2 -0
  38. package/src/primitives/switch/switch.tsx +4 -0
  39. package/src/primitives/text/text.tsx +3 -0
  40. package/src/primitives/textArea/textArea.tsx +3 -0
  41. package/src/primitives/textInput/textInput.tsx +2 -0
  42. package/src/primitives/tooltip/tooltip.test.tsx +67 -0
  43. package/src/primitives/tooltip/tooltip.tsx +28 -5
  44. package/src/primitives/types.ts +4 -0
  45. package/src/theme/lib/theme/avatar.ts +2 -0
  46. package/src/theme/studioTheme/theme.ts +4 -4
@@ -55,6 +55,7 @@ export interface ResponsiveFlexProps {
55
55
  * @public
56
56
  */
57
57
  export interface ResponsiveFlexItemProps {
58
+ /** Sets the flex CSS attribute. The property is responsive. */
58
59
  flex?: FlexValue | FlexValue[]
59
60
  }
60
61
 
@@ -88,8 +89,11 @@ export interface ResponsiveGridItemProps {
88
89
  * @public
89
90
  */
90
91
  export interface ResponsiveMarginProps {
92
+ /** Applies margins to all sides. The property is responsive. */
91
93
  margin?: number | number[]
94
+ /** Applies margins to the left and right sides. The property is responsive. */
92
95
  marginX?: number | number[]
96
+ /** Applies margins to the top and bottom sides. The property is responsive. */
93
97
  marginY?: number | number[]
94
98
  marginTop?: number | number[]
95
99
  marginRight?: number | number[]
@@ -5,7 +5,9 @@ import {FocusRing} from '../../types'
5
5
  */
6
6
  export interface ThemeAvatar {
7
7
  sizes: {
8
+ /** Distance between avatars in an <AvatarStack> component (px) */
8
9
  distance: number
10
+ /** Diameter (px) */
9
11
  size: number
10
12
  }[]
11
13
  focusRing: FocusRing
@@ -8,11 +8,11 @@ import {fonts} from './fonts'
8
8
  export const studioTheme: RootTheme = {
9
9
  avatar: {
10
10
  sizes: [
11
- {distance: -3, size: 25},
12
- {distance: -6, size: 35},
13
- {distance: -9, size: 55},
11
+ {distance: -3, size: 23},
12
+ {distance: -6, size: 33},
13
+ {distance: -9, size: 53},
14
14
  ],
15
- focusRing: {offset: 1, width: 1},
15
+ focusRing: {offset: 0, width: 1},
16
16
  },
17
17
  button: {
18
18
  textWeight: 'medium',