@sanity/ui 2.0.7 → 2.0.9

package/dist/index.d.ts

@@ -101,26 +101,26 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
   props: AutocompleteProps<Option> &
     Omit<
       HTMLProps<HTMLInputElement>,
-      | 'id'
-      | 'type'
-      | 'role'
       | 'aria-activedescendant'
       | 'aria-autocomplete'
       | 'aria-expanded'
       | 'aria-owns'
+      | 'as'
+      | 'autoCapitalize'
+      | 'autoComplete'
+      | 'autoCorrect'
+      | 'id'
+      | 'inputMode'
       | 'onChange'
       | 'onSelect'
-      | 'value'
+      | 'prefix'
       | 'ref'
+      | 'role'
       | 'spellCheck'
-      | 'prefix'
-      | 'autoCapitalize'
-      | 'autoCorrect'
-      | 'inputMode'
-      | 'as'
-      | 'autoComplete'
+      | 'type'
+      | 'value'
     > & {
-      ref?: Ref<HTMLInputElement> | undefined
+      ref?: Ref<HTMLInputElement>
     },
 ) => ReactElement
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "keywords": [
     "sanity",
     "ui",
@@ -24,23 +24,15 @@
     ".": {
       "types": "./dist/index.d.ts",
       "source": "./exports/index.ts",
-      "require": "./dist/index.js",
-      "node": {
-        "module": "./dist/index.esm.js",
-        "import": "./dist/index.cjs.mjs"
-      },
       "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
       "default": "./dist/index.esm.js"
     },
     "./theme": {
       "types": "./dist/theme.d.ts",
       "source": "./exports/theme.ts",
-      "require": "./dist/theme.js",
-      "node": {
-        "module": "./dist/theme.esm.js",
-        "import": "./dist/theme.cjs.mjs"
-      },
       "import": "./dist/theme.esm.js",
+      "require": "./dist/theme.js",
       "default": "./dist/theme.esm.js"
     },
     "./package.json": "./package.json"
@@ -59,7 +51,8 @@
   "files": [
     "dist",
     "exports",
-    "src"
+    "src",
+    "theme.js"
   ],
   "scripts": {
     "build": "run-s clean pkg:build pkg:check figma:pkg:build",
@@ -116,22 +109,22 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.8",
     "@sanity/color": "^3.0.0",
-    "@sanity/icons": "^2.10.2",
+    "@sanity/icons": "^2.11.2",
     "csstype": "^3.1.3",
-    "framer-motion": "^11.0.5",
+    "framer-motion": "^11.0.12",
     "react-refractor": "^2.1.7"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.9",
-    "@babel/preset-env": "^7.23.9",
+    "@babel/core": "^7.24.0",
+    "@babel/preset-env": "^7.24.0",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
-    "@commitlint/cli": "^18.6.1",
-    "@commitlint/config-conventional": "^18.6.2",
+    "@commitlint/cli": "^19.1.0",
+    "@commitlint/config-conventional": "^19.1.0",
     "@juggle/resize-observer": "^3.4.0",
-    "@sanity/pkg-utils": "^4.2.8",
-    "@sanity/semantic-release-preset": "^4.1.6",
-    "@sanity/ui-workshop": "^2.0.5",
+    "@sanity/pkg-utils": "^5.0.1",
+    "@sanity/semantic-release-preset": "^4.1.7",
+    "@sanity/ui-workshop": "^2.0.6",
     "@storybook/addon-a11y": "^7.6.17",
     "@storybook/addon-docs": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
@@ -152,24 +145,24 @@
     "@types/jest": "^29.5.12",
     "@types/jest-axe": "^3.5.9",
     "@types/node": "^20.5.9",
-    "@types/react": "^18.2.57",
-    "@types/react-dom": "^18.2.19",
+    "@types/react": "^18.2.65",
+    "@types/react-dom": "^18.2.21",
     "@types/react-is": "^18.2.4",
-    "@types/refractor": "^3.4.0",
+    "@types/refractor": "^3.4.1",
     "@types/testing-library__jest-dom": "^5.14.9",
-    "@typescript-eslint/eslint-plugin": "^7.0.2",
-    "@typescript-eslint/parser": "^7.0.2",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
     "commitizen": "^4.3.0",
-    "cypress": "^13.6.5",
+    "cypress": "^13.6.6",
     "cypress-real-events": "^1.12.0",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-boundaries": "^4.2.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react": "^7.34.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.8.0",
     "http-server": "^14.1.1",
@@ -181,19 +174,19 @@
     "module-alias": "^2.2.3",
     "npm-run-all2": "^5.0.2",
     "prettier": "^3.2.5",
-    "prettier-plugin-packagejson": "^2.4.11",
+    "prettier-plugin-packagejson": "^2.4.12",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "refractor": "^4.8.1",
     "rimraf": "^5.0.1",
-    "semantic-release": "^22.0.12",
+    "semantic-release": "^23.0.2",
     "start-server-and-test": "^2.0.3",
     "storybook": "^7.6.17",
     "styled-components": "^6.1.8",
     "tsconfig-paths": "^4.2.0",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.4",
+    "typescript": "^5.4.2",
+    "vite": "^5.1.6",
     "vite-tsconfig-paths": "^4.3.1"
   },
   "peerDependencies": {
@@ -202,7 +195,7 @@
     "react-is": "^18",
     "styled-components": "^5.2 || ^6"
   },
-  "packageManager": "pnpm@8.15.3",
+  "packageManager": "pnpm@8.15.4",
   "engines": {
     "node": ">=14.0.0"
   },

package/theme.js

@@ -0,0 +1,2 @@
+// AUTO-GENERATED – DO NOT EDIT
+export * from './dist/theme.esm'

package/dist/index.cjs.mjs

@@ -1,125 +0,0 @@
-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;
-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 ConditionalWrapper = cjs.ConditionalWrapper;
-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 TooltipDelayGroupContext = cjs.TooltipDelayGroupContext;
-export const TooltipDelayGroupProvider = cjs.TooltipDelayGroupProvider;
-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 useTheme_v2 = cjs.useTheme_v2;
-export const useToast = cjs.useToast;
-export const useTooltipDelayGroup = cjs.useTooltipDelayGroup;
-export const useTree = cjs.useTree;
-

package/dist/theme.cjs.mjs

@@ -1,54 +0,0 @@
-import cjs from './theme.js';
-
-export const COLOR_CONFIG_AVATAR_COLORS = cjs.COLOR_CONFIG_AVATAR_COLORS;
-export const COLOR_CONFIG_BLEND_KEYS = cjs.COLOR_CONFIG_BLEND_KEYS;
-export const COLOR_CONFIG_CARD_KEYS = cjs.COLOR_CONFIG_CARD_KEYS;
-export const COLOR_CONFIG_CARD_TONES = cjs.COLOR_CONFIG_CARD_TONES;
-export const COLOR_CONFIG_INPUT_MODES = cjs.COLOR_CONFIG_INPUT_MODES;
-export const COLOR_CONFIG_INPUT_STATES = cjs.COLOR_CONFIG_INPUT_STATES;
-export const COLOR_CONFIG_STATES = cjs.COLOR_CONFIG_STATES;
-export const COLOR_CONFIG_STATE_KEYS = cjs.COLOR_CONFIG_STATE_KEYS;
-export const COLOR_CONFIG_STATE_TONES = cjs.COLOR_CONFIG_STATE_TONES;
-export const THEME_COLOR_AVATAR_COLORS = cjs.THEME_COLOR_AVATAR_COLORS;
-export const THEME_COLOR_BLEND_MODES = cjs.THEME_COLOR_BLEND_MODES;
-export const THEME_COLOR_BUTTON_MODES = cjs.THEME_COLOR_BUTTON_MODES;
-export const THEME_COLOR_CARD_TONES = cjs.THEME_COLOR_CARD_TONES;
-export const THEME_COLOR_INPUT_MODES = cjs.THEME_COLOR_INPUT_MODES;
-export const THEME_COLOR_INPUT_STATES = cjs.THEME_COLOR_INPUT_STATES;
-export const THEME_COLOR_SCHEMES = cjs.THEME_COLOR_SCHEMES;
-export const THEME_COLOR_STATES = cjs.THEME_COLOR_STATES;
-export const THEME_COLOR_STATE_TONES = cjs.THEME_COLOR_STATE_TONES;
-export const buildTheme = cjs.buildTheme;
-export const createColorTheme = cjs.createColorTheme;
-export const getContrastRatio = cjs.getContrastRatio;
-export const getScopedTheme = cjs.getScopedTheme;
-export const getTheme_v2 = cjs.getTheme_v2;
-export const hexToRgb = cjs.hexToRgb;
-export const hslToRgb = cjs.hslToRgb;
-export const isColorBlendModeValue = cjs.isColorBlendModeValue;
-export const isColorButtonMode = cjs.isColorButtonMode;
-export const isColorConfigBaseKey = cjs.isColorConfigBaseKey;
-export const isColorConfigBaseTone = cjs.isColorConfigBaseTone;
-export const isColorConfigBlendKey = cjs.isColorConfigBlendKey;
-export const isColorConfigStateKey = cjs.isColorConfigStateKey;
-export const isColorConfigStateTone = cjs.isColorConfigStateTone;
-export const isColorHueKey = cjs.isColorHueKey;
-export const isColorOpacityValue = cjs.isColorOpacityValue;
-export const isColorTintKey = cjs.isColorTintKey;
-export const isColorTokenValue = cjs.isColorTokenValue;
-export const isColorValue = cjs.isColorValue;
-export const is_v0 = cjs.is_v0;
-export const is_v2 = cjs.is_v2;
-export const mix = cjs.mix;
-export const multiply = cjs.multiply;
-export const parseColor = cjs.parseColor;
-export const parseTokenKey = cjs.parseTokenKey;
-export const parseTokenValue = cjs.parseTokenValue;
-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 v0_v2 = cjs.v0_v2;
-export const v2_v0 = cjs.v2_v0;
-