@instructure/ui-menu 11.6.0 → 11.6.1-pr-snapshot-1779894247159

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.6.1-pr-snapshot-1779894247159](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.6.1-pr-snapshot-1779894247159) (2026-05-27)
+
+**Note:** Version bump only for package @instructure/ui-menu
+
+
+
+
+
 # [11.6.0](https://github.com/instructure/instructure-ui/compare/v11.5.0...v11.6.0) (2026-02-18)
 
 **Note:** Version bump only for package @instructure/ui-menu

package/{lib/Menu/MenuItemGroup/props.js → babel.config.cjs}

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -28,4 +22,16 @@ exports.allowedProps = void 0;
  * SOFTWARE.
  */
 
-const allowedProps = exports.allowedProps = ['label', 'allowMultiple', 'children', 'selected', 'defaultSelected', 'onSelect', 'onMouseOver', 'controls', 'itemRef', 'disabled', 'isTabbable'];
+module.exports = {
+  presets: [
+    [
+      require('@instructure/ui-babel-preset'),
+      {
+        coverage: Boolean(process.env.COVERAGE),
+        esModules: Boolean(process.env.ES_MODULES),
+        removeConsole: process.env.NODE_ENV === 'production',
+        transformImports: Boolean(process.env.TRANSFORM_IMPORTS)
+      }
+    ]
+  ]
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@instructure/ui-menu",
-  "version": "11.6.0",
+  "version": "11.6.1-pr-snapshot-1779894247159",
+  "type": "module",
   "description": "A dropdown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
-  "main": "./lib/index.js",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",
@@ -16,27 +16,27 @@
   "dependencies": {
     "@babel/runtime": "^7.27.6",
     "keycode": "^2",
-    "@instructure/console": "11.6.0",
-    "@instructure/emotion": "11.6.0",
-    "@instructure/shared-types": "11.6.0",
-    "@instructure/ui-dom-utils": "11.6.0",
-    "@instructure/ui-a11y-utils": "11.6.0",
-    "@instructure/ui-icons": "11.6.0",
-    "@instructure/ui-react-utils": "11.6.0",
-    "@instructure/ui-utils": "11.6.0",
-    "@instructure/ui-view": "11.6.0",
-    "@instructure/ui-popover": "11.6.0",
-    "@instructure/ui-position": "11.6.0"
+    "@instructure/console": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/emotion": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/shared-types": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-a11y-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-dom-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-icons": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-popover": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-position": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-react-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-view": "11.6.1-pr-snapshot-1779894247159"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.6.0",
-    "@instructure/ui-color-utils": "11.6.0",
-    "@instructure/ui-babel-preset": "11.6.0",
-    "@instructure/ui-themes": "11.6.0"
+    "@instructure/ui-axe-check": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-babel-preset": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-color-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-themes": "11.6.1-pr-snapshot-1779894247159"
   },
   "peerDependencies": {
     "react": ">=18 <=19"
@@ -49,10 +49,8 @@
     ".": {
       "types": "./types/index.d.ts",
       "import": "./es/index.js",
-      "require": "./lib/index.js",
       "default": "./es/index.js"
     },
-    "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
@@ -62,7 +60,7 @@
     "lint": "ui-scripts lint",
     "lint:fix": "ui-scripts lint --fix",
     "clean": "ui-scripts clean",
-    "build": "ui-scripts build --modules es,cjs",
+    "build": "ui-scripts build",
     "build:watch": "pnpm run ts:check -- --watch & ui-scripts build --watch",
     "build:types": "tsc -p tsconfig.build.json",
     "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"

package/lib/Menu/MenuItem/index.js

@@ -1,231 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MenuItem = void 0;
-var _react = require("react");
-var _keycode = _interopRequireDefault(require("keycode"));
-var _IconCheckSolid2 = require("@instructure/ui-icons/lib/IconCheckSolid.js");
-var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEndSolid.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
-var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
-var _emotion = require("@instructure/emotion");
-var _MenuContext = require("../../MenuContext");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _dec2, _class, _MenuItem, _IconCheckSolid, _IconArrowOpenEndSoli;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-/**
----
-parent: Menu
-id: Menu.Item
----
-**/
-let MenuItem = exports.MenuItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_MenuItem = class MenuItem extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.labelId = void 0;
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-    };
-    this.handleClick = e => {
-      const _this$props = this.props,
-        onSelect = _this$props.onSelect,
-        onClick = _this$props.onClick,
-        disabled = _this$props.disabled,
-        value = _this$props.value;
-      const selected = !this.selected;
-      if (disabled) {
-        e.preventDefault();
-        return;
-      }
-      if (typeof this.props.selected === 'undefined') {
-        this.setState({
-          selected
-        });
-      }
-      if (typeof onSelect === 'function') {
-        e.persist();
-        onSelect(e, value, selected, this);
-      }
-      if (typeof onClick === 'function') {
-        onClick(e);
-      }
-    };
-    this.handleKeyDown = e => {
-      const spaceKey = e.keyCode === _keycode.default.codes.space;
-      const enterKey = e.keyCode === _keycode.default.codes.enter;
-      if (spaceKey || enterKey) {
-        e.preventDefault();
-        e.stopPropagation();
-        if (enterKey) {
-          // handle space key on keyUp for FF
-          const refNode = (0, _findDOMNode.findDOMNode)(this.ref);
-          refNode.click();
-        }
-      }
-    };
-    this.handleKeyUp = e => {
-      const spaceKey = e.keyCode === _keycode.default.codes.space;
-      const enterKey = e.keyCode === _keycode.default.codes.enter;
-      if (spaceKey || enterKey) {
-        e.preventDefault();
-        e.stopPropagation();
-        if (spaceKey) {
-          const refNode = (0, _findDOMNode.findDOMNode)(this.ref);
-          refNode.click();
-        }
-      }
-    };
-    this.handleMouseOver = event => {
-      if (!this.focused) {
-        this.focus();
-      }
-      if (typeof this.props.onMouseOver === 'function') {
-        this.props.onMouseOver(event, this);
-      }
-    };
-    if (typeof props.selected === 'undefined') {
-      this.state = {
-        selected: !!props.defaultSelected
-      };
-    }
-    this.labelId = props.deterministicId('MenuItem__label');
-  }
-  get _node() {
-    return this.ref;
-  }
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
-    const context = this.context;
-    if (context && context.registerMenuItem) {
-      context.registerMenuItem(this);
-    }
-  }
-  componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props3;
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
-  }
-  componentWillUnmount() {
-    const context = this.context;
-    if (context && context.removeMenuItem) {
-      context.removeMenuItem(this);
-    }
-  }
-  get elementType() {
-    return (0, _getElementType.getElementType)(MenuItem, this.props);
-  }
-  get role() {
-    switch (this.props.type) {
-      case 'checkbox':
-        return 'menuitemcheckbox';
-      case 'radio':
-        return 'menuitemradio';
-      default:
-        return 'menuitem';
-    }
-  }
-  get selected() {
-    return typeof this.props.selected === 'undefined' ? this.state.selected : this.props.selected;
-  }
-  get focused() {
-    return (0, _isActiveElement.isActiveElement)(this.ref);
-  }
-  focus() {
-    const refNode = (0, _findDOMNode.findDOMNode)(this.ref);
-    refNode.focus();
-  }
-  renderContent() {
-    var _this$props$styles, _this$props$styles2, _this$props$styles3, _this$props$styles4;
-    const _this$props4 = this.props,
-      children = _this$props4.children,
-      type = _this$props4.type,
-      renderLabelInfo = _this$props4.renderLabelInfo;
-    return (0, _jsxRuntime.jsxs)("span", {
-      children: [(type === 'checkbox' || type === 'radio') && (0, _jsxRuntime.jsx)("span", {
-        css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.icon,
-        children: this.selected && (_IconCheckSolid || (_IconCheckSolid = (0, _jsxRuntime.jsx)(_IconCheckSolid2.IconCheckSolid, {})))
-      }), (0, _jsxRuntime.jsx)("span", {
-        css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.label,
-        id: this.labelId,
-        children: children
-      }), type === 'flyout' && (0, _jsxRuntime.jsx)("span", {
-        css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.icon,
-        children: _IconArrowOpenEndSoli || (_IconArrowOpenEndSoli = (0, _jsxRuntime.jsx)(_IconArrowOpenEndSolid.IconArrowOpenEndSolid, {}))
-      }), renderLabelInfo && (0, _jsxRuntime.jsx)("span", {
-        css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.labelInfo,
-        children: (0, _callRenderProp.callRenderProp)(renderLabelInfo)
-      })]
-    });
-  }
-  render() {
-    var _this$props$styles5;
-    const _this$props5 = this.props,
-      disabled = _this$props5.disabled,
-      controls = _this$props5.controls,
-      onKeyDown = _this$props5.onKeyDown,
-      onKeyUp = _this$props5.onKeyUp,
-      type = _this$props5.type,
-      href = _this$props5.href,
-      target = _this$props5.target;
-    const props = (0, _omitProps.omitProps)(this.props, MenuItem.allowedProps);
-    const ElementType = this.elementType;
-    return (0, _jsxRuntime.jsx)(ElementType, {
-      tabIndex: -1 // note: tabIndex can be overridden by Menu or MenuItemGroup components
-      ,
-      ...props,
-      href: href,
-      target: target,
-      role: this.role,
-      "aria-labelledby": this.labelId,
-      "aria-disabled": disabled ? 'true' : void 0,
-      "aria-controls": controls,
-      "aria-checked": type === 'checkbox' || type === 'radio' ? this.selected ? 'true' : 'false' : void 0,
-      onClick: this.handleClick,
-      onKeyUp: (0, _createChainedFunction.createChainedFunction)(onKeyUp, this.handleKeyUp),
-      onKeyDown: (0, _createChainedFunction.createChainedFunction)(onKeyDown, this.handleKeyDown),
-      ref: this.handleRef,
-      css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.menuItem,
-      onMouseOver: this.handleMouseOver,
-      "data-cid": "MenuItem",
-      children: this.renderContent()
-    });
-  }
-}, _MenuItem.displayName = "MenuItem", _MenuItem.componentId = 'Menu.Item', _MenuItem.allowedProps = _props.allowedProps, _MenuItem.defaultProps = {
-  type: 'button',
-  disabled: false
-}, _MenuItem.contextType = _MenuContext.MenuContext, _MenuItem)) || _class) || _class);
-var _default = exports.default = MenuItem;

