@carbon/ibm-products 2.43.2-canary.235 → 2.43.2-canary.238

package/es/components/CreateFullPage/CreateFullPage.js

@@ -6,7 +6,7 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { Form, ComposedModal, ModalHeader, ModalBody, ModalFooter, Button } from '@carbon/react';
+import { Tooltip, Form, ComposedModal, ModalHeader, ModalBody, ModalFooter, Button } from '@carbon/react';
 import React__default, { useState, useEffect, createContext } from 'react';
 import { overflowAriaLabel_required_if_breadcrumbs_exist, SimpleHeader } from '../SimpleHeader/SimpleHeader.js';
 import { ActionSet } from '../ActionSet/ActionSet.js';
@@ -23,7 +23,7 @@ import { useResetCreateComponent } from '../../global/js/hooks/useResetCreateCom
 import { useCreateComponentStepChange } from '../../global/js/hooks/useCreateComponentStepChange.js';
 import { CreateInfluencer } from '../CreateInfluencer/CreateInfluencer.js';
 
-var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle"];
+var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle", "breadcrumbOverflowTooltipAlign"];
 var blockClass = "".concat(pkg.prefix, "--create-full-page");
 var componentName = 'CreateFullPage';
 
@@ -68,6 +68,8 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     noTrailingSlash = _ref.noTrailingSlash,
     title = _ref.title,
     secondaryTitle = _ref.secondaryTitle,
+    _ref$breadcrumbOverfl = _ref.breadcrumbOverflowTooltipAlign,
+    breadcrumbOverflowTooltipAlign = _ref$breadcrumbOverfl === void 0 ? 'right' : _ref$breadcrumbOverfl,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -190,7 +192,8 @@ var CreateFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     noTrailingSlash: noTrailingSlash,
     overflowAriaLabel: breadcrumbsOverflowAriaLabel,
     maxVisible: maxVisibleBreadcrumbs,
