@sanity/ui 1.1.0-beta.2 → 1.2.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Sanity.io
+Copyright (c) 2023 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/dist/index.cjs.mjs

@@ -0,0 +1,120 @@
+import cjs from './index.js';
+
+export const Autocomplete = cjs.Autocomplete;
+export const Avatar = cjs.Avatar;
+export const AvatarCounter = cjs.AvatarCounter;
+export const AvatarStack = cjs.AvatarStack;
+export const Badge = cjs.Badge;
+export const BoundaryElementProvider = cjs.BoundaryElementProvider;
+export const Box = cjs.Box;
+export const Breadcrumbs = cjs.Breadcrumbs;
+export const Button = cjs.Button;
+export const Card = cjs.Card;
+export const Checkbox = cjs.Checkbox;
+export const Code = cjs.Code;
+export const CodeSkeleton = cjs.CodeSkeleton;
+export const Container = cjs.Container;
+export const Dialog = cjs.Dialog;
+export const DialogContext = cjs.DialogContext;
+export const DialogProvider = cjs.DialogProvider;
+export const ElementQuery = cjs.ElementQuery;
+export const ErrorBoundary = cjs.ErrorBoundary;
+export const Flex = cjs.Flex;
+export const Grid = cjs.Grid;
+export const Heading = cjs.Heading;
+export const HeadingSkeleton = cjs.HeadingSkeleton;
+export const Hotkeys = cjs.Hotkeys;
+export const Inline = cjs.Inline;
+export const KBD = cjs.KBD;
+export const Label = cjs.Label;
+export const LabelSkeleton = cjs.LabelSkeleton;
+export const Layer = cjs.Layer;
+export const LayerProvider = cjs.LayerProvider;
+export const Menu = cjs.Menu;
+export const MenuButton = cjs.MenuButton;
+export const MenuDivider = cjs.MenuDivider;
+export const MenuGroup = cjs.MenuGroup;
+export const MenuItem = cjs.MenuItem;
+export const Popover = cjs.Popover;
+export const Portal = cjs.Portal;
+export const PortalProvider = cjs.PortalProvider;
+export const Radio = cjs.Radio;
+export const Select = cjs.Select;
+export const Skeleton = cjs.Skeleton;
+export const Spinner = cjs.Spinner;
+export const SrOnly = cjs.SrOnly;
+export const Stack = cjs.Stack;
+export const Switch = cjs.Switch;
+export const Tab = cjs.Tab;
+export const TabList = cjs.TabList;
+export const TabPanel = cjs.TabPanel;
+export const Text = cjs.Text;
+export const TextArea = cjs.TextArea;
+export const TextInput = cjs.TextInput;
+export const TextSkeleton = cjs.TextSkeleton;
+export const ThemeColorProvider = cjs.ThemeColorProvider;
+export const ThemeProvider = cjs.ThemeProvider;
+export const Toast = cjs.Toast;
+export const ToastProvider = cjs.ToastProvider;
+export const Tooltip = cjs.Tooltip;
+export const Tree = cjs.Tree;
+export const TreeItem = cjs.TreeItem;
+export const VirtualList = cjs.VirtualList;
+export const _ResizeObserver = cjs._ResizeObserver;
+export const _elementSizeObserver = cjs._elementSizeObserver;
+export const _fillCSSObject = cjs._fillCSSObject;
+export const _getArrayProp = cjs._getArrayProp;
+export const _getResponsiveSpace = cjs._getResponsiveSpace;
+export const _hasFocus = cjs._hasFocus;
+export const _isEnterToClickElement = cjs._isEnterToClickElement;
+export const _isScrollable = cjs._isScrollable;
+export const _raf = cjs._raf;
+export const _raf2 = cjs._raf2;
+export const _responsive = cjs._responsive;
+export const attemptFocus = cjs.attemptFocus;
+export const containsOrEqualsElement = cjs.containsOrEqualsElement;
+export const createColorTheme = cjs.createColorTheme;
+export const focusFirstDescendant = cjs.focusFirstDescendant;
+export const focusLastDescendant = cjs.focusLastDescendant;
+export const hexToRgb = cjs.hexToRgb;
+export const hslToRgb = cjs.hslToRgb;
+export const isFocusable = cjs.isFocusable;
+export const isHTMLAnchorElement = cjs.isHTMLAnchorElement;
+export const isHTMLButtonElement = cjs.isHTMLButtonElement;
+export const isHTMLElement = cjs.isHTMLElement;
+export const isHTMLInputElement = cjs.isHTMLInputElement;
+export const isHTMLSelectElement = cjs.isHTMLSelectElement;
+export const isHTMLTextAreaElement = cjs.isHTMLTextAreaElement;
+export const multiply = cjs.multiply;
+export const parseColor = cjs.parseColor;
+export const rem = cjs.rem;
+export const responsiveCodeFontStyle = cjs.responsiveCodeFontStyle;
+export const responsiveHeadingFont = cjs.responsiveHeadingFont;
+export const responsiveLabelFont = cjs.responsiveLabelFont;
+export const responsiveTextAlignStyle = cjs.responsiveTextAlignStyle;
+export const responsiveTextFont = cjs.responsiveTextFont;
+export const rgbToHex = cjs.rgbToHex;
+export const rgbToHsl = cjs.rgbToHsl;
+export const rgba = cjs.rgba;
+export const screen = cjs.screen;
+export const studioTheme = cjs.studioTheme;
+export const useArrayProp = cjs.useArrayProp;
+export const useBoundaryElement = cjs.useBoundaryElement;
+export const useClickOutside = cjs.useClickOutside;
+export const useCustomValidity = cjs.useCustomValidity;
+export const useDialog = cjs.useDialog;
+export const useElementRect = cjs.useElementRect;
+export const useElementSize = cjs.useElementSize;
+export const useForwardedRef = cjs.useForwardedRef;
+export const useGlobalKeyDown = cjs.useGlobalKeyDown;
+export const useLayer = cjs.useLayer;
+export const useMediaIndex = cjs.useMediaIndex;
+export const usePortal = cjs.usePortal;
+export const usePrefersDark = cjs.usePrefersDark;
+export const usePrefersReducedMotion = cjs.usePrefersReducedMotion;
+export const useRootTheme = cjs.useRootTheme;
+export const useTheme = cjs.useTheme;
+export const useToast = cjs.useToast;
+export const useTree = cjs.useTree;
+
+export default cjs.default;

