@carbon/ibm-products 2.26.0 → 2.28.0-alpha.4

package/lib/components/UserAvatar/UserAvatar.js

@@ -12,19 +12,19 @@ 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$1 = require('../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
+var icons = require('@carbon/react/icons');
 var TooltipTrigger = require('../TooltipTrigger/TooltipTrigger.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["backgroundColor", "className", "renderIcon", "tooltipText", "tooltipAlignment"];
-var _User, _User2, _Group;
+var _excluded = ["backgroundColor", "className", "name", "renderIcon", "size", "tooltipText", "tooltipAlignment"];
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
 
@@ -53,54 +53,60 @@ var componentName = 'UserAvatar';
  */
 
 var defaults = {
-  renderIcon: function renderIcon() {
-    return _User || (_User = /*#__PURE__*/React__default["default"].createElement(icons.User, {
-      size: 32
-    }));
-  },
-  tooltipAlignment: 'bottom',
-  tooltipText: 'Thomas J. Watson'
+  size: 'md',
+  tooltipAlignment: 'bottom'
 };
 exports.UserAvatar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-  var _SetItem;
   var backgroundColor = _ref.backgroundColor,
     className = _ref.className,
-    _ref$renderIcon = _ref.renderIcon,
-    renderIcon = _ref$renderIcon === void 0 ? defaults.renderIcon : _ref$renderIcon,
-    _ref$tooltipText = _ref.tooltipText,
-    tooltipText = _ref$tooltipText === void 0 ? defaults.tooltipText : _ref$tooltipText,
+    name = _ref.name,
+    RenderIcon = _ref.renderIcon,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? defaults.size : _ref$size,
+    tooltipText = _ref.tooltipText,
     _ref$tooltipAlignment = _ref.tooltipAlignment,
     tooltipAlignment = _ref$tooltipAlignment === void 0 ? defaults.tooltipAlignment : _ref$tooltipAlignment,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = react.usePrefix();
-  var icons$1 = {
-    user: {
-      md: _User2 || (_User2 = /*#__PURE__*/React__default["default"].createElement(icons.User, {
-        size: 32
-      }))
-    },
-    group: {
-      md: _Group || (_Group = /*#__PURE__*/React__default["default"].createElement(icons.Group, {
-        size: 32
-      }))
+  var iconSize = {
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 32
+  };
+  var formatInitials = function formatInitials() {
+    var _ref2;
+    var parts = name.split(' ');
+    var firstChar = parts[0].charAt(0).toUpperCase();
+    var secondChar = parts[0].charAt(1).toUpperCase();
+    if (parts.length === 1) {
+      return firstChar + secondChar;
     }
+    var lastChar = parts[parts.length - 1].charAt(0).toUpperCase();
+    var initials = [firstChar];
+    if (lastChar) {
+      initials.push(lastChar);
+    }
+    return (_ref2 = '').concat.apply(_ref2, initials);
   };
-  var getItem = function getItem(renderIcon) {
-    if (renderIcon === icons.User) {
-      return icons$1.user['md'];
-    } else if (renderIcon === icons.Group) {
-      return icons$1.group['md'];
-    } else {
-      return renderIcon;
+  var getItem = function getItem() {
+    var iconProps = {
+      size: iconSize[size]
+    };
+    if (RenderIcon) {
+      return /*#__PURE__*/React__default["default"].createElement(RenderIcon, iconProps);
+    }
+    if (name) {
+      return formatInitials();
     }
+    return /*#__PURE__*/React__default["default"].createElement(icons.User, iconProps);
   };
-  var SetItem = getItem(renderIcon);
-  var renderUserAvatar = function renderUserAvatar() {
+  var Avatar = function Avatar() {
     return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-      className: index$1["default"](blockClass,
+      className: cx__default["default"](blockClass,
       // Apply the block class to the main HTML element
       className, // Apply any supplied class names to the main HTML element.
-      "".concat(blockClass, "--").concat(backgroundColor),
+      "".concat(blockClass, "--").concat(backgroundColor), "".concat(blockClass, "--").concat(size),
       // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
       {
         // switched classes dependant on props or state
@@ -108,13 +114,16 @@ exports.UserAvatar = /*#__PURE__*/React__default["default"].forwardRef(function
       }),
       ref: ref,
       role: "img"
-    }, devtools.getDevtoolsProps(componentName)), _SetItem || (_SetItem = /*#__PURE__*/React__default["default"].createElement(SetItem, null)));
+    }, devtools.getDevtoolsProps(componentName)), getItem());
   };
-  return SetItem && (tooltipText ? /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {
-    align: tooltipAlignment,
-    label: tooltipText,
-    className: "".concat(blockClass, "__tooltip ").concat(carbonPrefix, "--icon-tooltip")
-  }, /*#__PURE__*/React__default["default"].createElement(TooltipTrigger.TooltipTrigger, null, renderUserAvatar())) : renderUserAvatar());
+  if (tooltipText) {
+    return /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {
+      align: tooltipAlignment,
+      label: tooltipText,
+      className: "".concat(blockClass, "__tooltip ").concat(carbonPrefix, "--icon-tooltip")
+    }, /*#__PURE__*/React__default["default"].createElement(TooltipTrigger.TooltipTrigger, null, /*#__PURE__*/React__default["default"].createElement(Avatar, null)));
+  }
+  return /*#__PURE__*/React__default["default"].createElement(Avatar, null);
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -136,10 +145,18 @@ exports.UserAvatar.propTypes = {
    * Provide an optional class to be applied to the containing node.
    */
   className: index["default"].string,
+  /**
+   * When passing the name prop, either send the initials to be used or the user's full name. The first two capital letters of the user's name will be used as the name.
+   */
+  name: index["default"].string,
   /**
    * Provide a custom icon to use if you need to use an icon other than the default one
    */
-  renderIcon: index["default"].func,
+  renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  /**
+   * Set the size of the avatar circle
+   */
+  size: index["default"].oneOf(['xl', 'lg', 'md', 'sm']),
   /**
    * Specify how the trigger should align with the tooltip
    */

package/lib/components/UserProfileImage/UserProfileImage.js

@@ -12,7 +12,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$1 = require('../../node_modules/classnames/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
@@ -23,6 +23,7 @@ var TooltipTrigger = require('../TooltipTrigger/TooltipTrigger.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["backgroundColor", "className", "kind", "icon", "initials", "image", "imageDescription", "size", "theme", "tooltipText", "tooltipAlignment"];
 
@@ -127,7 +128,7 @@ exports.UserProfileImage = /*#__PURE__*/React__default["default"].forwardRef(fun
   var renderUserProfileImage = function renderUserProfileImage() {
     return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
       ref: ref,
-      className: index$1["default"]([blockClass, className, "".concat(blockClass, "--").concat(size), "".concat(blockClass, "--").concat(theme), "".concat(blockClass, "--").concat(backgroundColor || getRandomColor())])
+      className: cx__default["default"]([blockClass, className, "".concat(blockClass, "--").concat(size), "".concat(blockClass, "--").concat(theme), "".concat(blockClass, "--").concat(backgroundColor || getRandomColor())])
     }, devtools.getDevtoolsProps(componentName)), _FillItem || (_FillItem = /*#__PURE__*/React__default["default"].createElement(FillItem, null)));
   };
   return FillItem && (tooltipText ? /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {

package/lib/components/WebTerminal/WebTerminal.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$2 = require('../../node_modules/prop-types/index.js');
-var index$1 = require('../../node_modules/classnames/index.js');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var settings = require('../../settings.js');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
@@ -23,6 +23,7 @@ var devtools = require('../../global/js/utils/devtools.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["actions", "children", "className", "closeIconDescription", "documentationLinks", "documentationLinksIconDescription", "isInitiallyOpen"];
 
@@ -105,7 +106,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
   };
   return shouldRender ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), devtools.getDevtoolsProps(componentName)), {
     ref: ref,
-    className: index$1["default"]([blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open), "".concat(blockClass, "--closed"), !open)]),
+    className: cx__default["default"]([blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open), "".concat(blockClass, "--closed"), !open)]),
     style: {
       animation: !prefersReducedMotion && webTerminalAnimationName
     },
