@equinor/eds-core-react 0.31.0 → 0.31.1

package/dist/eds-core-react.cjs.js

@@ -6628,7 +6628,7 @@ var menu = {
   }
 };
 
-var _excluded$k = ["children", "disabled", "index", "as", "onClick", "closeMenuOnClick"];
+var _excluded$k = ["children", "disabled", "active", "index", "as", "onClick", "closeMenuOnClick"];
 var typography$2 = menu.typography,
   _tokens$entities = menu.entities,
   _tokens$entities$item = _tokens$entities.item.states,
@@ -6650,8 +6650,8 @@ var Item = styled__default["default"].button.attrs(function (_ref) {
   var theme = _ref2.theme;
   return edsUtils.spacingsTemplate(theme.entities.item.spacings);
 }, function (_ref3) {
-  var active = _ref3.active;
-  return active && styled.css(["background:", ";*{color:", ";}"], activeToken.background, activeToken.typography.color);
+  var $active = _ref3.$active;
+  return $active && styled.css(["background:", ";*{color:", ";}"], activeToken.background, activeToken.typography.color);
 }, function (_ref4) {
   var disabled = _ref4.disabled;
   return disabled ? styled.css(["*{color:", ";}svg{fill:", ";}&:focus{outline:none;}@media (hover:hover) and (pointer:fine){&:hover{cursor:not-allowed;}}"], disabledToken.typography.color, icon.states.disabled.typography.color) : styled.css(["@media (hover:hover) and (pointer:fine){&:hover{z-index:1;cursor:pointer;background:", ";}}&:focus{z-index:3;", "}"], hover.background, edsUtils.outlineTemplate(focus$2.outline));
@@ -6663,6 +6663,7 @@ var Content = styled__default["default"].div.withConfig({
 var MenuItem$1 = /*#__PURE__*/react.forwardRef(function MenuItem(_ref5, ref) {
   var children = _ref5.children,
     disabled = _ref5.disabled,
+    active = _ref5.active,
     _ref5$index = _ref5.index,
     index = _ref5$index === void 0 ? 0 : _ref5$index,
     _ref5$as = _ref5.as,
@@ -6687,6 +6688,7 @@ var MenuItem$1 = /*#__PURE__*/react.forwardRef(function MenuItem(_ref5, ref) {
     $isFocused: isFocused
   });
   return /*#__PURE__*/jsxRuntime.jsx(Item, _objectSpread__default["default"](_objectSpread__default["default"]({}, props), {}, {
+    $active: active,
     ref: edsUtils.mergeRefs(ref, function (el) {
       if (isFocused) {
         requestAnimationFrame(function () {

package/dist/esm/components/Menu/MenuItem.js

@@ -7,7 +7,7 @@ import { typographyTemplate, spacingsTemplate, outlineTemplate, mergeRefs } from
 import { useMenu } from './Menu.context.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "disabled", "index", "as", "onClick", "closeMenuOnClick"];
+var _excluded = ["children", "disabled", "active", "index", "as", "onClick", "closeMenuOnClick"];
 var typography = menu.typography,
   _tokens$entities = menu.entities,
   _tokens$entities$item = _tokens$entities.item.states,
@@ -29,8 +29,8 @@ var Item = styled.button.attrs(function (_ref) {
   var theme = _ref2.theme;
   return spacingsTemplate(theme.entities.item.spacings);
 }, function (_ref3) {
-  var active = _ref3.active;
-  return active && css(["background:", ";*{color:", ";}"], activeToken.background, activeToken.typography.color);
+  var $active = _ref3.$active;
+  return $active && css(["background:", ";*{color:", ";}"], activeToken.background, activeToken.typography.color);
 }, function (_ref4) {
   var disabled = _ref4.disabled;
   return disabled ? css(["*{color:", ";}svg{fill:", ";}&:focus{outline:none;}@media (hover:hover) and (pointer:fine){&:hover{cursor:not-allowed;}}"], disabledToken.typography.color, icon.states.disabled.typography.color) : css(["@media (hover:hover) and (pointer:fine){&:hover{z-index:1;cursor:pointer;background:", ";}}&:focus{z-index:3;", "}"], hover.background, outlineTemplate(focus.outline));
@@ -42,6 +42,7 @@ var Content = styled.div.withConfig({
 var MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref5, ref) {
   var children = _ref5.children,
     disabled = _ref5.disabled,
+    active = _ref5.active,
     _ref5$index = _ref5.index,
     index = _ref5$index === void 0 ? 0 : _ref5$index,
     _ref5$as = _ref5.as,
@@ -66,6 +67,7 @@ var MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref5, ref) {
     $isFocused: isFocused
   });
   return /*#__PURE__*/jsx(Item, _objectSpread(_objectSpread({}, props), {}, {
+    $active: active,
     ref: mergeRefs(ref, function (el) {
       if (isFocused) {
         requestAnimationFrame(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.31.0",
+  "version": "0.31.1",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"