@carbon/ibm-products 2.65.0 → 2.66.0-rc.0

package/es/components/EmptyStates/assets/UnauthorizedIllustration.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
@@ -13,27 +13,28 @@ import { pkg } from '../../../settings.js';
 import { useId } from '../../../global/js/utils/useId.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _linearGradient, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _path4;
-var _excluded = ["theme", "size", "alt"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--empty-state");
-var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
-  var theme = _ref.theme,
-    size = _ref.size,
-    alt = _ref.alt,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = useId();
+const blockClass = `${pkg.prefix}--empty-state`;
+const UnauthorizedIllustration = _ref => {
+  let {
+    theme,
+    size,
+    alt,
+    ...rest
+  } = _ref;
+  const svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-unauthorized"), "".concat(blockClass, "__illustration--").concat(size)]),
+    className: cx([`${blockClass}__illustration`, `${blockClass}__illustration-unauthorized`, `${blockClass}__illustration--${size}`]),
     role: "img",
     "aria-hidden": "true"
   }), /*#__PURE__*/React__default.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__b_dark_".concat(svgId),
+    id: `prefix__b_dark_${svgId}`,
     x1: 17.33,
     y1: 40.68,
     x2: 53.57,
@@ -46,7 +47,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__a_dark_".concat(svgId),
+    id: `prefix__a_dark_${svgId}`,
     x1: 37.21,
     y1: 61.49,
     x2: 71.41,
@@ -59,14 +60,14 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__c_dark_".concat(svgId),
+    id: `prefix__c_dark_${svgId}`,
     x1: 39.97,
     y1: 32.38,
     x2: 39.97,
     y2: 1.64,
-    xlinkHref: "#prefix__a_dark_".concat(svgId)
+    xlinkHref: `#prefix__a_dark_${svgId}`
   }), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__d_dark_".concat(svgId),
+    id: `prefix__d_dark_${svgId}`,
     x1: 24.58,
     y1: 44.68,
     x2: 51.62,
@@ -79,7 +80,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#262626"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__e_dark_".concat(svgId),
+    id: `prefix__e_dark_${svgId}`,
     x1: 32.72,
     y1: 45.46,
     x2: 38.82,