@@ -176,33 +177,33 @@ exports.WebTerminal.propTypes = {
   /**
    * An array of actions to be displayed in the web terminal header bar
    */
-  actions: index$2["default"].arrayOf(index$2["default"].shape({
-    renderIcon: index$2["default"].func.isRequired,
-    onClick: index$2["default"].func.isRequired,
-    iconDescription: index$2["default"].string.isRequired
+  actions: index$1["default"].arrayOf(index$1["default"].shape({
+    renderIcon: index$1["default"].func.isRequired,
+    onClick: index$1["default"].func.isRequired,
+    iconDescription: index$1["default"].string.isRequired
   })),
   /**
    * Provide your own terminal component as children to show up in the web terminal
    */
-  children: index$2["default"].oneOfType([index$2["default"].arrayOf(index$2["default"].node), index$2["default"].node]).isRequired,
+  children: index$1["default"].oneOfType([index$1["default"].arrayOf(index$1["default"].node), index$1["default"].node]).isRequired,
   /**
    * Custom classname for additional styling of the web terminal
    */
-  className: index$2["default"].string,
+  className: index$1["default"].string,
   /**
    * Icon description for the close button
    */
-  closeIconDescription: index$2["default"].string.isRequired,
+  closeIconDescription: index$1["default"].string.isRequired,
   /**
    * Array of objects for each documentation link. Each documentation link uses the prop types of OverflowMenuItems. See more: https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu--default
    */
-  documentationLinks: index$2["default"].arrayOf(index$2["default"].shape(_rollupPluginBabelHelpers.objectSpread2({}, react.OverflowMenuItem.propTypes))),
+  documentationLinks: index$1["default"].arrayOf(index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2({}, react.OverflowMenuItem.propTypes))),
   /**
    * Description for the documentation link overflow menu tooltip
    */
-  documentationLinksIconDescription: index$2["default"].string,
+  documentationLinksIconDescription: index$1["default"].string,
   /**
    * Optionally pass if the web terminal should be open by default
    */
-  isInitiallyOpen: index$2["default"].bool
+  isInitiallyOpen: index$1["default"].bool
 };

package/lib/components/WebTerminal/WebTerminalContentWrapper.js

@@ -11,14 +11,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$2 = require('../../node_modules/prop-types/index.js');
-var index$1 = require('../../node_modules/classnames/index.js');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var settings = require('../../settings.js');
 var index = require('./hooks/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["children"];
 
@@ -32,7 +33,7 @@ exports.WebTerminalContentWrapper = /*#__PURE__*/React__default["default"].forwa
     open = _useWebTerminal.open;
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     ref: ref,
-    className: index$1["default"]([blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open)])
+    className: cx__default["default"]([blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open)])
   }, rest), children);
 });
 
