@fluentui/react-aria - npm Package Compare versions

Comparing version 9.0.0-alpha.15 to 9.0.0-alpha.16

CHANGELOG.json

@@ -5,3 +5,18 @@ {
     {
-      "date": "Fri, 23 Jul 2021 07:34:43 GMT",
+      "date": "Mon, 26 Jul 2021 07:34:11 GMT",
+      "tag": "@fluentui/react-aria_v9.0.0-alpha.16",
+      "version": "9.0.0-alpha.16",
+      "comments": {
+        "prerelease": [
+          {
+            "comment": "add Babel plugins to build pipeline",
+            "author": "[e-mail]",
+            "commit": "19db6cb57a237073b0bb50d07eb921b1ce2e0c61",
+            "package": "@fluentui/react-aria"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 23 Jul 2021 07:38:19 GMT",
       "tag": "@fluentui/react-aria_v9.0.0-alpha.15",
@@ -8,0 +23,0 @@ "version": "9.0.0-alpha.15",

CHANGELOG.md

 # Change Log - @fluentui/react-aria
 
-This log was last generated on Fri, 23 Jul 2021 07:34:43 GMT and should not be manually modified.
+This log was last generated on Mon, 26 Jul 2021 07:34:11 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.0.0-alpha.16)
+
+Mon, 26 Jul 2021 07:34:11 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.0.0-alpha.15..@fluentui/react-aria_v9.0.0-alpha.16)
+
+### Changes
+
+- add Babel plugins to build pipeline ([PR #18968](https://github.com/microsoft/fluentui/pull/18968) by [e-mail])
+
 ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.0.0-alpha.15)
 
-Fri, 23 Jul 2021 07:34:43 GMT 
+Fri, 23 Jul 2021 07:38:19 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.0.0-alpha.14..@fluentui/react-aria_v9.0.0-alpha.15)
@@ -11,0 +20,0 @@

lib-commonjs/hooks/index.js

 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./useARIAButton"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/hooks/useARIAButton.js

 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.useARIAButton = void 0;
-var react_utilities_1 = require("@fluentui/react-utilities");
-var keyboard_keys_1 = require("@fluentui/keyboard-keys");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
+
 function mergeARIADisabled(disabled) {
-    if (typeof disabled === 'string') {
-        return disabled === 'false' ? false : true;
-    }
-    return disabled !== null && disabled !== void 0 ? disabled : false;
+  if (typeof disabled === 'string') {
+    return disabled === 'false' ? false : true;
+  }
+
+  return disabled !== null && disabled !== void 0 ? disabled : false;
 }
@@ -17,78 +24,94 @@ /**
  */
+
+
 function useARIAButton(value, defaultProps) {
-    var _a;
-    var shorthand = react_utilities_1.resolveShorthand(value, defaultProps);
-    var onClick = shorthand.onClick, onKeyDown = shorthand.onKeyDown, onKeyUp = shorthand.onKeyUp, ariaDisabled = shorthand["aria-disabled"];
-    var disabled = mergeARIADisabled((_a = (shorthand.as === 'button' ? shorthand.disabled : undefined)) !== null && _a !== void 0 ? _a : ariaDisabled);
-    var onClickHandler = react_utilities_1.useEventCallback(function (ev) {
-        if (disabled) {
-            ev.preventDefault();
-            ev.stopPropagation();
-        }
-        else {
-            if (typeof onClick === 'function') {
-                onClick(ev);
-            }
-        }
-    });
-    var onKeyDownHandler = react_utilities_1.useEventCallback(function (ev) {
-        if (typeof onKeyDown === 'function') {
-            onKeyDown(ev);
-        }
-        if (ev.isDefaultPrevented()) {
-            return;
-        }
-        if (disabled && (ev.key === keyboard_keys_1.Enter || ev.key === keyboard_keys_1.Space)) {
-            ev.preventDefault();
-            ev.stopPropagation();
-            return;
-        }
-        if (ev.key === keyboard_keys_1.Space) {
-            ev.preventDefault();
-            return;
-        }
-        // If enter is pressed, activate the button
-        else if (ev.key === keyboard_keys_1.Enter) {
-            ev.preventDefault();
-            ev.currentTarget.click();
-        }
-    });
-    var onKeyupHandler = react_utilities_1.useEventCallback(function (ev) {
-        if (typeof onKeyUp === 'function') {
-            onKeyUp(ev);
-        }
-        if (ev.isDefaultPrevented()) {
-            return;
-        }
-        if (disabled && (ev.key === keyboard_keys_1.Enter || ev.key === keyboard_keys_1.Space)) {
-            ev.preventDefault();
-            ev.stopPropagation();
-            return;
-        }
-        if (ev.key === keyboard_keys_1.Space) {
-            ev.preventDefault();
-            ev.currentTarget.click();
-        }
-    });
-    if (shorthand.as === 'button' || shorthand.as === undefined) {
-        return shorthand; // there's nothing to be done if as prop === 'button' or undefined
+  var _a;
+
+  var shorthand = react_utilities_1.resolveShorthand(value, defaultProps);
+  var onClick = shorthand.onClick,
+      onKeyDown = shorthand.onKeyDown,
+      onKeyUp = shorthand.onKeyUp,
+      ariaDisabled = shorthand["aria-disabled"];
+  var disabled = mergeARIADisabled((_a = shorthand.as === 'button' ? shorthand.disabled : undefined) !== null && _a !== void 0 ? _a : ariaDisabled);
+  var onClickHandler = react_utilities_1.useEventCallback(function (ev) {
+    if (disabled) {
+      ev.preventDefault();
+      ev.stopPropagation();
+    } else {
+      if (typeof onClick === 'function') {
+        onClick(ev);
+      }
     }
-    if (!shorthand.hasOwnProperty('role')) {
-        shorthand.role = 'button';
+  });
+  var onKeyDownHandler = react_utilities_1.useEventCallback(function (ev) {
+    if (typeof onKeyDown === 'function') {
+      onKeyDown(ev);
     }
-    if (!shorthand.hasOwnProperty('aria-disabled')) {
-        shorthand['aria-disabled'] = disabled;
+
+    if (ev.isDefaultPrevented()) {
+      return;
     }
-    shorthand.onClick = onClickHandler;
-    shorthand.onKeyDown = onKeyDownHandler;
-    shorthand.onKeyUp = onKeyupHandler;
-    // Add keydown event handler for all other non-anchor elements.
-    if (shorthand.as !== 'a') {
-        if (!shorthand.hasOwnProperty('tabIndex')) {
-            shorthand.tabIndex = disabled ? undefined : 0;
-        }
+
+    if (disabled && (ev.key === keyboard_keys_1.Enter || ev.key === keyboard_keys_1.Space)) {
+      ev.preventDefault();
+      ev.stopPropagation();
+      return;
     }
-    return shorthand;
+
+    if (ev.key === keyboard_keys_1.Space) {
+      ev.preventDefault();
+      return;
+    } // If enter is pressed, activate the button
+    else if (ev.key === keyboard_keys_1.Enter) {
+        ev.preventDefault();
+        ev.currentTarget.click();
+      }
+  });
+  var onKeyupHandler = react_utilities_1.useEventCallback(function (ev) {
+    if (typeof onKeyUp === 'function') {
+      onKeyUp(ev);
+    }
+
+    if (ev.isDefaultPrevented()) {
+      return;
+    }
+
+    if (disabled && (ev.key === keyboard_keys_1.Enter || ev.key === keyboard_keys_1.Space)) {
+      ev.preventDefault();
+      ev.stopPropagation();
+      return;
+    }
+
+    if (ev.key === keyboard_keys_1.Space) {
+      ev.preventDefault();
+      ev.currentTarget.click();
+    }
+  });
+
+  if (shorthand.as === 'button' || shorthand.as === undefined) {
+    return shorthand; // there's nothing to be done if as prop === 'button' or undefined
+  }
+
+  if (!shorthand.hasOwnProperty('role')) {
+    shorthand.role = 'button';
+  }
+
+  if (!shorthand.hasOwnProperty('aria-disabled')) {
+    shorthand['aria-disabled'] = disabled;
+  }
+
+  shorthand.onClick = onClickHandler;
+  shorthand.onKeyDown = onKeyDownHandler;
+  shorthand.onKeyUp = onKeyupHandler; // Add keydown event handler for all other non-anchor elements.
+
+  if (shorthand.as !== 'a') {
+    if (!shorthand.hasOwnProperty('tabIndex')) {
+      shorthand.tabIndex = disabled ? undefined : 0;
+    }
+  }
+
+  return shorthand;
 }
+
 exports.useARIAButton = useARIAButton;
 //# sourceMappingURL=useARIAButton.js.map

lib-commonjs/hooks/useARIAButton.stories.js

 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.Div = exports.Span = exports.Anchor = exports.Default = void 0;
-var tslib_1 = require("tslib");
-var react_utilities_1 = require("@fluentui/react-utilities");
-var React = require("react");
-var useARIAButton_1 = require("./useARIAButton");
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var React = /*#__PURE__*/require("react");
+
+var useARIAButton_1 = /*#__PURE__*/require("./useARIAButton");
+
 var Default = function (args) {
-    var state = {
-        button: tslib_1.__assign(tslib_1.__assign({}, useARIAButton_1.useARIAButton({ as: 'button', onClick: args.onClick })), { children: React.Fragment }),
-    };
-    var _a = react_utilities_1.getSlots(state, ['button']), slots = _a.slots, slotProps = _a.slotProps;
-    return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-        React.createElement(slots.button, tslib_1.__assign({}, slotProps.button), "this is a button")));
+  var state = {
+    button: tslib_1.__assign(tslib_1.__assign({}, useARIAButton_1.useARIAButton({
+      as: 'button',
+      onClick: args.onClick
+    })), {
+      children: React.Fragment
+    })
+  };
+
+  var _a = react_utilities_1.getSlots(state, ['button']),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(slots.button, tslib_1.__assign({}, slotProps.button), "this is a button"));
 };
+
 exports.Default = Default;
+
 var Anchor = function (args) {
-    var props = useARIAButton_1.useARIAButton({
-        as: 'a',
-        onClick: function (ev) {
-            ev.preventDefault();
-            args.onClick(ev);
-        },
-    });
-    var _a = react_utilities_1.getSlots(props, []), slots = _a.slots, slotProps = _a.slotProps;
-    return (React.createElement(slots.root, tslib_1.__assign({ href: "/" }, slotProps.root), "this is an anchor"));
+  var props = useARIAButton_1.useARIAButton({
+    as: 'a',
+    onClick: function (ev) {
+      ev.preventDefault();
+      args.onClick(ev);
+    }
+  });
+
+  var _a = react_utilities_1.getSlots(props, []),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return React.createElement(slots.root, tslib_1.__assign({
+    href: "/"
+  }, slotProps.root), "this is an anchor");
 };
+
 exports.Anchor = Anchor;
+
 var Span = function (args) {
-    var props = useARIAButton_1.useARIAButton({ as: 'span', onClick: args.onClick });
-    var _a = react_utilities_1.getSlots(props, []), slots = _a.slots, slotProps = _a.slotProps;
-    return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), "this is a span");
+  var props = useARIAButton_1.useARIAButton({
+    as: 'span',
+    onClick: args.onClick
+  });
+
+  var _a = react_utilities_1.getSlots(props, []),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), "this is a span");
 };
