@flodesk/grain 6.13.4 → 6.14.0

package/es/components/box.js

@@ -2,7 +2,7 @@ import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.object.assign.js";
-var _excluded = ["children", "color", "backgroundColor", "borderColor", "borderWidth", "borderSide", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "overflow", "aspectRatio", "zIndex", "tag"];
+var _excluded = ["children", "color", "backgroundColor", "borderColor", "borderWidth", "borderSide", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "overflow", "aspectRatio", "zIndex", "tag", "opacity"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -57,12 +57,13 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
       zIndex = _ref.zIndex,
       _ref$tag = _ref.tag,
       tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+      opacity = _ref.opacity,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var Tag = tag;
   return ___EmotionJSX(Tag, _extends({
     ref: ref,
-    css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Box;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JveC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERnQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9ib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZ2V0Qm9yZGVyLFxuICBnZXRDb2xvcixcbiAgZ2V0UmFkaXVzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG4gIGdldFNoYWRvdyxcbiAgZ2V0UmVzcG9uc2l2ZURpbWVuc2lvbixcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBCb3ggPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb2xvcixcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIGJvcmRlckNvbG9yID0gJ2JvcmRlcicsXG4gICAgICBib3JkZXJXaWR0aCA9ICcxcHgnLFxuICAgICAgYm9yZGVyU2lkZSxcbiAgICAgIHdpZHRoLFxuICAgICAgbWluV2lkdGgsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIG1pbkhlaWdodCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgIHJhZGl1cyxcbiAgICAgIHBhZGRpbmcsXG4gICAgICBwYWRkaW5nVG9wLFxuICAgICAgcGFkZGluZ0JvdHRvbSxcbiAgICAgIHBhZGRpbmdMZWZ0LFxuICAgICAgcGFkZGluZ1JpZ2h0LFxuICAgICAgcGFkZGluZ1gsXG4gICAgICBwYWRkaW5nWSxcbiAgICAgIG1hcmdpbixcbiAgICAgIG1hcmdpblRvcCxcbiAgICAgIG1hcmdpbkJvdHRvbSxcbiAgICAgIG1hcmdpbkxlZnQsXG4gICAgICBtYXJnaW5SaWdodCxcbiAgICAgIG1hcmdpblgsXG4gICAgICBtYXJnaW5ZLFxuICAgICAgcG9zaXRpb24sXG4gICAgICB0b3AsXG4gICAgICBib3R0b20sXG4gICAgICBsZWZ0LFxuICAgICAgcmlnaHQsXG4gICAgICBzaGFkb3csXG4gICAgICBvdmVyZmxvdyxcbiAgICAgIGFzcGVjdFJhdGlvLFxuICAgICAgekluZGV4LFxuICAgICAgdGFnID0gJ2RpdicsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBUYWcgPSB0YWc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0Qm9yZGVyKGJvcmRlclNpZGUsIGJvcmRlcldpZHRoLCBib3JkZXJDb2xvcil9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmcnLCBwYWRkaW5nKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmctdG9wJywgcGFkZGluZ1RvcCB8fCBwYWRkaW5nWSl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdwYWRkaW5nLWJvdHRvbScsIHBhZGRpbmdCb3R0b20gfHwgcGFkZGluZ1kpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1sZWZ0JywgcGFkZGluZ0xlZnQgfHwgcGFkZGluZ1gpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1yaWdodCcsIHBhZGRpbmdSaWdodCB8fCBwYWRkaW5nWCl9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbicsIG1hcmdpbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tdG9wJywgbWFyZ2luVG9wIHx8IG1hcmdpblkpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnbWFyZ2luLWJvdHRvbScsIG1hcmdpbkJvdHRvbSB8fCBtYXJnaW5ZKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1sZWZ0JywgbWFyZ2luTGVmdCB8fCBtYXJnaW5YKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1yaWdodCcsIG1hcmdpblJpZ2h0IHx8IG1hcmdpblgpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCd0b3AnLCB0b3ApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnYm90dG9tJywgYm90dG9tKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2xlZnQnLCBsZWZ0KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3JpZ2h0JywgcmlnaHQpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignd2lkdGgnLCB3aWR0aCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignbWluLXdpZHRoJywgbWluV2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC13aWR0aCcsIG1heFdpZHRoKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdoZWlnaHQnLCBoZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21pbi1oZWlnaHQnLCBtaW5IZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC1oZWlnaHQnLCBtYXhIZWlnaHQpfTtcblxuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgICAgICAgICBwb3NpdGlvbjogJHtwb3NpdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMocmFkaXVzKX07XG4gICAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coc2hhZG93KX07XG4gICAgICAgICAgb3ZlcmZsb3c6ICR7b3ZlcmZsb3d9O1xuICAgICAgICAgIGFzcGVjdC1yYXRpbzogJHthc3BlY3RSYXRpb307XG4gICAgICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGFnPlxuICAgICk7XG4gIH0sXG4pO1xuXG5Cb3gucHJvcFR5cGVzID0ge1xuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIGJvcmRlclNpZGU6IHR5cGVzLnNpZGUsXG4gIGJvcmRlcldpZHRoOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMubnVtYmVyLCBQcm9wVHlwZXMuc3RyaW5nXSksXG4gIGJvcmRlckNvbG9yOiB0eXBlcy5jb2xvcixcbiAgd2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1pbldpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtYXhXaWR0aDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgaGVpZ2h0OiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtaW5IZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1heEhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgcmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIHNoYWRvdzogdHlwZXMuc2hhZG93LFxuICBwYWRkaW5nOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdUb3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ0JvdHRvbTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nUmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1g6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1k6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblRvcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5Cb3R0b206IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5SaWdodDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5YOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblk6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcG9zaXRpb246IHR5cGVzLnBvc2l0aW9uLFxuICB0b3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgYm90dG9tOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGxlZnQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgb3ZlcmZsb3c6IHR5cGVzLm92ZXJmbG93LFxuICBhc3BlY3RSYXRpbzogUHJvcFR5cGVzLnN0cmluZyxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHRhZzogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */")
+    css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";", Boolean(opacity) && "opacity: ".concat(opacity), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Box;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JveC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0RnQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9ib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZ2V0Qm9yZGVyLFxuICBnZXRDb2xvcixcbiAgZ2V0UmFkaXVzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG4gIGdldFNoYWRvdyxcbiAgZ2V0UmVzcG9uc2l2ZURpbWVuc2lvbixcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBCb3ggPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb2xvcixcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIGJvcmRlckNvbG9yID0gJ2JvcmRlcicsXG4gICAgICBib3JkZXJXaWR0aCA9ICcxcHgnLFxuICAgICAgYm9yZGVyU2lkZSxcbiAgICAgIHdpZHRoLFxuICAgICAgbWluV2lkdGgsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIG1pbkhlaWdodCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgIHJhZGl1cyxcbiAgICAgIHBhZGRpbmcsXG4gICAgICBwYWRkaW5nVG9wLFxuICAgICAgcGFkZGluZ0JvdHRvbSxcbiAgICAgIHBhZGRpbmdMZWZ0LFxuICAgICAgcGFkZGluZ1JpZ2h0LFxuICAgICAgcGFkZGluZ1gsXG4gICAgICBwYWRkaW5nWSxcbiAgICAgIG1hcmdpbixcbiAgICAgIG1hcmdpblRvcCxcbiAgICAgIG1hcmdpbkJvdHRvbSxcbiAgICAgIG1hcmdpbkxlZnQsXG4gICAgICBtYXJnaW5SaWdodCxcbiAgICAgIG1hcmdpblgsXG4gICAgICBtYXJnaW5ZLFxuICAgICAgcG9zaXRpb24sXG4gICAgICB0b3AsXG4gICAgICBib3R0b20sXG4gICAgICBsZWZ0LFxuICAgICAgcmlnaHQsXG4gICAgICBzaGFkb3csXG4gICAgICBvdmVyZmxvdyxcbiAgICAgIGFzcGVjdFJhdGlvLFxuICAgICAgekluZGV4LFxuICAgICAgdGFnID0gJ2RpdicsXG4gICAgICBvcGFjaXR5LFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgVGFnID0gdGFnO1xuICAgIHJldHVybiAoXG4gICAgICA8VGFnXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2dldEJvcmRlcihib3JkZXJTaWRlLCBib3JkZXJXaWR0aCwgYm9yZGVyQ29sb3IpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdwYWRkaW5nJywgcGFkZGluZyl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdwYWRkaW5nLXRvcCcsIHBhZGRpbmdUb3AgfHwgcGFkZGluZ1kpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1ib3R0b20nLCBwYWRkaW5nQm90dG9tIHx8IHBhZGRpbmdZKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmctbGVmdCcsIHBhZGRpbmdMZWZ0IHx8IHBhZGRpbmdYKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmctcmlnaHQnLCBwYWRkaW5nUmlnaHQgfHwgcGFkZGluZ1gpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4nLCBtYXJnaW4pfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnbWFyZ2luLXRvcCcsIG1hcmdpblRvcCB8fCBtYXJnaW5ZKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1ib3R0b20nLCBtYXJnaW5Cb3R0b20gfHwgbWFyZ2luWSl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tbGVmdCcsIG1hcmdpbkxlZnQgfHwgbWFyZ2luWCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tcmlnaHQnLCBtYXJnaW5SaWdodCB8fCBtYXJnaW5YKX07XG5cbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgndG9wJywgdG9wKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2JvdHRvbScsIGJvdHRvbSl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdsZWZ0JywgbGVmdCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdyaWdodCcsIHJpZ2h0KX07XG5cbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ3dpZHRoJywgd2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21pbi13aWR0aCcsIG1pbldpZHRoKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdtYXgtd2lkdGgnLCBtYXhXaWR0aCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignaGVpZ2h0JywgaGVpZ2h0KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdtaW4taGVpZ2h0JywgbWluSGVpZ2h0KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdtYXgtaGVpZ2h0JywgbWF4SGVpZ2h0KX07XG5cbiAgICAgICAgICBjb2xvcjogJHtnZXRDb2xvcihjb2xvcil9O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoYmFja2dyb3VuZENvbG9yKX07XG4gICAgICAgICAgcG9zaXRpb246ICR7cG9zaXRpb259O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKHJhZGl1cyl9O1xuICAgICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KHNoYWRvdyl9O1xuICAgICAgICAgIG92ZXJmbG93OiAke292ZXJmbG93fTtcbiAgICAgICAgICBhc3BlY3QtcmF0aW86ICR7YXNwZWN0UmF0aW99O1xuICAgICAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgICAgICAke0Jvb2xlYW4ob3BhY2l0eSkgJiYgYG9wYWNpdHk6ICR7b3BhY2l0eX1gfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhZz5cbiAgICApO1xuICB9LFxuKTtcblxuQm94LnByb3BUeXBlcyA9IHtcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBib3JkZXJTaWRlOiB0eXBlcy5zaWRlLFxuICBib3JkZXJXaWR0aDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLm51bWJlciwgUHJvcFR5cGVzLnN0cmluZ10pLFxuICBib3JkZXJDb2xvcjogdHlwZXMuY29sb3IsXG4gIHdpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtaW5XaWR0aDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgbWF4V2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIGhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgbWluSGVpZ2h0OiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtYXhIZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIHJhZGl1czogdHlwZXMucmFkaXVzLFxuICBzaGFkb3c6IHR5cGVzLnNoYWRvdyxcbiAgcGFkZGluZzogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nVG9wOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdCb3R0b206IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ0xlZnQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1JpZ2h0OiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdYOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdZOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpbjogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5Ub3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luQm90dG9tOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpbkxlZnQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luUmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luWDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5ZOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBvc2l0aW9uOiB0eXBlcy5wb3NpdGlvbixcbiAgdG9wOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGJvdHRvbTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBsZWZ0OiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHJpZ2h0OiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG92ZXJmbG93OiB0eXBlcy5vdmVyZmxvdyxcbiAgYXNwZWN0UmF0aW86IFByb3BUeXBlcy5zdHJpbmcsXG4gIHpJbmRleDogdHlwZXMuekluZGV4LFxuICB0YWc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIG9wYWNpdHk6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */")
   }, props), children);
 });
 Box.propTypes = {
@@ -101,5 +102,6 @@ Box.propTypes = {
   overflow: types.overflow,
   aspectRatio: PropTypes.string,
   zIndex: types.zIndex,
-  tag: PropTypes.string
+  tag: PropTypes.string,
+  opacity: PropTypes.string
 };

package/es/components/dropdown.js

@@ -48,7 +48,8 @@ export var Dropdown = function Dropdown(_ref) {
           isActive: active,
           onClick: option.onClick,
           variant: option.variant,
-          hasDivider: option.hasDivider
+          hasDivider: option.hasDivider,
+          hasEllipsis: true
         }, option.content);
       });
     }))));