@@ -50,5 +51,5 @@ exports.WebTerminalContentWrapper.propTypes = {
   /**
    * Pass in content as children.
    */
-  children: index$2["default"].oneOfType([index$2["default"].arrayOf(index$2["default"].node), index$2["default"].node]).isRequired
+  children: index$1["default"].oneOfType([index$1["default"].arrayOf(index$1["default"].node), index$1["default"].node]).isRequired
 };

package/lib/components/_Canary/Canary.js

@@ -11,14 +11,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var packageSettings = require('../../global/js/package-settings.js');
 var react = require('@carbon/react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _p, _br, _p2, _br2, _p3;
 var _excluded = ["className", "componentName"];
@@ -35,7 +36,7 @@ var Canary = function Canary(_ref /*, originalArgs*/) {
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var instructions = "\nimport { pkg } from '@carbon/ibm-products';\n// NOTE: must happen before component is first used\npkg.component.".concat(componentName, " = true;\n");
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: index["default"](blockClass, className)
+    className: cx__default["default"](blockClass, className)
   }), /*#__PURE__*/React__default["default"].createElement("h2", null, "This component ", /*#__PURE__*/React__default["default"].createElement("strong", null, componentName), " is not ready yet."), _p || (_p = /*#__PURE__*/React__default["default"].createElement("p", null, "To enable it, initialize package flags before the component is first used.")), _br || (_br = /*#__PURE__*/React__default["default"].createElement("br", null)), _p2 || (_p2 = /*#__PURE__*/React__default["default"].createElement("p", null, "e.g. in main.js")), /*#__PURE__*/React__default["default"].createElement(react.CodeSnippet, {
     type: "multi"
   }, instructions), _br2 || (_br2 = /*#__PURE__*/React__default["default"].createElement("br", null)), _p3 || (_p3 = /*#__PURE__*/React__default["default"].createElement("p", null, "View a live example on", ' ', /*#__PURE__*/React__default["default"].createElement("a", {
@@ -44,9 +45,9 @@ var Canary = function Canary(_ref /*, originalArgs*/) {
 };
 Canary.propTypes = {
   /** Provide an optional class to be applied to the containing node */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /** Name of the component that is not ready yet */
-  componentName: index$1["default"].string.isRequired
+  componentName: index["default"].string.isRequired
 };
 
 exports.Canary = Canary;

package/lib/components/index.d.ts

@@ -34,6 +34,7 @@ export { CoachmarkOverlayElement } from "./CoachmarkOverlayElement";
 export { CoachmarkOverlayElements } from "./CoachmarkOverlayElements";
 export { CoachmarkStack } from "./CoachmarkStack";
 export { NonLinearReading } from "./NonLinearReading";
+export { BigNumbers } from "./BigNumbers";
 export { TruncatedList } from "./TruncatedList";
 export { InterstitialScreen } from "./InterstitialScreen";
 export { InterstitialScreenView } from "./InterstitialScreenView";
@@ -41,6 +42,7 @@ export { InterstitialScreenViewModule } from "./InterstitialScreenViewModule";
 export { DelimitedList } from "./DelimitedList";
 export { FullPageError } from "./FullPageError";
 export { SearchBar } from "./SearchBar";
+export { StringFormatter } from "./StringFormatter";
 export { UserAvatar } from "./UserAvatar";
 export { ComboButton, ComboButtonItem } from "./ComboButton";
 export { CreateFullPage, CreateFullPageStep } from "./CreateFullPage";

package/lib/global/js/hooks/index.d.ts

@@ -10,4 +10,5 @@ export { useValidCreateStepCount } from "./useValidCreateStepCount";
 export { useControllableState } from "./useControllableState";
 export { usePrefix } from "./usePrefix";
 export { useFocus } from "./useFocus";
+export { useIsomorphicEffect } from "./useIsomorphicEffect";
 export { useNearestScroll, useWindowScroll } from "./useWindowScroll";

package/lib/global/js/hooks/useIsomorphicEffect.d.ts

@@ -0,0 +1,2 @@
+export const useIsomorphicEffect: typeof useEffect;
+import { useEffect } from 'react';

package/lib/global/js/hooks/useIsomorphicEffect.js

@@ -0,0 +1,18 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// Originally from `@carbon/react`, https://github.com/carbon-design-system/carbon/blob/main/packages/react/src/internal/useIsomorphicEffect.js
+// useLayoutEffect on the client, useEffect on the server
+var useIsomorphicEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+
+exports.useIsomorphicEffect = useIsomorphicEffect;

package/lib/global/js/package-settings.d.ts

@@ -75,9 +75,11 @@ declare namespace defaults {
         let EditTearsheetNarrow: boolean;
         let EditFullPage: boolean;
         let EditUpdateCards: boolean;
+        let BigNumbers: boolean;
         let TruncatedList: boolean;
         let DelimitedList: boolean;
         let FullPageError: boolean;
+        let StringFormatter: boolean;
         let Coachmark: boolean;
         let CoachmarkBeacon: boolean;
         let CoachmarkButton: boolean;

package/lib/global/js/package-settings.js

@@ -78,9 +78,11 @@ var defaults = {
     EditTearsheetNarrow: false,
     EditFullPage: false,
     EditUpdateCards: false,
+    BigNumbers: false,
     TruncatedList: false,
     DelimitedList: false,
     FullPageError: false,
+    StringFormatter: false,
     /* new component flags here - comment used by generate CLI */
 
     // Novice to pro components not yet reviewed and released:

package/lib/index.js

@@ -103,6 +103,7 @@ var InlineTip = require('./components/InlineTip/InlineTip.js');
 var InlineTipButton = require('./components/InlineTip/InlineTipButton.js');
 var InlineTipLink = require('./components/InlineTip/InlineTipLink.js');
 var NonLinearReading = require('./components/NonLinearReading/NonLinearReading.js');
+var BigNumbers = require('./components/BigNumbers/BigNumbers.js');
 var TruncatedList = require('./components/TruncatedList/TruncatedList.js');
 var InterstitialScreen = require('./components/InterstitialScreen/InterstitialScreen.js');
 var InterstitialScreenView = require('./components/InterstitialScreenView/InterstitialScreenView.js');
@@ -110,6 +111,7 @@ var InterstitialScreenViewModule = require('./components/InterstitialScreenViewM
 var DelimitedList = require('./components/DelimitedList/DelimitedList.js');
 var FullPageError = require('./components/FullPageError/FullPageError.js');
 var SearchBar = require('./components/SearchBar/SearchBar.js');
+var StringFormatter = require('./components/StringFormatter/StringFormatter.js');
 var UserAvatar = require('./components/UserAvatar/UserAvatar.js');
 
 
@@ -422,6 +424,10 @@ Object.defineProperty(exports, 'NonLinearReading', {
 	enumerable: true,
 	get: function () { return NonLinearReading.NonLinearReading; }
 });
+Object.defineProperty(exports, 'BigNumbers', {
+	enumerable: true,
+	get: function () { return BigNumbers.BigNumbers; }
+});
 Object.defineProperty(exports, 'TruncatedList', {
 	enumerable: true,
 	get: function () { return TruncatedList.TruncatedList; }
@@ -450,6 +456,10 @@ Object.defineProperty(exports, 'SearchBar', {
 	enumerable: true,
 	get: function () { return SearchBar.SearchBar; }
 });
+Object.defineProperty(exports, 'StringFormatter', {
+	enumerable: true,
+	get: function () { return StringFormatter.StringFormatter; }
+});
 Object.defineProperty(exports, 'UserAvatar', {
 	enumerable: true,
 	get: function () { return UserAvatar.UserAvatar; }

package/lib/node_modules/prop-types/index.js

@@ -10,7 +10,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _commonjsHelpers = require('../../_virtual/_commonjsHelpers.js');
-var index = require('../../_virtual/index2.js');
+var index = require('../../_virtual/index.js');
 var require$$0 = require('react-is');
 var factoryWithTypeCheckers = require('./factoryWithTypeCheckers.js');
 var factoryWithThrowingShims = require('./factoryWithThrowingShims.js');

package/lib/settings.d.ts

@@ -61,9 +61,11 @@ export const pkg: {
         EditTearsheetNarrow: boolean;
         EditFullPage: boolean;
         EditUpdateCards: boolean;
+        BigNumbers: boolean;
         TruncatedList: boolean;
         DelimitedList: boolean;
         FullPageError: boolean;
+        StringFormatter: boolean;
         Coachmark: boolean;
         CoachmarkBeacon: boolean;
         CoachmarkButton: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.26.0",
+  "version": "2.28.0-alpha.4+3702c93bd",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -70,12 +70,13 @@
     "babel-preset-ibm-cloud-cognitive": "^0.14.40",
     "chalk": "^4.1.2",
     "change-case": "4.1.2",
+    "classnames": "^2.5.1",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "fs-extra": "^11.2.0",
     "glob": "^10.3.10",
     "jest": "^29.7.0",
-    "jest-config-ibm-cloud-cognitive": "^1.1.3",
+    "jest-config-ibm-cloud-cognitive": "^1.1.4",
     "jest-environment-jsdom": "^29.7.0",
     "namor": "^1.1.2",
     "npm-check-updates": "^16.14.12",
@@ -84,12 +85,12 @@
     "rollup": "^2.79.1",
     "rollup-plugin-strip-banner": "^3.0.0",
     "sass": "^1.70.0",
-    "typescript-config-carbon": "^0.2.0",
+    "typescript-config-carbon": "^0.2.1",
     "yargs": "^17.7.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.23.9",
-    "@carbon/ibm-products-styles": "^2.25.0",
+    "@carbon/ibm-products-styles": "^2.27.0-alpha.4+3702c93bd",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/sortable": "^8.0.0",
@@ -106,11 +107,11 @@
     "@carbon/grid": "^11.21.1",
     "@carbon/layout": "^11.20.1",
     "@carbon/motion": "^11.16.1",
-    "@carbon/react": "^1.49.0",
-    "@carbon/themes": "^11.30.0",
+    "@carbon/react": "^1.51.0",
+    "@carbon/themes": "^11.32.0",
     "@carbon/type": "^11.25.1",
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "ee89db345a5a5004e6d18e0a36df85ea8e7c9f8f"
+  "gitHead": "3702c93bd2cba587ecea6e441dcf0fd204f7ad95"
 }