@sanity/ui 4.0.0-beta.0 → 4.0.0-beta.2

package/README.md

@@ -14,7 +14,7 @@ npm install react react-dom react-is
 ## Usage
 
 ```jsx
-import '@sanity/ui/css/index.css'
+import '@sanity/ui/index.css'
 
 import {Button, Root} from '@sanity/ui'
 import {createRoot} from 'react-dom/client'

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import type {AvatarSize} from '@sanity/ui-tokens'
 import {BadgeStyleProps} from '@sanity/ui-css'
 import {BoxStyleProps} from '@sanity/ui-css'
 import {Breakpoint} from '@sanity/ui-css'
+import {BREAKPOINTS} from '@sanity/ui-css'
 import {ButtonStyleProps} from '@sanity/ui-css'
 import {CardStyleProps} from '@sanity/ui-css'
 import type {CardTone} from '@sanity/ui-tokens'
@@ -56,6 +57,7 @@ import type {Strategy} from '@floating-ui/react-dom'
 import {TextAreaStyleProps} from '@sanity/ui-css'
 import {TextOverflowStyleProps} from '@sanity/ui-css'
 import {TextStyleProps} from '@sanity/ui-css'
+import {vars} from '@sanity/ui-css'
 
 /**
  * Assign properties from `U` to `T`, excluding properties that already exist in `T`.
@@ -426,6 +428,8 @@ export declare type BreadcrumbsOwnProps = GapStyleProps & {
 export declare type BreadcrumbsProps<E extends BreadcrumbsElementType = BreadcrumbsElementType> =
   Props<BreadcrumbsOwnProps, E>
 
+export {BREAKPOINTS}
+
 /** @public */
 export declare function Button<E extends ButtonElementType = typeof DEFAULT_BUTTON_ELEMENT>(
   props: ButtonProps<E>,
@@ -1671,6 +1675,8 @@ export declare function _raf(fn: () => void): () => void
  */
 export declare function _raf2(fn: () => void): () => void
 
+export {ResponsiveProp}
+
 /**
  * @internal
  */
@@ -2439,6 +2445,8 @@ export declare function useTooltipDelayGroup(): TooltipDelayGroupContextValue |
  */
 export declare function useTree(): TreeContextValue
 
+export {vars}
+
 /** @beta */
 export declare function VirtualList<
   E extends VirtualListElementType = typeof DEFAULT_VIRTUAL_LIST_ELEMENT,
@@ -2473,4 +2481,7 @@ export declare type VirtualListProps<
   Item = any,
 > = Props<VirtualListOwnProps<Item>, E>
 
+export * from '@sanity/ui-tokens'
+export * from '@sanity/ui-tokens/constants'
+
 export {}

package/dist/index.js

@@ -1,8 +1,10 @@
+import { BREAKPOINT_KEYS, BOX_STYLE_PROP_KEYS, box, textOverflow, text, TEXT_STYLE_PROP_KEYS, spinner_animatedIcon, spinner, KBD_STYLE_PROP_KEYS, kbd, HOTKEYS_STYLE_PROP_KEYS, hotkeys, card, CARD_STYLE_PROP_KEYS, BREAKPOINTS, tooltip, BUTTON_STYLE_PROP_KEYS, button, button_loadingBox, flex, FLEX_STYLE_PROP_KEYS, popover_card, popover, SELECTABLE_STYLE_PROP_KEYS, selectable, STACK_STYLE_PROP_KEYS, stack, textInput, textInput_prefix, textInput_element, _input_element, _input_presentation, textInput_suffix, CONTAINER_STYLE_PROP_KEYS, container as container$1, dialog_card, dialog_header, dialog_content, dialog_scrollerShadowTop, dialog_scroller, dialog_scrollerShadowBottom, dialog_footer, dialog, dialog_container, menu, menu_divider, selectable_hotkeys, tab_panel, toast, GRID_STYLE_PROP_KEYS, grid, toast_layer, tree, tree_item, vars, LABEL_STYLE_PROP_KEYS, label, avatar, avatar_arrow, avatar_arrowSvg, avatar_initials, avatar_imageOutline, avatar_image, avatar_counter, avatar_stack, BADGE_STYLE_PROP_KEYS, badge, checkbox, checkbox_input, checkbox_presentation, CODE_STYLE_PROP_KEYS, code, HEADING_STYLE_PROP_KEYS, heading, INLINE_STYLE_PROP_KEYS, inline, radio, radio_input, radio_presentation, select, select_presentation, skeleton, code_skeleton, heading_skeleton, label_skeleton, text_skeleton, srOnly, _switch, _switch_element, _switch_track, _switch_thumb, _switch_presentation, textArea, textArea_element, textArea_presentation, ROOT_STYLE_PROP_KEYS, root_body, root } from "@sanity/ui-css";
+import { BREAKPOINTS as BREAKPOINTS2, vars as vars2 } from "@sanity/ui-css";
+export * from "@sanity/ui-tokens/constants";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { SpinnerIcon, CloseIcon, ChevronDownIcon, ChevronRightIcon, ToggleArrowRightIcon, CheckmarkIcon, RemoveIcon, SelectIcon } from "@sanity/icons";
 import { useDebugValue, useSyncExternalStore, useRef, useMemo, createContext, use, useImperativeHandle, useEffect, useState, useId, useLayoutEffect, cloneElement, useEffectEvent, startTransition, isValidElement, useReducer, Children, Fragment as Fragment$1, lazy, Suspense, Component } from "react";
-import { BREAKPOINT_KEYS, BOX_STYLE_PROP_KEYS, box, textOverflow, text, TEXT_STYLE_PROP_KEYS, spinner_animatedIcon, spinner, KBD_STYLE_PROP_KEYS, kbd, HOTKEYS_STYLE_PROP_KEYS, hotkeys, card, CARD_STYLE_PROP_KEYS, BREAKPOINTS, tooltip, BUTTON_STYLE_PROP_KEYS, button, button_loadingBox, flex, FLEX_STYLE_PROP_KEYS, popover_card, popover, SELECTABLE_STYLE_PROP_KEYS, selectable, STACK_STYLE_PROP_KEYS, stack, textInput, textInput_prefix, textInput_element, _input_element, _input_presentation, textInput_suffix, CONTAINER_STYLE_PROP_KEYS, container as container$1, dialog_card, dialog_header, dialog_content, dialog_scrollerShadowTop, dialog_scroller, dialog_scrollerShadowBottom, dialog_footer, dialog, dialog_container, menu, menu_divider, selectable_hotkeys, tab_panel, toast, GRID_STYLE_PROP_KEYS, grid, toast_layer, tree, tree_item, vars, LABEL_STYLE_PROP_KEYS, label, avatar, avatar_arrow, avatar_arrowSvg, avatar_initials, avatar_imageOutline, avatar_image, avatar_counter, avatar_stack, BADGE_STYLE_PROP_KEYS, badge, checkbox, checkbox_input, checkbox_presentation, CODE_STYLE_PROP_KEYS, code, HEADING_STYLE_PROP_KEYS, heading, INLINE_STYLE_PROP_KEYS, inline, radio, radio_input, radio_presentation, select, select_presentation, skeleton, code_skeleton, heading_skeleton, label_skeleton, text_skeleton, srOnly, _switch, _switch_element, _switch_track, _switch_thumb, _switch_presentation, textArea, textArea_element, textArea_presentation, ROOT_STYLE_PROP_KEYS, root_body, root } from "@sanity/ui-css";
 import { isValidElementType } from "react-is";
 import { useFloating, flip, offset, shift, autoUpdate, detectOverflow, autoPlacement, hide } from "@floating-ui/react-dom";
 import { motion, AnimatePresence } from "motion/react";
@@ -4676,6 +4678,7 @@ export {
   Avatar,
   AvatarCounter,
   AvatarStack,
+  BREAKPOINTS2 as BREAKPOINTS,
   Badge,
   BoundaryElementProvider,
   Box,
@@ -4822,6 +4825,7 @@ export {
   usePrefersReducedMotion,
   useToast,
   useTooltipDelayGroup,
-  useTree
+  useTree,
+  vars2 as vars
 };
 //# sourceMappingURL=index.js.map