@sanity/ui 4.0.0-static.15 → 4.0.0-static.17

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 (54) hide show
  1. package/dist/css/index.css +1 -1
  2. package/dist/css/index.css.map +1 -1
  3. package/dist/css/index.d.ts +4 -0
  4. package/dist/css/index.js +5986 -5974
  5. package/dist/css/index.js.map +1 -1
  6. package/dist/index.js +9 -10
  7. package/dist/index.js.map +1 -1
  8. package/package.json +6 -15
  9. package/src/core/components/autocomplete/__workshop__/custom.tsx +14 -1
  10. package/src/core/components/autocomplete/__workshop__/example.tsx +12 -1
  11. package/src/core/components/dialog/__workshop__/position.tsx +9 -1
  12. package/src/core/components/dialog/__workshop__/props.tsx +2 -0
  13. package/src/core/components/menu/__workshop__/menuButton.tsx +6 -1
  14. package/src/core/components/menu/__workshop__/tones.tsx +7 -1
  15. package/src/core/components/toast/__workshop__/toast.tsx +2 -0
  16. package/src/core/primitives/avatar/__workshop__/asButton.tsx +8 -1
  17. package/src/core/primitives/avatar/__workshop__/stack.tsx +5 -1
  18. package/src/core/primitives/badge/__workshop__/props.tsx +12 -1
  19. package/src/core/primitives/box/__workshop__/props.tsx +6 -1
  20. package/src/core/primitives/button/__workshop__/props.tsx +22 -0
  21. package/src/core/primitives/button/__workshop__/stacked.tsx +16 -0
  22. package/src/core/primitives/card/__workshop__/props.tsx +10 -0
  23. package/src/core/primitives/card/__workshop__/selected.tsx +1 -1
  24. package/src/core/primitives/card/card.tsx +2 -2
  25. package/src/core/primitives/code/__workshop__/props.tsx +6 -1
  26. package/src/core/primitives/container/__workshop__/example.tsx +6 -1
  27. package/src/core/primitives/flex/__workshop__/example.tsx +7 -1
  28. package/src/core/primitives/heading/__workshop__/plain.tsx +12 -1
  29. package/src/core/primitives/inline/__workshop__/plain.tsx +5 -1
  30. package/src/core/primitives/label/__workshop__/plain.tsx +15 -1
  31. package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +13 -1
  32. package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +2 -0
  33. package/src/core/primitives/popover/__workshop__/PlainStory.tsx +8 -0
  34. package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +7 -1
  35. package/src/core/primitives/popover/__workshop__/TestStory.tsx +6 -0
  36. package/src/core/primitives/select/__workshop__/plain.tsx +4 -0
  37. package/src/core/primitives/skeleton/__workshop__/delay.tsx +9 -1
  38. package/src/core/primitives/skeleton/__workshop__/skeleton.tsx +9 -1
  39. package/src/core/primitives/spinner/__workshop__/Props.tsx +6 -1
  40. package/src/core/primitives/stack/__workshop__/plain.tsx +4 -1
  41. package/src/core/primitives/text/__workshop__/colored.tsx +8 -1
  42. package/src/core/primitives/text/__workshop__/example.tsx +15 -1
  43. package/src/core/primitives/textArea/__workshop__/plain.tsx +8 -0
  44. package/src/core/primitives/textInput/__workshop__/plain.tsx +34 -4
  45. package/src/core/primitives/textInput/__workshop__/typed.tsx +7 -1
  46. package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +2 -0
  47. package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +2 -0
  48. package/src/core/primitives/tooltip/__workshop__/props.tsx +12 -0
  49. package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +5 -0
  50. package/src/css/primitives/card/__workshop__/color.tsx +9 -1
  51. package/src/css/primitives/card/card.css.ts +10 -0
  52. package/src/css/theme/buildCSSTheme.ts +4 -0
  53. package/src/css/types.ts +4 -0
  54. package/src/css/vars.css.ts +4 -0
@@ -79,6 +79,10 @@ export function buildCSSTheme(options?: CSSThemeOptions): ThemeTokens {
79
79
  border: {
80
80
  width: px(theme.card.border.width),
81
81
  },
82
+ focusRing: {
83
+ offset: px(theme.card.focusRing.offset),
84
+ width: px(theme.card.focusRing.width),
85
+ },
82
86
  shadow: {
83
87
  outline: px(theme.card.shadow.outline),
84
88
  },
package/src/css/types.ts CHANGED
@@ -183,6 +183,10 @@ export type CoreThemeTokens = {
183
183
  border: {
184
184
  width: string
185
185
  }
186
+ focusRing: {
187
+ offset: string
188
+ width: string
189
+ }
186
190
  shadow: {
187
191
  outline: string
188
192
  }
@@ -74,6 +74,10 @@ const themeTokens: CoreThemeTokens = {
74
74
  border: {
75
75
  width: '',
76
76
  },
77
+ focusRing: {
78
+ offset: '',
79
+ width: '',
80
+ },
77
81
  shadow: {
78
82
  outline: '',
79
83
  },