+
 exports.Span = Span;
+
 var Div = function (args) {
-    var props = useARIAButton_1.useARIAButton({ as: 'div', onClick: args.onClick });
-    var _a = react_utilities_1.getSlots(props, []), slots = _a.slots, slotProps = _a.slotProps;
-    return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), "this is a div");
+  var props = useARIAButton_1.useARIAButton({
+    as: 'div',
+    onClick: args.onClick
+  });
+
+  var _a = react_utilities_1.getSlots(props, []),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), "this is a div");
 };
+
 exports.Div = Div;
 exports.default = {
-    title: 'useARIAButton',
-    argTypes: { onClick: { action: 'clicked' } },
+  title: 'useARIAButton',
+  argTypes: {
+    onClick: {
+      action: 'clicked'
+    }
+  }
 };
 //# sourceMappingURL=useARIAButton.stories.js.map

lib-commonjs/index.js

 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./hooks/index"), exports);
 //# sourceMappingURL=index.js.map

lib/hooks/useARIAButton.js

 import { resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
 import { Enter, Space } from '@fluentui/keyboard-keys';
+
 function mergeARIADisabled(disabled) {
-    if (typeof disabled === 'string') {
-        return disabled === 'false' ? false : true;
-    }
-    return disabled !== null && disabled !== void 0 ? disabled : false;
+  if (typeof disabled === 'string') {
+    return disabled === 'false' ? false : true;
+  }
+
+  return disabled !== null && disabled !== void 0 ? disabled : false;
 }
@@ -14,77 +16,92 @@ /**
  */
+
+
 export function useARIAButton(value, defaultProps) {
-    var _a;
-    var shorthand = resolveShorthand(value, defaultProps);
-    var onClick = shorthand.onClick, onKeyDown = shorthand.onKeyDown, onKeyUp = shorthand.onKeyUp, ariaDisabled = shorthand["aria-disabled"];
-    var disabled = mergeARIADisabled((_a = (shorthand.as === 'button' ? shorthand.disabled : undefined)) !== null && _a !== void 0 ? _a : ariaDisabled);
-    var onClickHandler = useEventCallback(function (ev) {
-        if (disabled) {
-            ev.preventDefault();
-            ev.stopPropagation();
-        }
-        else {
-            if (typeof onClick === 'function') {
-                onClick(ev);
-            }
-        }
-    });
-    var onKeyDownHandler = useEventCallback(function (ev) {
-        if (typeof onKeyDown === 'function') {
-            onKeyDown(ev);
-        }
-        if (ev.isDefaultPrevented()) {
-            return;
-        }
-        if (disabled && (ev.key === Enter || ev.key === Space)) {
-            ev.preventDefault();
-            ev.stopPropagation();
-            return;
-        }
-        if (ev.key === Space) {
-            ev.preventDefault();
-            return;
-        }
-        // If enter is pressed, activate the button
-        else if (ev.key === Enter) {
-            ev.preventDefault();
-            ev.currentTarget.click();
-        }
-    });
-    var onKeyupHandler = useEventCallback(function (ev) {
-        if (typeof onKeyUp === 'function') {
-            onKeyUp(ev);
-        }
-        if (ev.isDefaultPrevented()) {
-            return;
-        }
-        if (disabled && (ev.key === Enter || ev.key === Space)) {
-            ev.preventDefault();
-            ev.stopPropagation();
-            return;
-        }
-        if (ev.key === Space) {
-            ev.preventDefault();
-            ev.currentTarget.click();
-        }
-    });
-    if (shorthand.as === 'button' || shorthand.as === undefined) {
-        return shorthand; // there's nothing to be done if as prop === 'button' or undefined
+  var _a;
+
+  var shorthand = resolveShorthand(value, defaultProps);
+  var onClick = shorthand.onClick,
+      onKeyDown = shorthand.onKeyDown,
+      onKeyUp = shorthand.onKeyUp,
+      ariaDisabled = shorthand["aria-disabled"];
+  var disabled = mergeARIADisabled((_a = shorthand.as === 'button' ? shorthand.disabled : undefined) !== null && _a !== void 0 ? _a : ariaDisabled);
+  var onClickHandler = useEventCallback(function (ev) {
+    if (disabled) {
+      ev.preventDefault();
+      ev.stopPropagation();
+    } else {
+      if (typeof onClick === 'function') {
+        onClick(ev);
+      }
     }
-    if (!shorthand.hasOwnProperty('role')) {
-        shorthand.role = 'button';
+  });
+  var onKeyDownHandler = useEventCallback(function (ev) {
+    if (typeof onKeyDown === 'function') {
+      onKeyDown(ev);
     }
-    if (!shorthand.hasOwnProperty('aria-disabled')) {
-        shorthand['aria-disabled'] = disabled;
+
+    if (ev.isDefaultPrevented()) {
+      return;
     }
-    shorthand.onClick = onClickHandler;
-    shorthand.onKeyDown = onKeyDownHandler;
-    shorthand.onKeyUp = onKeyupHandler;
-    // Add keydown event handler for all other non-anchor elements.
-    if (shorthand.as !== 'a') {
-        if (!shorthand.hasOwnProperty('tabIndex')) {
-            shorthand.tabIndex = disabled ? undefined : 0;
-        }
+
+    if (disabled && (ev.key === Enter || ev.key === Space)) {
+      ev.preventDefault();
+      ev.stopPropagation();
+      return;
     }
-    return shorthand;
+
+    if (ev.key === Space) {
+      ev.preventDefault();
+      return;
+    } // If enter is pressed, activate the button
+    else if (ev.key === Enter) {
+        ev.preventDefault();
+        ev.currentTarget.click();
+      }
+  });
+  var onKeyupHandler = useEventCallback(function (ev) {
+    if (typeof onKeyUp === 'function') {
+      onKeyUp(ev);
+    }
+
+    if (ev.isDefaultPrevented()) {
+      return;
+    }
+
+    if (disabled && (ev.key === Enter || ev.key === Space)) {
+      ev.preventDefault();
+      ev.stopPropagation();
+      return;
+    }
+
+    if (ev.key === Space) {
+      ev.preventDefault();
+      ev.currentTarget.click();
+    }
+  });
+
+  if (shorthand.as === 'button' || shorthand.as === undefined) {
+    return shorthand; // there's nothing to be done if as prop === 'button' or undefined
+  }
+
+  if (!shorthand.hasOwnProperty('role')) {
+    shorthand.role = 'button';
+  }
+
+  if (!shorthand.hasOwnProperty('aria-disabled')) {
+    shorthand['aria-disabled'] = disabled;
+  }
+
+  shorthand.onClick = onClickHandler;
+  shorthand.onKeyDown = onKeyDownHandler;
+  shorthand.onKeyUp = onKeyupHandler; // Add keydown event handler for all other non-anchor elements.
+
+  if (shorthand.as !== 'a') {
+    if (!shorthand.hasOwnProperty('tabIndex')) {
+      shorthand.tabIndex = disabled ? undefined : 0;
+    }
+  }
+
+  return shorthand;
 }
 //# sourceMappingURL=useARIAButton.js.map

lib/hooks/useARIAButton.stories.js

@@ -6,34 +6,66 @@ import { __assign } from "tslib";
 export var Default = function (args) {
-    var state = {
-        button: __assign(__assign({}, useARIAButton({ as: 'button', onClick: args.onClick })), { children: React.Fragment }),
-    };
-    var _a = getSlots(state, ['button']), slots = _a.slots, slotProps = _a.slotProps;
-    return (React.createElement(slots.root, __assign({}, slotProps.root),
-        React.createElement(slots.button, __assign({}, slotProps.button), "this is a button")));
+  var state = {
+    button: __assign(__assign({}, useARIAButton({
+      as: 'button',
+      onClick: args.onClick
+    })), {
+      children: React.Fragment
+    })
+  };
+
+  var _a = getSlots(state, ['button']),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), /*#__PURE__*/React.createElement(slots.button, __assign({}, slotProps.button), "this is a button"));
 };
 export var Anchor = function (args) {
-    var props = useARIAButton({
-        as: 'a',
-        onClick: function (ev) {
-            ev.preventDefault();
-            args.onClick(ev);
-        },
-    });
-    var _a = getSlots(props, []), slots = _a.slots, slotProps = _a.slotProps;
-    return (React.createElement(slots.root, __assign({ href: "/" }, slotProps.root), "this is an anchor"));
+  var props = useARIAButton({
+    as: 'a',
+    onClick: function (ev) {
+      ev.preventDefault();
+      args.onClick(ev);
+    }
+  });
+
+  var _a = getSlots(props, []),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return /*#__PURE__*/React.createElement(slots.root, __assign({
+    href: "/"
+  }, slotProps.root), "this is an anchor");
 };
 export var Span = function (args) {
-    var props = useARIAButton({ as: 'span', onClick: args.onClick });
-    var _a = getSlots(props, []), slots = _a.slots, slotProps = _a.slotProps;
-    return React.createElement(slots.root, __assign({}, slotProps.root), "this is a span");
+  var props = useARIAButton({
+    as: 'span',
+    onClick: args.onClick
+  });
+
+  var _a = getSlots(props, []),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), "this is a span");
 };
 export var Div = function (args) {
-    var props = useARIAButton({ as: 'div', onClick: args.onClick });
-    var _a = getSlots(props, []), slots = _a.slots, slotProps = _a.slotProps;
-    return React.createElement(slots.root, __assign({}, slotProps.root), "this is a div");
+  var props = useARIAButton({
+    as: 'div',
+    onClick: args.onClick
+  });
+
+  var _a = getSlots(props, []),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), "this is a div");
 };
 export default {
-    title: 'useARIAButton',
-    argTypes: { onClick: { action: 'clicked' } },
+  title: 'useARIAButton',
+  argTypes: {
+    onClick: {
+      action: 'clicked'
+    }
+  }
 };
 //# sourceMappingURL=useARIAButton.stories.js.map

package.json

 {
   "name": "@fluentui/react-aria",
-  "version": "9.0.0-alpha.15",
+  "version": "9.0.0-alpha.16",
   "description": "React helper to ensure ARIA",
@@ -28,3 +28,3 @@ "main": "lib-commonjs/index.js",
     "@fluentui/eslint-plugin": "^1.3.2",
-    "@fluentui/jest-serializer-make-styles": "^9.0.0-alpha.27",
+    "@fluentui/jest-serializer-make-styles": "^9.0.0-alpha.28",
     "@fluentui/react-conformance": "^0.4.3",
@@ -45,3 +45,3 @@ "@fluentui/scripts": "^1.0.0",
     "@fluentui/keyboard-keys": "^9.0.0-alpha.1",
-    "@fluentui/react-make-styles": "^9.0.0-alpha.51",
+    "@fluentui/react-make-styles": "^9.0.0-alpha.52",
     "@fluentui/react-utilities": "^9.0.0-alpha.35",
@@ -48,0 +48,0 @@ "tslib": "^2.1.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1364329

increased by0.15%

Number of package files

279

increased by0.36%

Lines of code

4734

increased by1.59%

Dependency changes

• Updated@fluentui/react-make-styles@^9.0.0-alpha.52