-    className: "".concat(blockClass, "__header")
+    className: "".concat(blockClass, "__header"),
+    overflowTooltipAlign: breadcrumbOverflowTooltipAlign
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__influencer-and-body-container")
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -273,6 +276,10 @@ CreateFullPage.propTypes = {
    * The back button text
    */
   backButtonText: PropTypes.string.isRequired,
+  /**
+   * align breadcrumb overflow tooltip
+   */
+  breadcrumbOverflowTooltipAlign: Tooltip.propTypes.align,
   /** The header breadcrumbs */
   /**@ts-ignore */
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({

package/es/components/SimpleHeader/SimpleHeader.d.ts

@@ -11,7 +11,7 @@ export const overflowAriaLabel_required_if_breadcrumbs_exist: (props: any, propN
  * The component will throw a warning message if neither a title or breadcrumbs are provided
  * since it requires at least one of them.
  * */
-export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, maxVisible, overflowAriaLabel, ...rest }: {
+export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, maxVisible, overflowAriaLabel, overflowTooltipAlign, ...rest }: {
     [x: string]: any;
     breadcrumbs: any;
     className: any;
@@ -19,6 +19,7 @@ export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, m
     noTrailingSlash?: boolean | undefined;
     maxVisible: any;
     overflowAriaLabel: any;
+    overflowTooltipAlign: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace SimpleHeader {
     namespace propTypes {
@@ -38,6 +39,7 @@ export namespace SimpleHeader {
         export let maxVisible: PropTypes.Requireable<number>;
         export let noTrailingSlash: PropTypes.Requireable<boolean>;
         export { overflowAriaLabel_required_if_breadcrumbs_exist as overflowAriaLabel };
+        export let overflowTooltipAlign: any;
         export let title: PropTypes.Requireable<string>;
     }
 }

package/es/components/SimpleHeader/SimpleHeader.js

@@ -12,9 +12,10 @@ import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import pconsole from '../../global/js/utils/pconsole.js';
 import { isRequiredIf } from '../../global/js/utils/props-helper.js';
+import { Tooltip } from '@carbon/react';
 import { BreadcrumbWithOverflow } from '../BreadcrumbWithOverflow/BreadcrumbWithOverflow.js';
 
-var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel"];
+var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel", "overflowTooltipAlign"];
 var blockClass = "".concat(pkg.prefix, "--simple-header");
 var componentName = 'SimpleHeader';
 /**
@@ -37,6 +38,7 @@ var SimpleHeader = function SimpleHeader(_ref) {
     noTrailingSlash = _ref$noTrailingSlash === void 0 ? true : _ref$noTrailingSlash,
     maxVisible = _ref.maxVisible,
     overflowAriaLabel = _ref.overflowAriaLabel,
+    overflowTooltipAlign = _ref.overflowTooltipAlign,
     rest = _objectWithoutProperties(_ref, _excluded);
   var warnIfNoTitleOrBreadcrumbs = useCallback(function () {
     if (!title && !(breadcrumbs !== null && breadcrumbs !== void 0 && breadcrumbs.length)) {
@@ -53,7 +55,8 @@ var SimpleHeader = function SimpleHeader(_ref) {
     className: cx("".concat(blockClass, "__breadcrumbs")),
     breadcrumbs: breadcrumbs,
     maxVisible: maxVisible,
-    overflowAriaLabel: overflowAriaLabel
+    overflowAriaLabel: overflowAriaLabel,
+    overflowTooltipAlign: overflowTooltipAlign
   }), title && /*#__PURE__*/React__default.createElement("h1", {
     className: cx("".concat(blockClass, "__title"))
   }, title));
@@ -84,6 +87,10 @@ SimpleHeader.propTypes = {
   noTrailingSlash: PropTypes.bool,
   /** Label for open/close overflow button used for breadcrumb items that do not fit */
   overflowAriaLabel: overflowAriaLabel_required_if_breadcrumbs_exist,
+  /**
+   * overflowTooltipAlign: align tooltip position
+   */
+  overflowTooltipAlign: Tooltip.propTypes.align,
   /** Header title */
   title: PropTypes.string
 };

package/es/components/TagSet/TagSet.js

@@ -129,11 +129,15 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     }
   }, [displayCount]);
   useEffect(function () {
+    var size = 'md';
     // create visible and overflow tags
     var newDisplayedTags = tags && tags.length > 0 ? tags.map(function (_ref3, index) {
       var label = _ref3.label,
         _onClose = _ref3.onClose,
         other = _objectWithoutProperties(_ref3, _excluded3);
+      if (index == tags.length - 1 && other.size) {
+        size = other.size;
+      }
       return /*#__PURE__*/React__default.createElement(Tag, _extends({}, other, {
         key: "displayed-tag-".concat(index),
         onClose: function onClose() {
@@ -161,6 +165,7 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       overflowAlign: overflowAlign,
       overflowType: overflowType,
       showAllTagsLabel: showAllTagsLabel,
+      size: size,
       key: "displayed-tag-overflow",
       ref: overflowTag,
       popoverOpen: popoverOpen,

package/es/components/TagSet/TagSetOverflow.d.ts

@@ -42,6 +42,10 @@ interface TagSetOverflowProps {
      * label for the overflow show all tags link
      */
     showAllTagsLabel?: string;
+    /**
+     * Size of the overflow tag
+     */
+    size?: string;
 }
 export declare const TagSetOverflow: React.ForwardRefExoticComponent<TagSetOverflowProps & {
     children?: React.ReactNode;

package/es/components/TagSet/TagSetOverflow.js

@@ -9,11 +9,11 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
 import React__default, { useRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
-import { Popover, Tag, PopoverContent, Link } from '@carbon/react';
+import { Popover, OperationalTag, PopoverContent, Link } from '@carbon/react';
 import { pkg } from '../../settings.js';
 import { useClickOutside } from '../../global/js/hooks/useClickOutside.js';
 
-var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowAutoAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"];
+var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowAutoAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen", "size"];
 var componentName = 'TagSetOverflow';
 var blockClass = "".concat(pkg.prefix, "--tag-set-overflow");
 
@@ -34,6 +34,7 @@ var TagSetOverflow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     showAllTagsLabel = _ref.showAllTagsLabel,
     popoverOpen = _ref.popoverOpen,
     setPopoverOpen = _ref.setPopoverOpen,
+    size = _ref.size,
     rest = _objectWithoutProperties(_ref, _excluded);
   var localRef = useRef(null);
   var overflowTagContent = useRef(null);
@@ -66,12 +67,14 @@ var TagSetOverflow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     onKeyDown: handleEscKeyPress,
     open: popoverOpen,
     autoAlign: overflowAutoAlign
-  }, /*#__PURE__*/React__default.createElement(Tag, {
+  }, /*#__PURE__*/React__default.createElement(OperationalTag, {
     onClick: function onClick() {
       return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
     },
-    className: cx("".concat(blockClass, "__popover-trigger"))
-  }, "+".concat(overflowTags.length)), /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement("div", {
+    className: cx("".concat(blockClass, "__popover-trigger")),
+    size: size,
+    text: "+".concat(overflowTags.length)
+  }), /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement("div", {
     ref: overflowTagContent,
     className: "".concat(blockClass, "__content")
   }, /*#__PURE__*/React__default.createElement("ul", {
@@ -141,7 +144,11 @@ TagSetOverflow.propTypes = {
   /**
    * label for the overflow show all tags link
    */
-  showAllTagsLabel: PropTypes.string
+  showAllTagsLabel: PropTypes.string,
+  /**
+   * Size of the overflow tag
+   */
+  size: PropTypes.string
 };
 
 export { TagSetOverflow };

package/lib/components/CreateFullPage/CreateFullPage.d.ts

@@ -27,6 +27,7 @@ type CreateFullPageBreadcrumbsProps = {
      * Label for open/close overflow button used for breadcrumb items that do not fit
      */
     breadcrumbsOverflowAriaLabel?: never;
+    breadcrumbOverflowTooltipAlign?: never;
 } | {
     /** The header breadcrumbs */
     breadcrumbs: HeaderBreadcrumbs;
@@ -34,6 +35,7 @@ type CreateFullPageBreadcrumbsProps = {
      * Label for open/close overflow button used for breadcrumb items that do not fit
      */
     breadcrumbsOverflowAriaLabel: string;
+    breadcrumbOverflowTooltipAlign?: string;
 };
 type CreateFullPageBaseProps = {
     /**

package/lib/components/CreateFullPage/CreateFullPage.js

@@ -32,7 +32,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle"];
+var _excluded = ["breadcrumbsOverflowAriaLabel", "breadcrumbs", "backButtonText", "cancelButtonText", "children", "className", "initialStep", "maxVisibleBreadcrumbs", "modalDangerButtonText", "modalDescription", "modalSecondaryButtonText", "modalTitle", "nextButtonText", "onClose", "onRequestSubmit", "firstFocusElement", "submitButtonText", "noTrailingSlash", "title", "secondaryTitle", "breadcrumbOverflowTooltipAlign"];
 var blockClass = "".concat(settings.pkg.prefix, "--create-full-page");
 var componentName = 'CreateFullPage';
 
@@ -77,6 +77,8 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
     noTrailingSlash = _ref.noTrailingSlash,
     title = _ref.title,
     secondaryTitle = _ref.secondaryTitle,
+    _ref$breadcrumbOverfl = _ref.breadcrumbOverflowTooltipAlign,
+    breadcrumbOverflowTooltipAlign = _ref$breadcrumbOverfl === void 0 ? 'right' : _ref$breadcrumbOverfl,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState([]),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -199,7 +201,8 @@ exports.CreateFullPage = /*#__PURE__*/React__default["default"].forwardRef(funct
     noTrailingSlash: noTrailingSlash,
     overflowAriaLabel: breadcrumbsOverflowAriaLabel,
     maxVisible: maxVisibleBreadcrumbs,
-    className: "".concat(blockClass, "__header")
+    className: "".concat(blockClass, "__header"),
+    overflowTooltipAlign: breadcrumbOverflowTooltipAlign
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__influencer-and-body-container")
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -282,6 +285,10 @@ exports.CreateFullPage.propTypes = {
    * The back button text
    */
   backButtonText: index["default"].string.isRequired,
+  /**
+   * align breadcrumb overflow tooltip
+   */
+  breadcrumbOverflowTooltipAlign: react.Tooltip.propTypes.align,
   /** The header breadcrumbs */
   /**@ts-ignore */
   breadcrumbs: index["default"].arrayOf(index["default"].shape({

package/lib/components/SimpleHeader/SimpleHeader.d.ts

@@ -11,7 +11,7 @@ export const overflowAriaLabel_required_if_breadcrumbs_exist: (props: any, propN
  * The component will throw a warning message if neither a title or breadcrumbs are provided
  * since it requires at least one of them.
  * */
-export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, maxVisible, overflowAriaLabel, ...rest }: {
+export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, maxVisible, overflowAriaLabel, overflowTooltipAlign, ...rest }: {
     [x: string]: any;
     breadcrumbs: any;
     className: any;
@@ -19,6 +19,7 @@ export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, m
     noTrailingSlash?: boolean | undefined;
     maxVisible: any;
     overflowAriaLabel: any;
+    overflowTooltipAlign: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace SimpleHeader {
     namespace propTypes {
@@ -38,6 +39,7 @@ export namespace SimpleHeader {
         export let maxVisible: PropTypes.Requireable<number>;
         export let noTrailingSlash: PropTypes.Requireable<boolean>;
         export { overflowAriaLabel_required_if_breadcrumbs_exist as overflowAriaLabel };
+        export let overflowTooltipAlign: any;
         export let title: PropTypes.Requireable<string>;
     }
 }

package/lib/components/SimpleHeader/SimpleHeader.js

@@ -16,6 +16,7 @@ var cx = require('classnames');
 var settings = require('../../settings.js');
 var pconsole = require('../../global/js/utils/pconsole.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
+var react = require('@carbon/react');
 var BreadcrumbWithOverflow = require('../BreadcrumbWithOverflow/BreadcrumbWithOverflow.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,7 +24,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel"];
+var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel", "overflowTooltipAlign"];
 var blockClass = "".concat(settings.pkg.prefix, "--simple-header");
 var componentName = 'SimpleHeader';
 /**
@@ -46,6 +47,7 @@ var SimpleHeader = function SimpleHeader(_ref) {
     noTrailingSlash = _ref$noTrailingSlash === void 0 ? true : _ref$noTrailingSlash,
     maxVisible = _ref.maxVisible,
     overflowAriaLabel = _ref.overflowAriaLabel,
+    overflowTooltipAlign = _ref.overflowTooltipAlign,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var warnIfNoTitleOrBreadcrumbs = React.useCallback(function () {
     if (!title && !(breadcrumbs !== null && breadcrumbs !== void 0 && breadcrumbs.length)) {
@@ -62,7 +64,8 @@ var SimpleHeader = function SimpleHeader(_ref) {
     className: cx__default["default"]("".concat(blockClass, "__breadcrumbs")),
     breadcrumbs: breadcrumbs,
     maxVisible: maxVisible,
-    overflowAriaLabel: overflowAriaLabel
+    overflowAriaLabel: overflowAriaLabel,
+    overflowTooltipAlign: overflowTooltipAlign
   }), title && /*#__PURE__*/React__default["default"].createElement("h1", {
     className: cx__default["default"]("".concat(blockClass, "__title"))
   }, title));
@@ -93,6 +96,10 @@ SimpleHeader.propTypes = {
   noTrailingSlash: index["default"].bool,
   /** Label for open/close overflow button used for breadcrumb items that do not fit */
   overflowAriaLabel: overflowAriaLabel_required_if_breadcrumbs_exist,
+  /**
+   * overflowTooltipAlign: align tooltip position
+   */
+  overflowTooltipAlign: react.Tooltip.propTypes.align,
   /** Header title */
   title: index["default"].string
 };

package/lib/components/TagSet/TagSet.js

@@ -138,11 +138,15 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     }
   }, [displayCount]);
   React.useEffect(function () {
+    var size = 'md';
     // create visible and overflow tags
     var newDisplayedTags = tags && tags.length > 0 ? tags.map(function (_ref3, index) {
       var label = _ref3.label,
         _onClose = _ref3.onClose,
         other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded3);
+      if (index == tags.length - 1 && other.size) {
+        size = other.size;
+      }
       return /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
         key: "displayed-tag-".concat(index),
         onClose: function onClose() {
@@ -170,6 +174,7 @@ exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_re
       overflowAlign: overflowAlign,
       overflowType: overflowType,
       showAllTagsLabel: showAllTagsLabel,
+      size: size,
       key: "displayed-tag-overflow",
       ref: overflowTag,
       popoverOpen: popoverOpen,

package/lib/components/TagSet/TagSetOverflow.d.ts

@@ -42,6 +42,10 @@ interface TagSetOverflowProps {
      * label for the overflow show all tags link
      */
     showAllTagsLabel?: string;
+    /**
+     * Size of the overflow tag
+     */
+    size?: string;
 }
 export declare const TagSetOverflow: React.ForwardRefExoticComponent<TagSetOverflowProps & {
     children?: React.ReactNode;

package/lib/components/TagSet/TagSetOverflow.js

@@ -22,7 +22,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowAutoAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"];
+var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowAutoAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen", "size"];
 var componentName = 'TagSetOverflow';
 var blockClass = "".concat(settings.pkg.prefix, "--tag-set-overflow");
 
@@ -43,6 +43,7 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
     showAllTagsLabel = _ref.showAllTagsLabel,
     popoverOpen = _ref.popoverOpen,
     setPopoverOpen = _ref.setPopoverOpen,
+    size = _ref.size,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var localRef = React.useRef(null);
   var overflowTagContent = React.useRef(null);
@@ -75,12 +76,14 @@ var TagSetOverflow = /*#__PURE__*/React__default["default"].forwardRef(function
     onKeyDown: handleEscKeyPress,
     open: popoverOpen,
     autoAlign: overflowAutoAlign
-  }, /*#__PURE__*/React__default["default"].createElement(react.Tag, {
+  }, /*#__PURE__*/React__default["default"].createElement(react.OperationalTag, {
     onClick: function onClick() {
       return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
     },
-    className: cx__default["default"]("".concat(blockClass, "__popover-trigger"))
-  }, "+".concat(overflowTags.length)), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx__default["default"]("".concat(blockClass, "__popover-trigger")),
+    size: size,
+    text: "+".concat(overflowTags.length)
+  }), /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, null, /*#__PURE__*/React__default["default"].createElement("div", {
     ref: overflowTagContent,
     className: "".concat(blockClass, "__content")
   }, /*#__PURE__*/React__default["default"].createElement("ul", {
@@ -150,7 +153,11 @@ TagSetOverflow.propTypes = {
   /**
    * label for the overflow show all tags link
    */
-  showAllTagsLabel: index["default"].string
+  showAllTagsLabel: index["default"].string,
+  /**
+   * Size of the overflow tag
+   */
+  size: index["default"].string
 };
 
 exports.TagSetOverflow = TagSetOverflow;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.43.2-canary.235+0ac76692a",
+  "version": "2.43.2-canary.238+03eadd20c",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -96,7 +96,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@carbon/feature-flags": "^0.22.0",
-    "@carbon/ibm-products-styles": "^2.39.1-canary.245+0ac76692a",
+    "@carbon/ibm-products-styles": "^2.46.0-rc.0",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -120,5 +120,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "0ac76692a6eeb85655ca64ca9189297708e26bd9"
+  "gitHead": "03eadd20c856a18121c5cb516fd49cd2ddc87b6a"
 }

package/scss/components/TagSet/_tag-set.scss

@@ -124,6 +124,8 @@ $block-class-modal: #{$_block-class}-modal;
   }
 
   .#{$block-class-overflow}__popover-trigger {
+    /* stylelint-disable-next-line declaration-no-important */
+    border: none !important;
     font-family: inherit;
   }