@sanity/ui 2.0.0-beta.2 → 2.0.0-beta.4

package/dist/index.js

@@ -21,6 +21,16 @@ function _interopDefaultCompat(e) {
 var ReactIs__default = /*#__PURE__*/_interopDefaultCompat(ReactIs);
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 var Refractor__default = /*#__PURE__*/_interopDefaultCompat(Refractor);
+const createColorTheme = theme.createColorTheme;
+const hexToRgb = theme.hexToRgb;
+const hslToRgb = theme.hslToRgb;
+const multiply = theme.multiply;
+const parseColor = theme.parseColor;
+const rgbToHex = theme.rgbToHex;
+const rgbToHsl = theme.rgbToHsl;
+const rgba = theme.rgba;
+const screen = theme.screen;
+const studioTheme = theme.buildTheme();
 const EMPTY_ARRAY = [];
 const EMPTY_RECORD = {};
 function _fillCSSObject(keys, value) {
@@ -3002,7 +3012,7 @@ var __template$o = (cooked, raw) => __freeze$o(__defProp$p(cooked, "raw", {
 }));
 var _a$o;
 function kbdStyle() {
-  return styled.css(_a$o || (_a$o = __template$o(["\n    --card-bg-color: var(--card-kbd-bg-color);\n    --card-border-color: var(--card-kbd-border-color);\n    --card-fg-color: var(--card-kbd-fg-color);\n\n    box-shadow: inset 0 0 0 1px var(--card-border-color);\n    background: var(--card-bg-color);\n    font: inherit;\n\n    &:not([hidden]) {\n      display: inline-block;\n    }\n  "])));
+  return styled.css(_a$o || (_a$o = __template$o(["\n    --card-bg-color: var(--card-kbd-bg-color);\n    --card-border-color: var(--card-kbd-border-color);\n    --card-fg-color: var(--card-kbd-fg-color);\n\n    box-shadow: inset 0 0 0 1px var(--card-border-color);\n    background: var(--card-bg-color);\n    font: inherit;\n\n    vertical-align: top;\n\n    &:not([hidden]) {\n      display: inline-block;\n    }\n  "])));
 }
 const Root$m = styled__default.default.kbd(responsiveRadiusStyle, kbdStyle);
 const KBD = react.forwardRef(function KBD2(props, ref) {
@@ -6335,6 +6345,9 @@ const MenuButton = react.forwardRef(function MenuButton2(props, ref) {
     setOpen(v => !v);
     setShouldFocus(null);
   }, []);
+  const handleMouseDown = react.useCallback(event => {
+    if (open) event.preventDefault();
+  }, [open]);
   const handleButtonKeyDown = react.useCallback(event => {
     if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
       event.preventDefault();
@@ -6418,11 +6431,12 @@ const MenuButton = react.forwardRef(function MenuButton2(props, ref) {
     id,
     onClick: handleButtonClick,
     onKeyDown: handleButtonKeyDown,
+    onMouseDown: handleMouseDown,
     "aria-haspopup": true,
     "aria-expanded": open,
     ref: setButtonRef,
     selected: open
-  }) : null, [buttonProp, handleButtonClick, handleButtonKeyDown, id, open, setButtonRef]);
+  }) : null, [buttonProp, handleButtonClick, handleButtonKeyDown, handleMouseDown, id, open, setButtonRef]);
   const popoverProps = react.useMemo(() => ({
     boundaryElement: deprecated_boundaryElement,
     overflow: "auto",
@@ -7629,222 +7643,6 @@ const TreeItem = react.memo(function TreeItem2(props) {
     })]
   });
 });