package/es/foundational/menu.js

@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import "core-js/modules/es.object.assign.js";
 import React, { forwardRef } from 'react';
 import { css } from '@emotion/react';
-import { getColor, getRadius, getShadow, getTransition } from '../utilities';
+import { getColor, getDimension, getRadius, getShadow, getTransition } from '../utilities';
 import { Box, Icon, Text } from '../components';
 import { IconCheck } from '../icons';
 import { componentVars } from './styles';
@@ -55,7 +55,7 @@ export var useMenuPosition = function useMenuPosition(_ref) {
       apply: function apply(_ref2) {
         var rects = _ref2.rects,
             elements = _ref2.elements;
-        var width = menuWidth || "".concat(rects.reference.width, "px");
+        var width = getDimension(menuWidth) || "".concat(rects.reference.width, "px");
         Object.assign(elements.floating.style, {
           width: width
         });
@@ -92,7 +92,7 @@ export var MenuCard = /*#__PURE__*/forwardRef(function (_ref3, ref) {
 
   return ___EmotionJSX("ul", _extends({
     ref: ref,
-    css: /*#__PURE__*/css("padding:", cardPaddingPx, " 0;margin:0;background:", getColor('floatingBackground'), ";z-index:", zIndex, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('s'), ";overflow:auto;max-height:", maxHeight, ";", !isOpen && "opacity: 0; pointer-events: none;", ";transition-property:opacity;transition-duration:", getTransition(isOpen ? 'xxFast' : 'xFast'), ";&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCard;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBhdXRvVXBkYXRlLCBmbGlwLCBzaXplLCB1c2VGbG9hdGluZyB9IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdC1kb20taW50ZXJhY3Rpb25zJztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1ZUGFkZGluZyA9IDEwO1xuY29uc3QgaXRlbVhQYWRkaW5nID0gMTI7XG5cbmV4cG9ydCBjb25zdCBwbGFjZW1lbnRzTWFwID0ge1xuICB0b3A6ICd0b3AnLFxuICB0b3BTdGFydDogJ3RvcC1zdGFydCcsXG4gIHRvcEVuZDogJ3RvcC1lbmQnLFxuICBib3R0b206ICdib3R0b20nLFxuICBib3R0b21TdGFydDogJ2JvdHRvbS1zdGFydCcsXG4gIGJvdHRvbUVuZDogJ2JvdHRvbS1lbmQnLFxuICByaWdodDogJ3JpZ2h0JyxcbiAgcmlnaHRTdGFydDogJ3JpZ2h0LXN0YXJ0JyxcbiAgcmlnaHRFbmQ6ICdyaWdodC1lbmQnLFxuICBsZWZ0OiAnbGVmdCcsXG4gIGxlZnRTdGFydDogJ2xlZnQtc3RhcnQnLFxuICBsZWZ0RW5kOiAnbGVmdC1lbmQnLFxufTtcblxuZXhwb3J0IGNvbnN0IHVzZU1lbnVQb3NpdGlvbiA9ICh7IG1lbnVXaWR0aCwgbWVudVBsYWNlbWVudCB9KSA9PiB7XG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3kgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbbWVudVBsYWNlbWVudF0sXG4gICAgd2hpbGVFbGVtZW50c01vdW50ZWQ6IGF1dG9VcGRhdGUsXG4gICAgbWlkZGxld2FyZTogW1xuICAgICAgZmxpcCh7IHBhZGRpbmc6IDI0LCBmbGlwQWxpZ25tZW50OiBmYWxzZSB9KSxcbiAgICAgIHNpemUoe1xuICAgICAgICBhcHBseSh7IHJlY3RzLCBlbGVtZW50cyB9KSB7XG4gICAgICAgICAgY29uc3Qgd2lkdGggPSBtZW51V2lkdGggfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZlcmVuY2UsXG4gICAgZmxvYXRpbmcsXG4gICAgZmxvYXRpbmdTdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgekluZGV4ID0gMSwgcGxhY2VtZW50LCBtYXhIZWlnaHQsIGlzT3BlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmxvYXRpbmdCYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fTtcbiAgICAgICAgJHshaXNPcGVuICYmIGBvcGFjaXR5OiAwOyBwb2ludGVyLWV2ZW50czogbm9uZTtgfTtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKGlzT3BlbiA/ICd4eEZhc3QnIDogJ3hGYXN0Jyl9O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdWw+XG4gICksXG4pO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignZmFkZTEnKSxcbiAgICBpY29uQ29sb3JBY3RpdmU6IGdldENvbG9yKCdjb250ZW50JyksXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGNvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1Sb290ID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGhhc0ljb24sIGlzU2VsZWN0ZWQsIGNvbG9yLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8bGlcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtoYXNJY29uID8gJ2F1dG8gMWZyJyA6ICcxZnIgYXV0byd9O1xuICAgICAgICAkeyhoYXNJY29uIHx8IGlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAgICAgICAke2lzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX1gfTtcbiAgICAgICAgJHshaXNEaXNhYmxlZCAmJiBgY3Vyc29yOiBwb2ludGVyO2B9O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAke2l0ZW1ZUGFkZGluZ31weCAke2l0ZW1YUGFkZGluZ31weDtcbiAgICAgICAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGNvbG9yOiAke2NvbG9yfTtcblxuICAgICAgICAuSWNvbiB7XG4gICAgICAgICAgdHJhbnNpdGlvbjogdW5zZXQ7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvbGk+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmRpdmlkZXJTdHJva2VTaXplfSBtYXJnaW5ZPXsxfSBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNTZWxlY3RlZCxcbiAgICAgIGlzQWN0aXZlLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgaGFzRGl2aWRlcixcbiAgICAgIGhhc0VsbGlwc2lzLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVJvb3RcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9XG4gICAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgICBbJy0tZ3JuLWNvbG9yLWljb24nXTogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBoYXNFdmVuQm91bmRhcnkgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz17aGFzRWxsaXBzaXN9PntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2lzU2VsZWN0ZWQgJiYgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gLz59XG4gICAgICAgIDwvTWVudUl0ZW1Sb290PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */")
+    css: /*#__PURE__*/css("padding:", cardPaddingPx, " 0;margin:0;background:", getColor('floatingBackground'), ";z-index:", zIndex, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('s'), ";overflow:auto;max-height:", maxHeight, ";", !isOpen && "opacity: 0; pointer-events: none;", ";transition-property:opacity;transition-duration:", getTransition(isOpen ? 'xxFast' : 'xFast'), ";&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCard;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93LCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycyB9IGZyb20gJy4vc3R5bGVzJztcbmltcG9ydCB7IGF1dG9VcGRhdGUsIGZsaXAsIHNpemUsIHVzZUZsb2F0aW5nIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuXG5jb25zdCBjYXJkUGFkZGluZyA9IDg7XG5jb25zdCBjYXJkUGFkZGluZ1B4ID0gYCR7Y2FyZFBhZGRpbmd9cHhgO1xuY29uc3QgaXRlbVlQYWRkaW5nID0gMTA7XG5jb25zdCBpdGVtWFBhZGRpbmcgPSAxMjtcblxuZXhwb3J0IGNvbnN0IHBsYWNlbWVudHNNYXAgPSB7XG4gIHRvcDogJ3RvcCcsXG4gIHRvcFN0YXJ0OiAndG9wLXN0YXJ0JyxcbiAgdG9wRW5kOiAndG9wLWVuZCcsXG4gIGJvdHRvbTogJ2JvdHRvbScsXG4gIGJvdHRvbVN0YXJ0OiAnYm90dG9tLXN0YXJ0JyxcbiAgYm90dG9tRW5kOiAnYm90dG9tLWVuZCcsXG4gIHJpZ2h0OiAncmlnaHQnLFxuICByaWdodFN0YXJ0OiAncmlnaHQtc3RhcnQnLFxuICByaWdodEVuZDogJ3JpZ2h0LWVuZCcsXG4gIGxlZnQ6ICdsZWZ0JyxcbiAgbGVmdFN0YXJ0OiAnbGVmdC1zdGFydCcsXG4gIGxlZnRFbmQ6ICdsZWZ0LWVuZCcsXG59O1xuXG5leHBvcnQgY29uc3QgdXNlTWVudVBvc2l0aW9uID0gKHsgbWVudVdpZHRoLCBtZW51UGxhY2VtZW50IH0pID0+IHtcbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFttZW51UGxhY2VtZW50XSxcbiAgICB3aGlsZUVsZW1lbnRzTW91bnRlZDogYXV0b1VwZGF0ZSxcbiAgICBtaWRkbGV3YXJlOiBbXG4gICAgICBmbGlwKHsgcGFkZGluZzogMjQsIGZsaXBBbGlnbm1lbnQ6IGZhbHNlIH0pLFxuICAgICAgc2l6ZSh7XG4gICAgICAgIGFwcGx5KHsgcmVjdHMsIGVsZW1lbnRzIH0pIHtcbiAgICAgICAgICBjb25zdCB3aWR0aCA9IGdldERpbWVuc2lvbihtZW51V2lkdGgpIHx8IGAke3JlY3RzLnJlZmVyZW5jZS53aWR0aH1weGA7XG4gICAgICAgICAgT2JqZWN0LmFzc2lnbihlbGVtZW50cy5mbG9hdGluZy5zdHlsZSwge1xuICAgICAgICAgICAgd2lkdGg6IHdpZHRoLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9LFxuICAgICAgICBwYWRkaW5nOiAyNCxcbiAgICAgIH0pLFxuICAgIF0sXG4gIH0pO1xuXG4gIGNvbnN0IGZsb2F0aW5nU3R5bGVzID0ge1xuICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICB0b3A6IHkgPz8gMCxcbiAgICBsZWZ0OiB4ID8/IDAsXG4gICAgekluZGV4OiAxMTAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgcmVmZXJlbmNlLFxuICAgIGZsb2F0aW5nLFxuICAgIGZsb2F0aW5nU3R5bGVzLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHBsYWNlbWVudCwgbWF4SGVpZ2h0LCBpc09wZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDx1bFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcGFkZGluZzogJHtjYXJkUGFkZGluZ1B4fSAwO1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2Zsb2F0aW5nQmFja2dyb3VuZCcpfTtcbiAgICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICBtYXgtaGVpZ2h0OiAke21heEhlaWdodH07XG4gICAgICAgICR7IWlzT3BlbiAmJiBgb3BhY2l0eTogMDsgcG9pbnRlci1ldmVudHM6IG5vbmU7YH07XG4gICAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbihpc09wZW4gPyAneHhGYXN0JyA6ICd4RmFzdCcpfTtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3VsPlxuICApLFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2ZhZGUxJyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtUm9vdCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBoYXNJY29uLCBpc1NlbGVjdGVkLCBjb2xvciwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPGxpXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7aGFzSWNvbiA/ICdhdXRvIDFmcicgOiAnMWZyIGF1dG8nfTtcbiAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICR7aXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAgICAgICAkeyFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6ICR7aXRlbVlQYWRkaW5nfXB4ICR7aXRlbVhQYWRkaW5nfXB4O1xuICAgICAgICBtYXJnaW46IDAgJHtjYXJkUGFkZGluZ31weDtcbiAgICAgICAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgICAgY29sb3I6ICR7Y29sb3J9O1xuXG4gICAgICAgIC5JY29uIHtcbiAgICAgICAgICB0cmFuc2l0aW9uOiB1bnNldDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9saT5cbiAgKSxcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIHBhZGRpbmdYPXtgJHtjYXJkUGFkZGluZyArIGl0ZW1YUGFkZGluZ31weGB9XG4gICAgcGFkZGluZ0JvdHRvbT17Y2FyZFBhZGRpbmdQeH1cbiAgICBtYXJnaW5Ub3A9e2NhcmRQYWRkaW5nUHh9XG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/IGAke2NhcmRQYWRkaW5nICogMn1weGAgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuZGl2aWRlclN0cm9rZVNpemV9IG1hcmdpblk9ezF9IGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc1NlbGVjdGVkLFxuICAgICAgaXNBY3RpdmUsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBoYXNEaXZpZGVyLFxuICAgICAgaGFzRWxsaXBzaXMsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge2hhc0RpdmlkZXIgJiYgPE1lbnVJdGVtRGl2aWRlciAvPn1cbiAgICAgICAgPE1lbnVJdGVtUm9vdFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICAgIFsnLS1ncm4tY29sb3ItaWNvbiddOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvckFjdGl2ZSxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGhhc0V2ZW5Cb3VuZGFyeSBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn0gLz59XG4gICAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPXtoYXNFbGxpcHNpc30+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8Qm94IG9wYWNpdHk9e2lzU2VsZWN0ZWQgPyAnMScgOiAnMCd9PlxuICAgICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */")
   }, props), children);
 });
 var variantStyles = {
@@ -115,7 +115,7 @@ var MenuItemRoot = /*#__PURE__*/forwardRef(function (_ref4, ref) {
 
   return ___EmotionJSX("li", _extends({
     ref: ref,
-    css: /*#__PURE__*/css("display:grid;grid-auto-flow:column;grid-template-columns:", hasIcon ? 'auto 1fr' : '1fr auto', ";", (hasIcon || isSelected) && "gap: 8px", ";", isDisabled && "color: ".concat(getColor('contentDisabled')), ";", !isDisabled && "cursor: pointer;", ";align-items:center;justify-content:start;list-style:none;padding:", itemYPadding, "px ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", color, ";.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUdjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBhdXRvVXBkYXRlLCBmbGlwLCBzaXplLCB1c2VGbG9hdGluZyB9IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdC1kb20taW50ZXJhY3Rpb25zJztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1ZUGFkZGluZyA9IDEwO1xuY29uc3QgaXRlbVhQYWRkaW5nID0gMTI7XG5cbmV4cG9ydCBjb25zdCBwbGFjZW1lbnRzTWFwID0ge1xuICB0b3A6ICd0b3AnLFxuICB0b3BTdGFydDogJ3RvcC1zdGFydCcsXG4gIHRvcEVuZDogJ3RvcC1lbmQnLFxuICBib3R0b206ICdib3R0b20nLFxuICBib3R0b21TdGFydDogJ2JvdHRvbS1zdGFydCcsXG4gIGJvdHRvbUVuZDogJ2JvdHRvbS1lbmQnLFxuICByaWdodDogJ3JpZ2h0JyxcbiAgcmlnaHRTdGFydDogJ3JpZ2h0LXN0YXJ0JyxcbiAgcmlnaHRFbmQ6ICdyaWdodC1lbmQnLFxuICBsZWZ0OiAnbGVmdCcsXG4gIGxlZnRTdGFydDogJ2xlZnQtc3RhcnQnLFxuICBsZWZ0RW5kOiAnbGVmdC1lbmQnLFxufTtcblxuZXhwb3J0IGNvbnN0IHVzZU1lbnVQb3NpdGlvbiA9ICh7IG1lbnVXaWR0aCwgbWVudVBsYWNlbWVudCB9KSA9PiB7XG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3kgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbbWVudVBsYWNlbWVudF0sXG4gICAgd2hpbGVFbGVtZW50c01vdW50ZWQ6IGF1dG9VcGRhdGUsXG4gICAgbWlkZGxld2FyZTogW1xuICAgICAgZmxpcCh7IHBhZGRpbmc6IDI0LCBmbGlwQWxpZ25tZW50OiBmYWxzZSB9KSxcbiAgICAgIHNpemUoe1xuICAgICAgICBhcHBseSh7IHJlY3RzLCBlbGVtZW50cyB9KSB7XG4gICAgICAgICAgY29uc3Qgd2lkdGggPSBtZW51V2lkdGggfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZlcmVuY2UsXG4gICAgZmxvYXRpbmcsXG4gICAgZmxvYXRpbmdTdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgekluZGV4ID0gMSwgcGxhY2VtZW50LCBtYXhIZWlnaHQsIGlzT3BlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmxvYXRpbmdCYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fTtcbiAgICAgICAgJHshaXNPcGVuICYmIGBvcGFjaXR5OiAwOyBwb2ludGVyLWV2ZW50czogbm9uZTtgfTtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKGlzT3BlbiA/ICd4eEZhc3QnIDogJ3hGYXN0Jyl9O1xuXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvdWw+XG4gICksXG4pO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignZmFkZTEnKSxcbiAgICBpY29uQ29sb3JBY3RpdmU6IGdldENvbG9yKCdjb250ZW50JyksXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGNvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1Sb290ID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGhhc0ljb24sIGlzU2VsZWN0ZWQsIGNvbG9yLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8bGlcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtoYXNJY29uID8gJ2F1dG8gMWZyJyA6ICcxZnIgYXV0byd9O1xuICAgICAgICAkeyhoYXNJY29uIHx8IGlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAgICAgICAke2lzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX1gfTtcbiAgICAgICAgJHshaXNEaXNhYmxlZCAmJiBgY3Vyc29yOiBwb2ludGVyO2B9O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAke2l0ZW1ZUGFkZGluZ31weCAke2l0ZW1YUGFkZGluZ31weDtcbiAgICAgICAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGNvbG9yOiAke2NvbG9yfTtcblxuICAgICAgICAuSWNvbiB7XG4gICAgICAgICAgdHJhbnNpdGlvbjogdW5zZXQ7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvbGk+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmRpdmlkZXJTdHJva2VTaXplfSBtYXJnaW5ZPXsxfSBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNTZWxlY3RlZCxcbiAgICAgIGlzQWN0aXZlLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgaGFzRGl2aWRlcixcbiAgICAgIGhhc0VsbGlwc2lzLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVJvb3RcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9XG4gICAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgICBbJy0tZ3JuLWNvbG9yLWljb24nXTogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBoYXNFdmVuQm91bmRhcnkgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz17aGFzRWxsaXBzaXN9PntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2lzU2VsZWN0ZWQgJiYgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gLz59XG4gICAgICAgIDwvTWVudUl0ZW1Sb290PlxuICAgICAgPC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */")
+    css: /*#__PURE__*/css("display:grid;grid-auto-flow:column;grid-template-columns:", hasIcon ? 'auto 1fr' : '1fr auto', ";gap:8px;", isDisabled && "color: ".concat(getColor('contentDisabled')), ";", !isDisabled && "cursor: pointer;", ";align-items:center;justify-content:start;list-style:none;padding:", itemYPadding, "px ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", color, ";.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUdjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93LCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycyB9IGZyb20gJy4vc3R5bGVzJztcbmltcG9ydCB7IGF1dG9VcGRhdGUsIGZsaXAsIHNpemUsIHVzZUZsb2F0aW5nIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuXG5jb25zdCBjYXJkUGFkZGluZyA9IDg7XG5jb25zdCBjYXJkUGFkZGluZ1B4ID0gYCR7Y2FyZFBhZGRpbmd9cHhgO1xuY29uc3QgaXRlbVlQYWRkaW5nID0gMTA7XG5jb25zdCBpdGVtWFBhZGRpbmcgPSAxMjtcblxuZXhwb3J0IGNvbnN0IHBsYWNlbWVudHNNYXAgPSB7XG4gIHRvcDogJ3RvcCcsXG4gIHRvcFN0YXJ0OiAndG9wLXN0YXJ0JyxcbiAgdG9wRW5kOiAndG9wLWVuZCcsXG4gIGJvdHRvbTogJ2JvdHRvbScsXG4gIGJvdHRvbVN0YXJ0OiAnYm90dG9tLXN0YXJ0JyxcbiAgYm90dG9tRW5kOiAnYm90dG9tLWVuZCcsXG4gIHJpZ2h0OiAncmlnaHQnLFxuICByaWdodFN0YXJ0OiAncmlnaHQtc3RhcnQnLFxuICByaWdodEVuZDogJ3JpZ2h0LWVuZCcsXG4gIGxlZnQ6ICdsZWZ0JyxcbiAgbGVmdFN0YXJ0OiAnbGVmdC1zdGFydCcsXG4gIGxlZnRFbmQ6ICdsZWZ0LWVuZCcsXG59O1xuXG5leHBvcnQgY29uc3QgdXNlTWVudVBvc2l0aW9uID0gKHsgbWVudVdpZHRoLCBtZW51UGxhY2VtZW50IH0pID0+IHtcbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFttZW51UGxhY2VtZW50XSxcbiAgICB3aGlsZUVsZW1lbnRzTW91bnRlZDogYXV0b1VwZGF0ZSxcbiAgICBtaWRkbGV3YXJlOiBbXG4gICAgICBmbGlwKHsgcGFkZGluZzogMjQsIGZsaXBBbGlnbm1lbnQ6IGZhbHNlIH0pLFxuICAgICAgc2l6ZSh7XG4gICAgICAgIGFwcGx5KHsgcmVjdHMsIGVsZW1lbnRzIH0pIHtcbiAgICAgICAgICBjb25zdCB3aWR0aCA9IGdldERpbWVuc2lvbihtZW51V2lkdGgpIHx8IGAke3JlY3RzLnJlZmVyZW5jZS53aWR0aH1weGA7XG4gICAgICAgICAgT2JqZWN0LmFzc2lnbihlbGVtZW50cy5mbG9hdGluZy5zdHlsZSwge1xuICAgICAgICAgICAgd2lkdGg6IHdpZHRoLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9LFxuICAgICAgICBwYWRkaW5nOiAyNCxcbiAgICAgIH0pLFxuICAgIF0sXG4gIH0pO1xuXG4gIGNvbnN0IGZsb2F0aW5nU3R5bGVzID0ge1xuICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICB0b3A6IHkgPz8gMCxcbiAgICBsZWZ0OiB4ID8/IDAsXG4gICAgekluZGV4OiAxMTAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgcmVmZXJlbmNlLFxuICAgIGZsb2F0aW5nLFxuICAgIGZsb2F0aW5nU3R5bGVzLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHBsYWNlbWVudCwgbWF4SGVpZ2h0LCBpc09wZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDx1bFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcGFkZGluZzogJHtjYXJkUGFkZGluZ1B4fSAwO1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2Zsb2F0aW5nQmFja2dyb3VuZCcpfTtcbiAgICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICBtYXgtaGVpZ2h0OiAke21heEhlaWdodH07XG4gICAgICAgICR7IWlzT3BlbiAmJiBgb3BhY2l0eTogMDsgcG9pbnRlci1ldmVudHM6IG5vbmU7YH07XG4gICAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbihpc09wZW4gPyAneHhGYXN0JyA6ICd4RmFzdCcpfTtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3VsPlxuICApLFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2ZhZGUxJyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtUm9vdCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBoYXNJY29uLCBpc1NlbGVjdGVkLCBjb2xvciwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPGxpXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7aGFzSWNvbiA/ICdhdXRvIDFmcicgOiAnMWZyIGF1dG8nfTtcbiAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICR7aXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAgICAgICAkeyFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6ICR7aXRlbVlQYWRkaW5nfXB4ICR7aXRlbVhQYWRkaW5nfXB4O1xuICAgICAgICBtYXJnaW46IDAgJHtjYXJkUGFkZGluZ31weDtcbiAgICAgICAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgICAgY29sb3I6ICR7Y29sb3J9O1xuXG4gICAgICAgIC5JY29uIHtcbiAgICAgICAgICB0cmFuc2l0aW9uOiB1bnNldDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9saT5cbiAgKSxcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIHBhZGRpbmdYPXtgJHtjYXJkUGFkZGluZyArIGl0ZW1YUGFkZGluZ31weGB9XG4gICAgcGFkZGluZ0JvdHRvbT17Y2FyZFBhZGRpbmdQeH1cbiAgICBtYXJnaW5Ub3A9e2NhcmRQYWRkaW5nUHh9XG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/IGAke2NhcmRQYWRkaW5nICogMn1weGAgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuZGl2aWRlclN0cm9rZVNpemV9IG1hcmdpblk9ezF9IGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc1NlbGVjdGVkLFxuICAgICAgaXNBY3RpdmUsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBoYXNEaXZpZGVyLFxuICAgICAgaGFzRWxsaXBzaXMsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge2hhc0RpdmlkZXIgJiYgPE1lbnVJdGVtRGl2aWRlciAvPn1cbiAgICAgICAgPE1lbnVJdGVtUm9vdFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICAgIFsnLS1ncm4tY29sb3ItaWNvbiddOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvckFjdGl2ZSxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGhhc0V2ZW5Cb3VuZGFyeSBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn0gLz59XG4gICAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPXtoYXNFbGxpcHNpc30+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8Qm94IG9wYWNpdHk9e2lzU2VsZWN0ZWQgPyAnMScgOiAnMCd9PlxuICAgICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */")
   }, props), children);
 });
 export var MenuGroupTitle = function MenuGroupTitle(_ref5) {
@@ -171,7 +171,9 @@ export var MenuItem = /*#__PURE__*/forwardRef(function (_ref6, ref) {
     tag: "span"
   }, ___EmotionJSX(Text, {
     hasEllipsis: hasEllipsis
-  }, children)), isSelected && ___EmotionJSX(Icon, {
+  }, children)), ___EmotionJSX(Box, {
+    opacity: isSelected ? '1' : '0'
+  }, ___EmotionJSX(Icon, {
     icon: ___EmotionJSX(IconCheck, null)
-  })));
+  }))));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "6.13.4",
+  "version": "6.14.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",