@sanity/ui 2.0.0-alpha.9 → 2.0.0-beta.10

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Sanity.io
+Copyright (c) 2023–2024 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -6,7 +6,7 @@ The Sanity UI components.
 npm install @sanity/ui
 
 # Install peer dependencies
-npm install react react-dom react-is styled-components
+npm install react react-dom styled-components
 ```
 
 [![npm version](https://img.shields.io/npm/v/@sanity/ui.svg?style=flat-square)](https://www.npmjs.com/package/@sanity/ui)
@@ -14,12 +14,15 @@ npm install react react-dom react-is styled-components
 ## Usage
 
 ```jsx
-import {Button, ThemeProvider, studioTheme} from '@sanity/ui'
+import {Button, ThemeProvider} from '@sanity/ui'
+import {buildTheme} from '@sanity/ui/theme'
 import {createRoot} from 'react-dom/client'
 
 const root = createRoot(document.getElementById('root'))
+const theme = buildTheme()
+
 root.render(
-  <ThemeProvider theme={studioTheme}>
+  <ThemeProvider theme={theme}>
     <Button text="Hello, world" />
   </ThemeProvider>,
 )

package/dist/index.cjs.mjs

@@ -1,5 +1,6 @@
 import cjs from './index.js';
 
+export const Arrow = cjs.Arrow;
 export const Autocomplete = cjs.Autocomplete;
 export const Avatar = cjs.Avatar;
 export const AvatarCounter = cjs.AvatarCounter;
@@ -13,6 +14,7 @@ export const Card = cjs.Card;
 export const Checkbox = cjs.Checkbox;
 export const Code = cjs.Code;
 export const CodeSkeleton = cjs.CodeSkeleton;
+export const ConditionalWrapper = cjs.ConditionalWrapper;
 export const Container = cjs.Container;
 export const Dialog = cjs.Dialog;
 export const DialogContext = cjs.DialogContext;
@@ -76,8 +78,6 @@ export const _responsive = cjs._responsive;
 export const attemptFocus = cjs.attemptFocus;
 export const containsOrEqualsElement = cjs.containsOrEqualsElement;
 export const createColorTheme = cjs.createColorTheme;
-export const createCssVars = cjs.createCssVars;
-export const cssVars = cjs.cssVars;
 export const focusFirstDescendant = cjs.focusFirstDescendant;
 export const focusLastDescendant = cjs.focusLastDescendant;
 export const hexToRgb = cjs.hexToRgb;
@@ -100,7 +100,6 @@ export const responsiveTextFont = cjs.responsiveTextFont;
 export const rgbToHex = cjs.rgbToHex;
 export const rgbToHsl = cjs.rgbToHsl;
 export const rgba = cjs.rgba;
-export const rgbaToRGBA = cjs.rgbaToRGBA;
 export const screen = cjs.screen;
 export const studioTheme = cjs.studioTheme;
 export const useArrayProp = cjs.useArrayProp;
@@ -119,6 +118,7 @@ export const usePrefersDark = cjs.usePrefersDark;
 export const usePrefersReducedMotion = cjs.usePrefersReducedMotion;
 export const useRootTheme = cjs.useRootTheme;
 export const useTheme = cjs.useTheme;
+export const useTheme_v2 = cjs.useTheme_v2;
 export const useToast = cjs.useToast;
 export const useTooltipDelayGroup = cjs.useTooltipDelayGroup;
 export const useTree = cjs.useTree;