-Object.defineProperty(exports, 'COLOR_CONFIG_BLEND_KEYS', {
-  enumerable: true,
-  get: function () {
-    return theme.COLOR_CONFIG_BLEND_KEYS;
-  }
-});
-Object.defineProperty(exports, 'COLOR_CONFIG_CARD_KEYS', {
-  enumerable: true,
-  get: function () {
-    return theme.COLOR_CONFIG_CARD_KEYS;
-  }
-});
-Object.defineProperty(exports, 'COLOR_CONFIG_CARD_TONES', {
-  enumerable: true,
-  get: function () {
-    return theme.COLOR_CONFIG_CARD_TONES;
-  }
-});
-Object.defineProperty(exports, 'COLOR_CONFIG_STATE_KEYS', {
-  enumerable: true,
-  get: function () {
-    return theme.COLOR_CONFIG_STATE_KEYS;
-  }
-});
-Object.defineProperty(exports, 'COLOR_CONFIG_STATE_TONES', {
-  enumerable: true,
-  get: function () {
-    return theme.COLOR_CONFIG_STATE_TONES;
-  }
-});
-Object.defineProperty(exports, 'THEME_COLOR_BLEND_MODES', {
-  enumerable: true,
-  get: function () {
-    return theme.THEME_COLOR_BLEND_MODES;
-  }
-});
-Object.defineProperty(exports, 'THEME_COLOR_BUTTON_MODES', {
-  enumerable: true,
-  get: function () {
-    return theme.THEME_COLOR_BUTTON_MODES;
-  }
-});
-Object.defineProperty(exports, 'THEME_COLOR_CARD_TONES', {
-  enumerable: true,
-  get: function () {
-    return theme.THEME_COLOR_CARD_TONES;
-  }
-});
-Object.defineProperty(exports, 'THEME_COLOR_STATES', {
-  enumerable: true,
-  get: function () {
-    return theme.THEME_COLOR_STATES;
-  }
-});
-Object.defineProperty(exports, 'THEME_COLOR_STATE_TONES', {
-  enumerable: true,
-  get: function () {
-    return theme.THEME_COLOR_STATE_TONES;
-  }
-});
-Object.defineProperty(exports, 'buildTheme', {
-  enumerable: true,
-  get: function () {
-    return theme.buildTheme;
-  }
-});
-Object.defineProperty(exports, 'createColorTheme', {
-  enumerable: true,
-  get: function () {
-    return theme.createColorTheme;
-  }
-});
-Object.defineProperty(exports, 'hexToRgb', {
-  enumerable: true,
-  get: function () {
-    return theme.hexToRgb;
-  }
-});
-Object.defineProperty(exports, 'hslToRgb', {
-  enumerable: true,
-  get: function () {
-    return theme.hslToRgb;
-  }
-});
-Object.defineProperty(exports, 'isColorBlendModeValue', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorBlendModeValue;
-  }
-});
-Object.defineProperty(exports, 'isColorButtonMode', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorButtonMode;
-  }
-});
-Object.defineProperty(exports, 'isColorConfigBaseKey', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorConfigBaseKey;
-  }
-});
-Object.defineProperty(exports, 'isColorConfigBaseTone', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorConfigBaseTone;
-  }
-});
-Object.defineProperty(exports, 'isColorConfigBlendKey', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorConfigBlendKey;
-  }
-});
-Object.defineProperty(exports, 'isColorConfigStateKey', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorConfigStateKey;
-  }
-});
-Object.defineProperty(exports, 'isColorConfigStateTone', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorConfigStateTone;
-  }
-});
-Object.defineProperty(exports, 'isColorHueKey', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorHueKey;
-  }
-});
-Object.defineProperty(exports, 'isColorOpacityValue', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorOpacityValue;
-  }
-});
-Object.defineProperty(exports, 'isColorTintKey', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorTintKey;
-  }
-});
-Object.defineProperty(exports, 'isColorTokenValue', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorTokenValue;
-  }
-});
-Object.defineProperty(exports, 'isColorValue', {
-  enumerable: true,
-  get: function () {
-    return theme.isColorValue;
-  }
-});
-Object.defineProperty(exports, 'multiply', {
-  enumerable: true,
-  get: function () {
-    return theme.multiply;
-  }
-});
-Object.defineProperty(exports, 'parseColor', {
-  enumerable: true,
-  get: function () {
-    return theme.parseColor;
-  }
-});
-Object.defineProperty(exports, 'parseTokenKey', {
-  enumerable: true,
-  get: function () {
-    return theme.parseTokenKey;
-  }
-});
-Object.defineProperty(exports, 'parseTokenValue', {
-  enumerable: true,
-  get: function () {
-    return theme.parseTokenValue;
-  }
-});
-Object.defineProperty(exports, 'rgbToHex', {
-  enumerable: true,
-  get: function () {
-    return theme.rgbToHex;
-  }
-});
-Object.defineProperty(exports, 'rgbToHsl', {
-  enumerable: true,
-  get: function () {
-    return theme.rgbToHsl;
-  }
-});
-Object.defineProperty(exports, 'rgba', {
-  enumerable: true,
-  get: function () {
-    return theme.rgba;
-  }
-});
-Object.defineProperty(exports, 'rgbaToRGBA', {
-  enumerable: true,
-  get: function () {
-    return theme.rgbaToRGBA;
-  }
-});
-Object.defineProperty(exports, 'screen', {
-  enumerable: true,
-  get: function () {
-    return theme.screen;
-  }
-});
-Object.defineProperty(exports, 'studioTheme', {
-  enumerable: true,
-  get: function () {
-    return theme.defaultTheme;
-  }
-});
 exports.Arrow = Arrow;
 exports.Autocomplete = Autocomplete;
 exports.Avatar = Avatar;
@@ -7921,8 +7719,11 @@ exports._raf2 = _raf2;
 exports._responsive = _responsive;
 exports.attemptFocus = attemptFocus;
 exports.containsOrEqualsElement = containsOrEqualsElement;
+exports.createColorTheme = createColorTheme;
 exports.focusFirstDescendant = focusFirstDescendant;
 exports.focusLastDescendant = focusLastDescendant;
+exports.hexToRgb = hexToRgb;
+exports.hslToRgb = hslToRgb;
 exports.isFocusable = isFocusable;
 exports.isHTMLAnchorElement = isHTMLAnchorElement;
 exports.isHTMLButtonElement = isHTMLButtonElement;
@@ -7930,12 +7731,19 @@ exports.isHTMLElement = isHTMLElement;
 exports.isHTMLInputElement = isHTMLInputElement;
 exports.isHTMLSelectElement = isHTMLSelectElement;
 exports.isHTMLTextAreaElement = isHTMLTextAreaElement;
+exports.multiply = multiply;
+exports.parseColor = parseColor;
 exports.rem = rem;
 exports.responsiveCodeFontStyle = responsiveCodeFontStyle;
 exports.responsiveHeadingFont = responsiveHeadingFont;
 exports.responsiveLabelFont = responsiveLabelFont;
 exports.responsiveTextAlignStyle = responsiveTextAlignStyle;
 exports.responsiveTextFont = responsiveTextFont;
+exports.rgbToHex = rgbToHex;
+exports.rgbToHsl = rgbToHsl;
+exports.rgba = rgba;
+exports.screen = screen;
+exports.studioTheme = studioTheme;
 exports.useArrayProp = useArrayProp;
 exports.useBoundaryElement = useBoundaryElement;
 exports.useClickOutside = useClickOutside;