package/lib/Menu/MenuItem/props.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const allowedProps = exports.allowedProps = ['children', 'defaultSelected', 'selected', 'onSelect', 'onClick', 'onKeyDown', 'onKeyUp', 'onMouseOver', 'controls', 'disabled', 'as', 'type', 'value', 'href', 'target', 'renderLabelInfo'];

package/lib/Menu/MenuItem/styles.js

@@ -1,140 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @param  {Object} state the state of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = (componentTheme, props) => {
-  const type = props.type,
-    disabled = props.disabled;
-  const isRadioOrCheckbox = type === 'checkbox' || type === 'radio';
-  const flyoutIconStyles = type === 'flyout' ? {
-    insetInlineStart: 'auto',
-    insetInlineEnd: componentTheme.iconPadding
-  } : {};
-  const roleStyles = isRadioOrCheckbox ? {
-    paddingInlineStart: componentTheme.labelPadding
-  } : {};
-  const roleIconStyles = isRadioOrCheckbox ? {
-    insetInlineStart: componentTheme.iconPadding,
-    insetInlineEnd: 'auto'
-  } : {};
-  const disabledStyles = disabled ? {
-    cursor: 'not-allowed',
-    pointerEvents: 'none',
-    opacity: 0.5
-  } : {};
-  const linkStyles = {
-    textDecoration: 'none'
-  };
-  return {
-    menuItem: {
-      label: 'menuItem',
-      position: 'relative',
-      border: 'none',
-      outline: 'none',
-      padding: componentTheme.padding,
-      margin: '0',
-      width: '100%',
-      borderRadius: 'initial',
-      boxSizing: 'border-box',
-      textAlign: 'start',
-      cursor: 'pointer',
-      userSelect: 'none',
-      fontFamily: componentTheme.fontFamily,
-      fontWeight: componentTheme.fontWeight,
-      lineHeight: componentTheme.lineHeight,
-      fontSize: componentTheme.fontSize,
-      background: componentTheme.background,
-      // Changing the following to display: flex; causes a VO
-      // bug where items with role menuitem, menuitemcheckbox
-      // and menuitemradio are selected twice with control+
-      // option+space. So we set the display to block.
-      display: 'block',
-      textDecoration: 'none',
-      ...roleStyles,
-      '&:focus,  &:active,  &:hover': {
-        background: componentTheme.activeBackground,
-        '[class*="menuItem__label"]': {
-          color: componentTheme.activeLabelColor
-        },
-        '[class*="menuItem__icon"]': {
-          color: componentTheme.activeIconColor
-        }
-      },
-      //removes extra ff button spacing
-      '&::-moz-focus-inner': {
-        padding: '0',
-        margin: '0',
-        border: '0'
-      },
-      ...disabledStyles,
-      // NOTE: needs separate groups for `:is()` and `:-webkit-any()` because of css selector group validation (see https://www.w3.org/TR/selectors-3/#grouping)
-      '&:is(a)': {
-        '&, &:link, &:visited, &:active, &:hover, &:focus': linkStyles
-      },
-      '&:-webkit-any(a)': {
-        '&, &:link, &:visited, &:active, &:hover, &:focus': linkStyles
-      }
-    },
-    icon: {
-      label: 'menuItem__icon',
-      position: 'absolute',
-      display: 'flex',
-      alignItems: 'center',
-      top: '0',
-      width: '1em',
-      height: '100%',
-      color: componentTheme.iconColor,
-      ...roleIconStyles,
-      ...flyoutIconStyles
-    },
-    labelInfo: {
-      label: 'menuItem__labelInfo',
-      height: '100%',
-      float: 'right',
-      clear: 'right',
-      paddingRight: '1.75rem',
-      color: componentTheme.labelInfoColor
-    },
-    label: {
-      label: 'menuItem__label',
-      color: componentTheme.labelColor
-    }
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/Menu/MenuItem/theme.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7;
-  const colors = theme.colors,
-    typography = theme.typography,
-    spacing = theme.spacing,
-    themeName = theme.key;
-  const themeSpecificStyle = {
-    canvas: {
-      labelColor: theme['ic-brand-font-color-dark'],
-      iconColor: theme['ic-brand-font-color-dark'],
-      activeBackground: theme['ic-brand-primary']
-    }
-  };
-  const componentVariables = {
-    padding: `${spacing === null || spacing === void 0 ? void 0 : spacing.xSmall} ${spacing === null || spacing === void 0 ? void 0 : spacing.small}`,
-    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
-    fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
-    lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed,
-    fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
-    labelPadding: spacing === null || spacing === void 0 ? void 0 : spacing.large,
-    labelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey125125,
-    background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.white1010,
-    iconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.grey125125,
-    iconPadding: spacing === null || spacing === void 0 ? void 0 : spacing.small,
-    activeBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
-    activeLabelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.white1010,
-    activeIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.white1010,
-    labelInfoColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.grey5782
-  };
-  return {
-    ...componentVariables,
-    ...themeSpecificStyle[themeName]
-  };
-};
-var _default = exports.default = generateComponentTheme;