@@ -99,19 +100,19 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     d: "M20.28 60.39l10.27-5.94 30.8 17.79-10.26 5.93-30.81-17.78z"
   })), /*#__PURE__*/React__default.createElement("path", {
     d: "M61.16 32.9a1.44 1.44 0 00-.5-.51l-1.1-.64-28.48-16.44a.52.52 0 00-.5-.06l-10.11 5.83c-.11.07 2.16 28.77 2.16 28.77l4.3 2.79L61.26 33.1a1.24 1.24 0 00-.1-.2z",
-    fill: "url(#prefix__b_dark_".concat(svgId, ")")
+    fill: `url(#prefix__b_dark_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M61.16 62.45a.5.5 0 00.23-.48V33.64a1.38 1.38 0 00-.13-.54L26.93 52.64l24.12 15.64z",
-    fill: "url(#prefix__a_dark_".concat(svgId, ")")
+    fill: `url(#prefix__a_dark_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M46.88 31.4a.85.85 0 00.5.69 2.69 2.69 0 002.41 0 .85.85 0 00.49-.7V18.27c0-5.39-4.15-12-9.46-15.07-3-1.76-6-2-8.22-.78-1.9 1.09-3 3.19-3 5.89V21.5a.85.85 0 00.5.7 2.67 2.67 0 002.4 0 .87.87 0 00.5-.7V8.31a3.29 3.29 0 011.3-2.95c1.08-.62 2.88-.33 4.82.79 4.21 2.43 7.76 8 7.76 12.12z",
-    fill: "url(#prefix__c_dark_".concat(svgId, ")")
+    fill: `url(#prefix__c_dark_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M50.56 38.22l-1.1-.63L21 21.14a.44.44 0 00-.72.42v28.33a1.49 1.49 0 00.23.74 1.42 1.42 0 00.49.51l28.46 16.45 1.1.63a.5.5 0 00.49.06.49.49 0 00.23-.47V39.47a1.61 1.61 0 00-.72-1.25z",
-    fill: "url(#prefix__d_dark_".concat(svgId, ")")
+    fill: `url(#prefix__d_dark_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M38 41.63a5 5 0 00-2.25-3.9c-1.25-.72-2.26-.13-2.26 1.3a4.73 4.73 0 00.84 2.5l-.84 5.31 4.51 2.6-.84-6.27a1.48 1.48 0 00.84-1.54z",
-    fill: "url(#prefix__e_dark_".concat(svgId, ")")
+    fill: `url(#prefix__e_dark_${svgId})`
   }), _path3 || (_path3 = /*#__PURE__*/React__default.createElement("path", {
     d: "M51.41 38.51a1.9 1.9 0 00-.64-.65l-1.1-.63-28.49-16.45-.1-.05-.61.35a.33.33 0 01.17 0 .6.6 0 01.32.1l28.5 16.41 1.1.63a1.5 1.5 0 01.49.51s.05.09.08.14l.36-.21z",
     fill: "#6f6f6f"
@@ -130,7 +131,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopOpacity: 0.1
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__c_".concat(svgId),
+    id: `prefix__c_${svgId}`,
     x1: 17.33,
     y1: 40.68,
     x2: 53.57,
@@ -146,7 +147,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__d_".concat(svgId),
+    id: `prefix__d_${svgId}`,
     x1: 28.59,
     y1: 16.01,
     x2: 58.88,
@@ -174,7 +175,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#8d8d8d"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__a_".concat(svgId),
+    id: `prefix__a_${svgId}`,
     x1: 26.93,
     y1: 50.69,
     x2: 61.39,
@@ -187,14 +188,14 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__e_".concat(svgId),
+    id: `prefix__e_${svgId}`,
     x1: 39.97,
     y1: 32.38,
     x2: 39.97,
     y2: 1.64,
-    xlinkHref: "#prefix__a_".concat(svgId)
+    xlinkHref: `#prefix__a_${svgId}`
   }), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__f_".concat(svgId),
+    id: `prefix__f_${svgId}`,
     x1: 24.58,
     y1: 44.68,
     x2: 51.62,
@@ -207,7 +208,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__g_".concat(svgId),
+    id: `prefix__g_${svgId}`,
     x1: 32.72,
     y1: 45.46,
     x2: 38.82,
@@ -220,7 +221,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#8d8d8d"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__h_".concat(svgId),
+    id: `prefix__h_${svgId}`,
     x1: 20.61,
     y1: 20.85,
     x2: 52.7,
@@ -273,29 +274,29 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     fill: "none",
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__b_".concat(svgId, ")"),
+    fill: `url(#prefix__b_${svgId})`,
     d: "M20.28 60.39l10.27-5.94 30.8 17.79-10.26 5.93-30.81-17.78z"
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M61.16 32.9a1.44 1.44 0 00-.5-.51l-1.1-.64-28.48-16.44a.52.52 0 00-.5-.06l-10.11 5.83c-.11.07 2.16 28.77 2.16 28.77l4.3 2.79L61.26 33.1a1.24 1.24 0 00-.1-.2z",
-    fill: "url(#prefix__c_".concat(svgId, ")")
+    fill: `url(#prefix__c_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M61.16 62.45a.5.5 0 00.23-.48V33.64a1.38 1.38 0 00-.13-.54L26.93 52.64l24.12 15.64z",
-    fill: "url(#prefix__d_".concat(svgId, ")")
+    fill: `url(#prefix__d_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M61.16 62.45a.5.5 0 00.23-.48V33.64a1.38 1.38 0 00-.13-.54L26.93 52.64l24.12 15.64z",
-    fill: "url(#prefix__a_".concat(svgId, ")")
+    fill: `url(#prefix__a_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M46.88 31.4a.85.85 0 00.5.69 2.69 2.69 0 002.41 0 .85.85 0 00.49-.7V18.27c0-5.39-4.15-12-9.46-15.07-3-1.76-6-2-8.22-.78-1.9 1.09-3 3.19-3 5.89V21.5a.85.85 0 00.5.7 2.67 2.67 0 002.4 0 .87.87 0 00.5-.7V8.31a3.29 3.29 0 011.3-2.95c1.08-.62 2.88-.33 4.82.79 4.21 2.43 7.76 8 7.76 12.12z",
-    fill: "url(#prefix__e_".concat(svgId, ")")
+    fill: `url(#prefix__e_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M50.56 38.22l-1.1-.63L21 21.14a.44.44 0 00-.72.42v28.33a1.49 1.49 0 00.23.74 1.42 1.42 0 00.49.51l28.46 16.45 1.1.63a.5.5 0 00.49.06.49.49 0 00.23-.47V39.47a1.61 1.61 0 00-.72-1.25z",
-    fill: "url(#prefix__f_".concat(svgId, ")")
+    fill: `url(#prefix__f_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M38 41.63a5 5 0 00-2.25-3.9c-1.25-.72-2.26-.13-2.26 1.3a4.73 4.73 0 00.84 2.5l-.84 5.31 4.51 2.6-.84-6.27a1.48 1.48 0 00.84-1.54z",
-    fill: "url(#prefix__g_".concat(svgId, ")")
+    fill: `url(#prefix__g_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M51.41 38.51a1.9 1.9 0 00-.64-.65l-1.1-.63-28.49-16.45-.1-.05-.61.35a.33.33 0 01.17 0 .6.6 0 01.32.1l28.5 16.41 1.1.63a1.5 1.5 0 01.49.51s.05.09.08.14l.36-.21z",
-    fill: "url(#prefix__h_".concat(svgId, ")")
+    fill: `url(#prefix__h_${svgId})`
   })));
 };
 UnauthorizedIllustration.propTypes = {

package/es/components/ExportModal/ExportModal.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { unstable_FeatureFlags, ComposedModal, ModalHeader, ModalBody, FormGroup, RadioButtonGroup, RadioButton, TextInput, PasswordInput, Loading, ModalFooter, Button } from '@carbon/react';
 import { CheckmarkFilled, ErrorFilled } from '@carbon/react/icons';
 import React__default, { forwardRef, useState, useEffect, useRef } from 'react';
@@ -17,114 +17,105 @@ import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
 import uuidv4 from '../../global/js/utils/uuidv4.js';
 
 var _Loading;
-var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "portalTarget", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "triggerButtonRef", "validExtensions"];
-var componentName = 'ExportModal';
+const componentName = 'ExportModal';
 
 // Default values for props