package/dist/index.d.ts

@@ -3519,6 +3519,11 @@ export declare const Container: ForwardRefExoticComponent<
  */
 export declare interface ContainerProps extends BoxProps, ResponsiveWidthProps {}
 
+/**
+ * @internal
+ */
+export declare function containsOrEqualsElement(element: HTMLElement, node: Node): boolean
+
 /**
  * @public
  */
@@ -3934,6 +3939,8 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
   footer?: React.ReactNode
   header?: React.ReactNode
   id: string
+  /** A callback that fires when the dialog becomes the top layer when it was not the top layer before. */
+  onActivate?: LayerProps['onActivate']
   onClickOutside?: () => void
   onClose?: () => void
   portal?: string
@@ -7680,13 +7687,12 @@ export declare const Layer: ForwardRefExoticComponent<
     RefAttributes<HTMLDivElement>
 >
 
-/**
- * @public
- */
+/** @public */
 export declare interface LayerContextValue {
   version: 0.0
   isTopLayer: boolean
-  registerChild: () => () => void
+  level?: number
+  registerChild: (childLevel?: number) => () => void
   size: number
   zIndex: number
 }
@@ -7696,6 +7702,8 @@ export declare interface LayerContextValue {
  */
 export declare interface LayerProps {
   as?: React.ElementType | keyof JSX.IntrinsicElements
+  /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */
+  onActivate?: (props: {activeElement: HTMLElement | null}) => void
   zOffset?: number | number[]
 }
 
@@ -7721,6 +7729,14 @@ export declare interface MediaQueryProps {
   media?: number[]
 }
 
+/**
+ * @internal
+ */
+export declare interface _MediaStore {
+  subscribe: (onStoreChange: () => void) => () => void
+  getSnapshot: () => number
+}
+
 /**
  * @public
  */
@@ -15176,6 +15192,12 @@ export declare function usePortal(): PortalContextValue
  */
 export declare function usePrefersDark(): boolean
 
+/**
+ * Returns true if motion should be reduced
+ * @public
+ */
+export declare function usePrefersReducedMotion(): boolean
+
 /**
  * @public
  */