npm - @carbon/ibm-products - Versions diffs - 2.43.2-canary.271 → 2.43.2-canary.278 - Mend

@carbon/ibm-products 2.43.2-canary.271 → 2.43.2-canary.278

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (460) hide show

package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js CHANGED Viewed

@@ -8,7 +8,7 @@
 'use strict';
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var React = require('react');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');

package/lib/components/MultiAddSelect/MultiAddSelect.js CHANGED Viewed

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var AddSelect = require('../AddSelect/AddSelect.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/Nav/Nav.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var NavList = require('./NavList.js');
 var NavItem = require('./NavItem.js');

package/lib/components/Nav/NavItem.js CHANGED Viewed

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');

package/lib/components/Nav/NavItemLink.js CHANGED Viewed

@@ -10,7 +10,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var React = require('react');
 var _excluded = ["element"];

package/lib/components/Nav/NavList.js CHANGED Viewed

@@ -12,7 +12,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cx = require('classnames');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var NavItem = require('./NavItem.js');
 var settings = require('../../settings.js');
 var bucket2 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-2.js');

package/lib/components/NonLinearReading/NonLinearReading.js CHANGED Viewed

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var icons = require('@carbon/react/icons');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/NotificationsPanel/NotificationsPanel.js CHANGED Viewed

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/OptionsTile/OptionsTile.js CHANGED Viewed

@@ -12,7 +12,7 @@ var carbonMotion = require('@carbon/motion');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/PageHeader/PageHeader.js CHANGED Viewed

@@ -16,7 +16,7 @@ var PageHeaderUtils = require('./PageHeaderUtils.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var icons = require('@carbon/react/icons');
 var PageHeaderTitle = require('./PageHeaderTitle.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/PageHeader/PageHeaderTitle.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var EditInPlace = require('../EditInPlace/EditInPlace.js');

package/lib/components/ProductiveCard/ProductiveCard.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');

package/lib/components/RemoveModal/RemoveModal.js CHANGED Viewed

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/Saving/Saving.js CHANGED Viewed

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/ScrollGradient/ScrollGradient.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/SearchBar/SearchBar.js CHANGED Viewed

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/SidePanel/SidePanel.js CHANGED Viewed

@@ -14,7 +14,7 @@ var react = require('@carbon/react');
 var React = require('react');
 var variants = require('./motion/variants.js');
 var ActionSet = require('../ActionSet/ActionSet.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var constants = require('./constants.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var cx = require('classnames');

package/lib/components/SimpleHeader/SimpleHeader.js CHANGED Viewed

@@ -8,7 +8,7 @@
 'use strict';
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var React = require('react');
 var cx = require('classnames');
 var settings = require('../../settings.js');

package/lib/components/SingleAddSelect/SingleAddSelect.js CHANGED Viewed

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var AddSelect = require('../AddSelect/AddSelect.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');

package/lib/components/StatusIcon/StatusIcon.js CHANGED Viewed

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var icons = require('@carbon/react/icons');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/StatusIndicator/StatusIndicator.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/StatusIndicator/StatusIndicatorStep.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js CHANGED Viewed

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var lottie = require('lottie-web');
 var clamp = require('lodash/clamp');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/StringFormatter/StringFormatter.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/TagOverflow/TagOverflow.d.ts CHANGED Viewed

@@ -16,6 +16,7 @@ export interface TagOverflowItem {
 }
 export interface TagOverflowProps {
     align?: 'start' | 'center' | 'end';
+    allTagsModalAriaLabel?: string;
     allTagsModalSearchLabel?: string;
     allTagsModalSearchPlaceholderText?: string;
     allTagsModalTarget?: ReactNode;

package/lib/components/TagOverflow/TagOverflow.js CHANGED Viewed

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var constants = require('./constants.js');
 var TagOverflowModal = require('./TagOverflowModal.js');
 var TagOverflowPopover = require('./TagOverflowPopover.js');
@@ -20,7 +20,7 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
 var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
-var _excluded = ["align", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTarget", "allTagsModalTitle", "autoAlign", "className", "containingElementRef", "items", "maxVisible", "measurementOffset", "multiline", "overflowAlign", "overflowClassName", "overflowType", "onOverflowTagChange", "showAllTagsLabel", "tagComponent"],
+var _excluded = ["align", "allTagsModalAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTarget", "allTagsModalTitle", "autoAlign", "className", "containingElementRef", "items", "maxVisible", "measurementOffset", "multiline", "overflowAlign", "overflowClassName", "overflowType", "onOverflowTagChange", "showAllTagsLabel", "tagComponent"],
   _excluded2 = ["className", "id"],
   _excluded3 = ["tagType"],
   _excluded4 = ["id", "label", "tagType", "onClose"];
@@ -30,6 +30,7 @@ var allTagsModalSearchThreshold = 10;
 exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$align = props.align,
     align = _props$align === void 0 ? 'start' : _props$align,
+    allTagsModalAriaLabel = props.allTagsModalAriaLabel,
     allTagsModalSearchLabel = props.allTagsModalSearchLabel,
     allTagsModalSearchPlaceholderText = props.allTagsModalSearchPlaceholderText,
     allTagsModalTarget = props.allTagsModalTarget,
@@ -220,6 +221,7 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
     allTags: items,
     open: showAllModalOpen,
     title: allTagsModalTitle,
+    modalAriaLabel: allTagsModalAriaLabel,
     onClose: handleModalClose,
     overflowType: overflowType,
     searchLabel: allTagsModalSearchLabel,
@@ -253,6 +255,10 @@ exports.TagOverflow.propTypes = {
    * align the Tags displayed by the TagSet. Default start.
    */
   align: index.default.oneOf(['start', 'center', 'end']),
+  /**
+   * aria label for all tags modal with hasScrollingContent
+   */
+  allTagsModalAriaLabel: index.default.string,
   /**
    * label text for the show all search. **Note: Required if more than 10 tags**
    */

package/lib/components/TagOverflow/TagOverflowModal.d.ts CHANGED Viewed

@@ -9,6 +9,7 @@ type AllTags = (TagType & Omit<React.ComponentProps<Tag>, 'filter'>)[];
 interface TagOverflowModalProps {
     allTags?: AllTags;
     className?: string;
+    modalAriaLabel?: string;
     onClose?: () => void;
     open?: boolean;
     overflowType?: 'default' | 'tag';
@@ -18,7 +19,7 @@ interface TagOverflowModalProps {
     title?: string;
 }
 export declare const TagOverflowModal: {
-    ({ allTags, className, title, onClose, open, overflowType, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagOverflowModalProps): any;
+    ({ allTags, className, title, modalAriaLabel, onClose, open, overflowType, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagOverflowModalProps): any;
     propTypes: {
         allTags: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Validator<string>;

package/lib/components/TagOverflow/TagOverflowModal.js CHANGED Viewed

@@ -9,19 +9,21 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
-var _excluded = ["allTags", "className", "title", "onClose", "open", "overflowType", "portalTarget", "searchLabel", "searchPlaceholder"];
+var _excluded = ["allTags", "className", "title", "modalAriaLabel", "onClose", "open", "overflowType", "portalTarget", "searchLabel", "searchPlaceholder"];
 var componentName = 'TagOverflowModal';
 var blockClass = "".concat(settings.pkg.prefix, "--tag-overflow-modal");
 // Default values for props
 var defaults = {
+  // required for accessibility if using hasScrollingContent
+  modalAriaLabel: 'List of all tags',
   // marked as required by TagSet if needed, default used to satisfy <Search /> component
   searchLabel: ''
 };
@@ -29,6 +31,8 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
   var allTags = _ref.allTags,
     className = _ref.className,
     title = _ref.title,
+    _ref$modalAriaLabel = _ref.modalAriaLabel,
+    modalAriaLabel = _ref$modalAriaLabel === void 0 ? defaults.modalAriaLabel : _ref$modalAriaLabel,
     onClose = _ref.onClose,
     open = _ref.open,
     overflowType = _ref.overflowType,
@@ -74,7 +78,9 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
     size: "lg"
   })), /*#__PURE__*/React.createElement(react.ModalBody, {
     className: "".concat(blockClass, "__body"),
-    hasForm: true
+    hasForm: true,
+    hasScrollingContent: true,
+    "aria-label": modalAriaLabel
   }, getFilteredItems().map(function (_ref2) {
     var label = _ref2.label,
       id = _ref2.id,
@@ -84,9 +90,9 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
       key: id,
       filter: isFilterable
     }, label);
-  })), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__fade")
-  })));
+  }))));
 };
 TagOverflowModal.propTypes = {
   allTags: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {

package/lib/components/TagOverflow/TagOverflowPopover.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var settings = require('../../settings.js');
@@ -71,12 +71,13 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     highContrast: true,
     onKeyDown: handleEscKeyPress,
     open: popoverOpen
-  }, /*#__PURE__*/React.createElement(react.Tag, {
+  }, /*#__PURE__*/React.createElement(react.OperationalTag, {
     onClick: function onClick() {
       return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
     },
-    className: cx("".concat(blockClass, "__trigger"))
-  }, "+", overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length), /*#__PURE__*/React.createElement(react.PopoverContent, null, /*#__PURE__*/React.createElement("div", {
+    className: cx("".concat(blockClass, "__trigger")),
+    text: "+".concat(overflowTags.length)
+  }), /*#__PURE__*/React.createElement(react.PopoverContent, null, /*#__PURE__*/React.createElement("div", {
     ref: overflowTagContent,
     className: "".concat(blockClass, "__content")
   }, /*#__PURE__*/React.createElement("ul", {

package/lib/components/TagSet/TagSet.d.ts CHANGED Viewed

@@ -12,6 +12,10 @@ export interface TagSetProps extends PropsWithChildren {
      * align the Tags displayed by the TagSet. Default start.
      */
     align?: Align;
+    /**
+     * aria label for all tags modal with hasScrollingContent
+     */
+    allTagsModalAriaLabel?: string;
     /**
      * label text for the show all search.
      */

package/lib/components/TagSet/TagSet.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var react = require('@carbon/react');
 var TagSetModal = require('./TagSetModal.js');
 var TagSetOverflow = require('./TagSetOverflow.js');
@@ -19,7 +19,7 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
 var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
-var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAutoAlign", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags", "containingElementRef", "measurementOffset", "onOverflowTagChange"],
+var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAutoAlign", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalAriaLabel", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags", "containingElementRef", "measurementOffset", "onOverflowTagChange"],
   _excluded2 = ["label", "id"],
   _excluded3 = ["label", "onClose"];
 var componentName = 'TagSet';
@@ -47,6 +47,7 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     overflowClassName = _ref.overflowClassName,
     _ref$overflowType = _ref.overflowType,
     overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
+    allTagsModalAriaLabel = _ref.allTagsModalAriaLabel,
     _ref$allTagsModalTitl = _ref.allTagsModalTitle,
     allTagsModalTitle = _ref$allTagsModalTitl === void 0 ? 'All tags' : _ref$allTagsModalTitl,
     _ref$allTagsModalSear = _ref.allTagsModalSearchLabel,
@@ -250,6 +251,7 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     allTags: tags,
     open: showAllModalOpen,
     title: allTagsModalTitle,
+    modalAriaLabel: allTagsModalAriaLabel,
     onClose: handleModalClose,
     searchLabel: allTagsModalSearchLabel,
     searchPlaceholder: allTagsModalSearchPlaceholderText,
@@ -291,6 +293,10 @@ exports.TagSet.propTypes = {
    * align the Tags displayed by the TagSet. Default start.
    */
   align: index.default.oneOf(['start', 'center', 'end']),
+  /**
+   * aria label for all tags modal with hasScrollingContent
+   */
+  allTagsModalAriaLabel: index.default.string,
   /**
    * label text for the show all search.
    */

package/lib/components/TagSet/TagSetModal.d.ts CHANGED Viewed

@@ -9,6 +9,7 @@ type AllTags = TagType[] & Omit<React.ComponentProps<Tag>, 'filter'>[];
 interface TagSetModalProps {
     allTags?: AllTags;
     className?: string;
+    modalAriaLabel?: string;
     onClose?: () => void;
     open?: boolean;
     portalTarget?: ReactNode;
@@ -17,7 +18,7 @@ interface TagSetModalProps {
     title?: string;
 }
 export declare const TagSetModal: {
-    ({ allTags, className, title, onClose, open, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagSetModalProps): any;
+    ({ allTags, className, title, modalAriaLabel, onClose, open, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagSetModalProps): any;
     propTypes: {
         allTags: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Validator<string>;

package/lib/components/TagSet/TagSetModal.js CHANGED Viewed

@@ -9,20 +9,22 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
-var _excluded = ["allTags", "className", "title", "onClose", "open", "portalTarget", "searchLabel", "searchPlaceholder"],
+var _excluded = ["allTags", "className", "title", "modalAriaLabel", "onClose", "open", "portalTarget", "searchLabel", "searchPlaceholder"],
   _excluded2 = ["label"];
 var componentName = 'TagSetModal';
 var blockClass = "".concat(settings.pkg.prefix, "--tag-set-modal");
 // Default values for props
 var defaults = {
+  // required for accessibility if using hasScrollingContent
+  modalAriaLabel: 'List of all tags',
   // marked as required by TagSet if needed, default used to satisfy <Search /> component
   searchLabel: ''
 };
@@ -30,6 +32,8 @@ var TagSetModal = function TagSetModal(_ref) {
   var allTags = _ref.allTags,
     className = _ref.className,
     title = _ref.title,
+    _ref$modalAriaLabel = _ref.modalAriaLabel,
+    modalAriaLabel = _ref$modalAriaLabel === void 0 ? defaults.modalAriaLabel : _ref$modalAriaLabel,
     onClose = _ref.onClose,
     open = _ref.open,
     portalTargetIn = _ref.portalTarget,
@@ -87,7 +91,9 @@ var TagSetModal = function TagSetModal(_ref) {
     size: "lg"
   })), /*#__PURE__*/React.createElement(react.ModalBody, {
     className: "".concat(blockClass, "__body"),
-    hasForm: true
+    hasForm: true,
+    hasScrollingContent: true,
+    "aria-label": modalAriaLabel
   }, filteredModalTags.map(function (_ref2, index) {
     var label = _ref2.label,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
@@ -95,9 +101,9 @@ var TagSetModal = function TagSetModal(_ref) {
       filter: false,
       key: "all-tags-".concat(index)
     }), label);
-  })), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__fade")
-  })));
+  }))));
 };
 TagSetModal.propTypes = {
   allTags: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {

package/lib/components/TagSet/TagSetOverflow.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var settings = require('../../settings.js');

package/lib/components/Tearsheet/Tearsheet.js CHANGED Viewed

@@ -12,7 +12,7 @@ var react = require('@carbon/react');
 var React = require('react');
 var TearsheetShell = require('./TearsheetShell.js');
 var ActionSet = require('../ActionSet/ActionSet.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/Tearsheet/TearsheetNarrow.js CHANGED Viewed

@@ -13,7 +13,7 @@ var TearsheetShell = require('./TearsheetShell.js');
 var React = require('react');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var ActionSet = require('../ActionSet/ActionSet.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');

package/lib/components/Tearsheet/TearsheetShell.js CHANGED Viewed

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 var pconsole = require('../../global/js/utils/pconsole.js');

package/lib/components/Toolbar/Toolbar.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var getFocusableElements = require('../../global/js/utils/getFocusableElements.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');

package/lib/components/Toolbar/ToolbarButton.js CHANGED Viewed

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Toolbar = require('./Toolbar.js');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var react = require('@carbon/react');
 var cx = require('classnames');
 var settings = require('../../settings.js');

package/lib/components/Toolbar/ToolbarGroup.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var Toolbar = require('./Toolbar.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');

package/lib/components/TooltipTrigger/TooltipTrigger.js CHANGED Viewed

@@ -9,7 +9,7 @@
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');