-var defaults = {
+const defaults = {
   preformattedExtensions: Object.freeze([]),
   validExtensions: Object.freeze([])
 };
 /**
  * Modal dialog version of the export pattern
  */
-var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var body = _ref.body,
-    className = _ref.className,
-    error = _ref.error,
-    errorMessage = _ref.errorMessage,
-    filename = _ref.filename,
-    hidePasswordLabel = _ref.hidePasswordLabel,
-    inputLabel = _ref.inputLabel,
-    _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? 'text' : _ref$inputType,
-    invalidInputText = _ref.invalidInputText,
-    loading = _ref.loading,
-    loadingMessage = _ref.loadingMessage,
-    onClose = _ref.onClose,
-    onRequestSubmit = _ref.onRequestSubmit,
-    open = _ref.open,
-    portalTargetIn = _ref.portalTarget,
-    _ref$preformattedExte = _ref.preformattedExtensions,
-    preformattedExtensions = _ref$preformattedExte === void 0 ? defaults.preformattedExtensions : _ref$preformattedExte,
-    preformattedExtensionsLabel = _ref.preformattedExtensionsLabel,
-    primaryButtonText = _ref.primaryButtonText,
-    secondaryButtonText = _ref.secondaryButtonText,
-    showPasswordLabel = _ref.showPasswordLabel,
-    successMessage = _ref.successMessage,
-    successful = _ref.successful,
-    title = _ref.title,
-    triggerButtonRef = _ref.triggerButtonRef,
-    _ref$validExtensions = _ref.validExtensions,
-    validExtensions = _ref$validExtensions === void 0 ? defaults.validExtensions : _ref$validExtensions,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var blockClass = "".concat(pkg.prefix, "--export-modal");
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    name = _useState2[0],
-    setName = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dirtyInput = _useState4[0],
-    setDirtyInput = _useState4[1];
+let ExportModal = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    // The component props, in alphabetical order (for consistency).
+
+    body,
+    className,
+    error,
+    errorMessage,
+    filename,
+    hidePasswordLabel,
+    inputLabel,
+    inputType = 'text',
+    invalidInputText,
+    loading,
+    loadingMessage,
+    onClose,
+    onRequestSubmit,
+    open,
+    portalTarget: portalTargetIn,
+    preformattedExtensions = defaults.preformattedExtensions,
+    preformattedExtensionsLabel,
+    primaryButtonText,
+    secondaryButtonText,
+    showPasswordLabel,
+    successMessage,
+    successful,
+    title,
+    triggerButtonRef,
+    validExtensions = defaults.validExtensions,
+    // Collect any other property values passed in.
+    ...rest
+  } = _ref;
+  const blockClass = `${pkg.prefix}--export-modal`;
+  const [name, setName] = useState('');
+  const [dirtyInput, setDirtyInput] = useState(false);
   // by default (if it exists) use the first extension in the extension array
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    extension = _useState6[0],
-    setExtension = _useState6[1];
-  var renderPortalUse = usePortalTarget(portalTargetIn);
-  useEffect(function () {
-    var _preformattedExtensio;
+  const [extension, setExtension] = useState('');
+  const renderPortalUse = usePortalTarget(portalTargetIn);
+  useEffect(() => {
     setName(filename);
-    if (preformattedExtensions && preformattedExtensions.length > 0 && (_preformattedExtensio = preformattedExtensions[0]) !== null && _preformattedExtensio !== void 0 && _preformattedExtensio.extension) {
-      var _preformattedExtensio2;
-      setExtension(preformattedExtensions === null || preformattedExtensions === void 0 || (_preformattedExtensio2 = preformattedExtensions[0]) === null || _preformattedExtensio2 === void 0 ? void 0 : _preformattedExtensio2.extension);
+    if (preformattedExtensions && preformattedExtensions.length > 0 && preformattedExtensions[0]?.extension) {
+      setExtension(preformattedExtensions?.[0]?.extension);
     }
   }, [filename, preformattedExtensions, open]);
-  useEffect(function () {
+  useEffect(() => {
     if (successful) {
-      var button = document.querySelector(".".concat(blockClass, " .").concat(carbon.prefix, "--modal-close-button button"));
-      button === null || button === void 0 || button.focus();
+      const button = document.querySelector(`.${blockClass} .${carbon.prefix}--modal-close-button button`);
+      button?.focus();
     }
   }, [successful, blockClass]);
-  var onNameChangeHandler = function onNameChangeHandler(evt) {
+  const onNameChangeHandler = evt => {
     setName(evt.target.value);
   };
-  var onExtensionChangeHandler = function onExtensionChangeHandler(value) {
+  const onExtensionChangeHandler = value => {
     setExtension(value);
   };
-  var onBlurHandler = function onBlurHandler() {
+  const onBlurHandler = () => {
     setDirtyInput(true);
   };
-  var onSubmitHandler = function onSubmitHandler() {
-    var returnName = extension ? "".concat(filename, ".").concat(extension.toLocaleLowerCase()) : name;
-    onRequestSubmit === null || onRequestSubmit === void 0 || onRequestSubmit(returnName);
+  const onSubmitHandler = () => {
+    const returnName = extension ? `${filename}.${extension.toLocaleLowerCase()}` : name;
+    onRequestSubmit?.(returnName);
   };
-  var hasInvalidExtension = function hasInvalidExtension() {
+  const hasInvalidExtension = () => {
     if (!dirtyInput || !validExtensions || !validExtensions.length) {
       return false;
     }
     if (!name.includes('.')) {
       return true;
     }
-    var ext = name.split('.').pop();
+    const ext = name.split('.').pop();
     if (!validExtensions.includes(ext)) {
       return true;
     }
     return false;
   };
-  var internalId = useRef(uuidv4());
-  var primaryButtonDisabled = loading || !name || hasInvalidExtension();
-  var submitted = loading || error || successful;
-  var commonInputProps = _defineProperty({
-    id: "text-input--".concat(internalId.current),
+  const internalId = useRef(uuidv4());
+  const primaryButtonDisabled = loading || !name || hasInvalidExtension();
+  const submitted = loading || error || successful;
+  const commonInputProps = {
+    id: `text-input--${internalId.current}`,
     value: name,
     onChange: onNameChangeHandler,
     labelText: inputLabel,
     invalid: hasInvalidExtension(),
     invalidText: invalidInputText,
-    onBlur: onBlurHandler
-  }, 'data-modal-primary-focus', true);
+    onBlur: onBlurHandler,
+    ['data-modal-primary-focus']: true
+  };
   return renderPortalUse(/*#__PURE__*/React__default.createElement(unstable_FeatureFlags, {
     enableExperimentalFocusWrapWithoutSentinels: true
   }, /*#__PURE__*/React__default.createElement(ComposedModal, _extends({}, rest, {
@@ -132,19 +123,18 @@ var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-label": title,
     size: "sm",
     preventCloseOnClickOutside: true,
-    launcherButtonRef: triggerButtonRef
-  }, _objectSpread2({
-    open: open,
-    ref: ref,
-    onClose: onClose
-  }, getDevtoolsProps(componentName))), /*#__PURE__*/React__default.createElement(ModalHeader, {
-    className: "".concat(blockClass, "__header"),
+    launcherButtonRef: triggerButtonRef,
+    open,
+    ref,
+    onClose
+  }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement(ModalHeader, {
+    className: `${blockClass}__header`,
     closeModal: onClose,
     title: title
   }), /*#__PURE__*/React__default.createElement(ModalBody, {
-    className: "".concat(blockClass, "__body-container")
+    className: `${blockClass}__body-container`
   }, !submitted && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, body && /*#__PURE__*/React__default.createElement("p", {
-    className: "".concat(blockClass, "__body")
+    className: `${blockClass}__body`
   }, body), preformattedExtensions.length ? /*#__PURE__*/React__default.createElement(FormGroup, {
     legendText: preformattedExtensionsLabel
   }, /*#__PURE__*/React__default.createElement(RadioButtonGroup, {
@@ -152,23 +142,21 @@ var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange: onExtensionChangeHandler,
     valueSelected: extension,
     name: "extensions"
-  }, preformattedExtensions.map(function (o) {
-    return /*#__PURE__*/React__default.createElement(RadioButton, {
-      key: o.extension,
-      id: o.extension,
-      value: o.extension,
-      labelText: "".concat(o.extension, " (").concat(o.description, ")"),
-      "data-modal-primary-focus": true
-    });
-  }))) : /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__input-container")
+  }, preformattedExtensions.map(o => /*#__PURE__*/React__default.createElement(RadioButton, {
+    key: o.extension,
+    id: o.extension,
+    value: o.extension,
+    labelText: `${o.extension} (${o.description})`,
+    "data-modal-primary-focus": true
+  })))) : /*#__PURE__*/React__default.createElement("div", {
+    className: `${blockClass}__input-container`
   }, inputType === 'text' ? /*#__PURE__*/React__default.createElement(TextInput, commonInputProps) : /*#__PURE__*/React__default.createElement(PasswordInput, _extends({}, commonInputProps, {
     showPasswordLabel: showPasswordLabel,
     hidePasswordLabel: hidePasswordLabel,
     tooltipPosition: "left"
   })))), /*#__PURE__*/React__default.createElement("div", {
     "aria-live": "polite",
-    className: "".concat(blockClass, "__messaging")
+    className: `${blockClass}__messaging`
   }, loading && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _Loading || (_Loading = /*#__PURE__*/React__default.createElement(Loading, {
     "aria-live": "off",
     description: "",
@@ -176,12 +164,12 @@ var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     withOverlay: false
   })), /*#__PURE__*/React__default.createElement("p", null, loadingMessage)), successful && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CheckmarkFilled, {
     size: 16,
-    className: "".concat(blockClass, "__checkmark-icon")
+    className: `${blockClass}__checkmark-icon`
   }), /*#__PURE__*/React__default.createElement("p", null, successMessage)), error && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ErrorFilled, {
     size: 16,
-    className: "".concat(blockClass, "__error-icon")
+    className: `${blockClass}__error-icon`
   }), /*#__PURE__*/React__default.createElement("p", null, errorMessage)))), !submitted && /*#__PURE__*/React__default.createElement(ModalFooter, {
-    className: "".concat(blockClass, "__footer")
+    className: `${blockClass}__footer`
   }, /*#__PURE__*/React__default.createElement(Button, {
     type: "button",
     kind: "secondary",

package/es/components/ExpressiveCard/ExpressiveCard.d.ts

@@ -1,16 +1,9 @@
 import React, { PropsWithChildren, ReactNode } from 'react';
 import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
-type ActionIcon = {
-    id?: string;
-    icon?: () => void | object;
-    onKeydown?: () => void;
-    onClick?: () => void;
-    iconDescription?: string;
-    href?: string;
-};
+import { ActionIcon } from '../Card/Card';
 export interface ExpressiveCardProps extends PropsWithChildren {
     /**
-     * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
+     * Icons that are displayed on the card. Refer to design documentation for implementation guidelines. Note: href is deprecated. Set link.href for href functionality. If you are setting link object, href is a required property. link object supports all anchor element properties. Precedence: link.href > href. If link.href or href is set => anchor element, else button.
      */
     actionIcons?: ActionIcon[];
     /**
@@ -100,4 +93,3 @@ export interface ExpressiveCardProps extends PropsWithChildren {
     title?: string | object | ReactNode;
 }
 export declare let ExpressiveCard: React.ForwardRefExoticComponent<ExpressiveCardProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/ExpressiveCard/ExpressiveCard.js

@@ -13,9 +13,9 @@ import { pkg } from '../../settings.js';
 import { prepareProps } from '../../global/js/utils/props-helper.js';
 import { Card } from '../Card/Card.js';
 
-var componentName = 'ExpressiveCard';
-var ExpressiveCard = /*#__PURE__*/forwardRef(function (props, ref) {
-  var validProps = prepareProps(props, ['actionIconsPosition', 'overflowActions', 'productive', 'titleSize']);
+const componentName = 'ExpressiveCard';
+let ExpressiveCard = /*#__PURE__*/forwardRef((props, ref) => {
+  const validProps = prepareProps(props, ['actionIconsPosition', 'overflowActions', 'productive', 'titleSize']);
   return /*#__PURE__*/React__default.createElement(Card, _extends({
     ref: ref
   }, validProps, getDevtoolsProps(componentName)));
@@ -25,7 +25,7 @@ var ExpressiveCard = /*#__PURE__*/forwardRef(function (props, ref) {
 ExpressiveCard = pkg.checkComponentEnabled(ExpressiveCard, componentName);
 ExpressiveCard.propTypes = {
   /**
-   * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
+   * Icons that are displayed on the card. Refer to design documentation for implementation guidelines. Note: href is deprecated. Set link.href for href functionality. If you are setting link object, href is a required property. link object supports all anchor element properties. Precedence: link.href > href. If link.href or href is set => anchor element, else button.
    */
   /**@ts-ignore */
   actionIcons: PropTypes.arrayOf(PropTypes.shape({
@@ -34,7 +34,13 @@ ExpressiveCard.propTypes = {
     onKeyDown: PropTypes.func,
     onClick: PropTypes.func,
     iconDescription: PropTypes.string,
-    href: PropTypes.string
+    /**
+     * @deprecated please use the `link.href` instead
+     */
+    href: PropTypes.string,
+    link: PropTypes.shape({
+      href: PropTypes.string.isRequired
+    })
   })),
   /**
    * Content that shows in the body of the card