@carbon/react 1.63.2 → 1.64.0

package/lib/index.js

@@ -130,6 +130,8 @@ var Toggle = require('./components/Toggle/Toggle.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
 var index$b = require('./components/Toggletip/index.js');
+var TreeNode = require('./components/TreeView/TreeNode.js');
+var TreeView = require('./components/TreeView/TreeView.js');
 var Content = require('./components/UIShell/Content.js');
 var Header = require('./components/UIShell/Header.js');
 var HeaderContainer = require('./components/UIShell/HeaderContainer.js');
@@ -168,10 +170,10 @@ var index$1 = require('./components/Layout/index.js');
 var index$2 = require('./components/OverflowMenuV2/index.js');
 var index$f = require('./components/Popover/index.js');
 var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
-var index$3 = require('./components/Slug/index.js');
-var AiSkeletonPlaceholder = require('./components/AiSkeleton/AiSkeletonPlaceholder.js');
-var AiSkeletonIcon = require('./components/AiSkeleton/AiSkeletonIcon.js');
-var AiSkeletonText = require('./components/AiSkeleton/AiSkeletonText.js');
+var index$3 = require('./components/AILabel/index.js');
+var AISkeletonPlaceholder = require('./components/AISkeleton/AISkeletonPlaceholder.js');
+var AISkeletonIcon = require('./components/AISkeleton/AISkeletonIcon.js');
+var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
 var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
 require('./components/Text/index.js');
@@ -192,7 +194,6 @@ var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
 var TextInput = require('./components/TextInput/TextInput.js');
-var TreeView = require('./components/TreeView/TreeView.js');
 var FluidComboBox = require('./components/FluidComboBox/FluidComboBox.js');
 var FluidComboBox_Skeleton = require('./components/FluidComboBox/FluidComboBox.Skeleton.js');
 var FluidDatePicker = require('./components/FluidDatePicker/FluidDatePicker.js');
@@ -238,7 +239,6 @@ var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js')
 var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
 var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
 var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
-var TreeNode = require('./components/TreeView/TreeNode.js');
 
 
 
@@ -394,6 +394,8 @@ exports.ToggletipActions = index$b.ToggletipActions;
 exports.ToggletipButton = index$b.ToggletipButton;
 exports.ToggletipContent = index$b.ToggletipContent;
 exports.ToggletipLabel = index$b.ToggletipLabel;
+exports.TreeNode = TreeNode["default"];
+exports.TreeView = TreeView["default"];
 exports.Content = Content["default"];
 exports.Header = Header["default"];
 exports.HeaderContainer = HeaderContainer["default"];
@@ -438,12 +440,18 @@ exports.unstable_OverflowMenuV2 = index$2.OverflowMenuV2;
 exports.Popover = index$f.Popover;
 exports.PopoverContent = index$f.PopoverContent;
 exports.ProgressBar = ProgressBar["default"];
-exports.unstable__Slug = index$3.Slug;
-exports.unstable__SlugActions = index$3.SlugActions;
-exports.unstable__SlugContent = index$3.SlugContent;
-exports.unstable__AiSkeletonPlaceholder = AiSkeletonPlaceholder["default"];
-exports.unstable__AiSkeletonIcon = AiSkeletonIcon["default"];
-exports.unstable__AiSkeletonText = AiSkeletonText["default"];
+exports.AILabel = index$3.AILabel;
+exports.AILabelActions = index$3.AILabelActions;
+exports.AILabelContent = index$3.AILabelContent;
+exports.unstable__Slug = index$3.AILabel;
+exports.unstable__SlugActions = index$3.AILabelActions;
+exports.unstable__SlugContent = index$3.AILabelContent;
+exports.AISkeletonPlaceholder = AISkeletonPlaceholder["default"];
+exports.unstable__AiSkeletonPlaceholder = AISkeletonPlaceholder["default"];
+exports.AISkeletonIcon = AISkeletonIcon["default"];
+exports.unstable__AiSkeletonIcon = AISkeletonIcon["default"];
+exports.AISkeletonText = AISkeletonText["default"];
+exports.unstable__AiSkeletonText = AISkeletonText["default"];
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
 exports.Tooltip = Tooltip.Tooltip;
 exports.GlobalTheme = index$g.GlobalTheme;
@@ -468,7 +476,6 @@ exports.useContextMenu = useContextMenu["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
 exports.TextInput = TextInput["default"];
-exports.TreeView = TreeView["default"];
 exports.unstable__FluidComboBox = FluidComboBox["default"];
 exports.unstable__FluidComboBoxSkeleton = FluidComboBox_Skeleton["default"];
 exports.unstable__FluidDatePicker = FluidDatePicker["default"];
@@ -514,4 +521,3 @@ exports.TableToolbarSearch = TableToolbarSearch["default"];
 exports.TableToolbarMenu = TableToolbarMenu["default"];
 exports.FilterableMultiSelect = FilterableMultiSelect["default"];
 exports.MultiSelect = MultiSelect["default"];
-exports.TreeNode = TreeNode["default"];

package/lib/node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js

@@ -0,0 +1,148 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 floatingUi_utils = require('../../utils/dist/floating-ui.utils.mjs.js');
+
+/**
+ * Resolves with an object of overflow side offsets that determine how much the
+ * element is overflowing a given clipping boundary on each side.
+ * - positive = overflowing the boundary by that number of pixels
+ * - negative = how many pixels left before it will overflow
+ * - 0 = lies flush with the boundary
+ * @see https://floating-ui.com/docs/detectOverflow
+ */
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x,
+    y,
+    platform,
+    rects,
+    elements,
+    strategy
+  } = state;
+  const {
+    boundary = 'clippingAncestors',
+    rootBoundary = 'viewport',
+    elementContext = 'floating',
+    altBoundary = false,
+    padding = 0
+  } = floatingUi_utils.evaluate(options, state);
+  const paddingObject = floatingUi_utils.getPaddingObject(padding);
+  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = floatingUi_utils.rectToClientRect(await platform.getClippingRect({
+    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const rect = elementContext === 'floating' ? {
+    ...rects.floating,
+    x,
+    y
+  } : rects.reference;
+  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
+  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const elementClientRect = floatingUi_utils.rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
+}
+
+function getSideOffsets(overflow, rect) {
+  return {
+    top: overflow.top - rect.height,
+    right: overflow.right - rect.width,
+    bottom: overflow.bottom - rect.height,
+    left: overflow.left - rect.width
+  };
+}
+function isAnySideFullyClipped(overflow) {
+  return floatingUi_utils.sides.some(side => overflow[side] >= 0);
+}
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'hide',
+    options,
+    async fn(state) {
+      const {
+        rects
+      } = state;
+      const {
+        strategy = 'referenceHidden',
+        ...detectOverflowOptions
+      } = floatingUi_utils.evaluate(options, state);
+      switch (strategy) {
+        case 'referenceHidden':
+          {
+            const overflow = await detectOverflow(state, {
+              ...detectOverflowOptions,
+              elementContext: 'reference'
+            });
+            const offsets = getSideOffsets(overflow, rects.reference);
+            return {
+              data: {
+                referenceHiddenOffsets: offsets,
+                referenceHidden: isAnySideFullyClipped(offsets)
+              }
+            };
+          }
+        case 'escaped':
+          {
+            const overflow = await detectOverflow(state, {
+              ...detectOverflowOptions,
+              altBoundary: true
+            });
+            const offsets = getSideOffsets(overflow, rects.floating);
+            return {
+              data: {
+                escapedOffsets: offsets,
+                escaped: isAnySideFullyClipped(offsets)
+              }
+            };
+          }
+        default:
+          {
+            return {};
+          }
+      }
+    }
+  };
+};
+
+exports.rectToClientRect = floatingUi_utils.rectToClientRect;
+exports.detectOverflow = detectOverflow;
+exports.hide = hide;

package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs.js

@@ -0,0 +1,47 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 });
+
+const sides = ['top', 'right', 'bottom', 'left'];
+function evaluate(value, param) {
+  return typeof value === 'function' ? value(param) : value;
+}
+function expandPaddingObject(padding) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...padding
+  };
+}
+function getPaddingObject(padding) {
+  return typeof padding !== 'number' ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
+  };
+}
+function rectToClientRect(rect) {
+  return {
+    ...rect,
+    top: rect.y,
+    left: rect.x,
+    right: rect.x + rect.width,
+    bottom: rect.y + rect.height
+  };
+}
+
+exports.evaluate = evaluate;
+exports.expandPaddingObject = expandPaddingObject;
+exports.getPaddingObject = getPaddingObject;
+exports.rectToClientRect = rectToClientRect;
+exports.sides = sides;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.63.2",
+  "version": "1.64.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -49,9 +49,9 @@
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "@carbon/feature-flags": "^0.21.0",
-    "@carbon/icons-react": "^11.46.0",
+    "@carbon/icons-react": "^11.47.0",
     "@carbon/layout": "^11.24.0",
-    "@carbon/styles": "^1.62.0",
+    "@carbon/styles": "^1.63.0",
     "@floating-ui/react": "^0.26.0",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -81,7 +81,7 @@
     "@babel/preset-typescript": "^7.24.7",
     "@carbon/test-utils": "^10.30.0",
     "@carbon/themes": "^11.38.0",
-    "@figma/code-connect": "^1.0.2",
+    "@figma/code-connect": "^1.0.4",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^26.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -141,5 +141,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "7c34fa18ada2705e92d63a64c3b744a560759fbf"
+  "gitHead": "185c4cf3598df1050c197870455c01775e21c366"
 }

package/scss/components/ai-label/_ai-label.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2023
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/ai-label/ai-label';

package/scss/components/ai-label/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2023
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/ai-label';

package/es/components/AiSkeleton/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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.
- */
-import AiSkeletonPlaceholder from './AiSkeletonPlaceholder';
-import AiSkeletonIcon from './AiSkeletonIcon';
-import AiSkeletonText from './AiSkeletonText';
-export { AiSkeletonText, AiSkeletonIcon, AiSkeletonPlaceholder };

package/es/components/DataTable/tools/instanceId.js

@@ -1,20 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * Generic utility to initialize a method that will return a unique instance id
- * for a component.
- */
-const setupGetInstanceId = () => {
-  let instanceId = 0;
-  return function getInstanceId() {
-    return ++instanceId;
-  };
-};
-var setupGetInstanceId$1 = setupGetInstanceId;
-
-export { setupGetInstanceId$1 as default };

package/lib/components/AiSkeleton/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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.
- */
-import AiSkeletonPlaceholder from './AiSkeletonPlaceholder';
-import AiSkeletonIcon from './AiSkeletonIcon';
-import AiSkeletonText from './AiSkeletonText';
-export { AiSkeletonText, AiSkeletonIcon, AiSkeletonPlaceholder };

package/lib/components/DataTable/tools/instanceId.js

@@ -1,24 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2023
- *
- * 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 });
-
-/**
- * Generic utility to initialize a method that will return a unique instance id
- * for a component.
- */
-const setupGetInstanceId = () => {
-  let instanceId = 0;
-  return function getInstanceId() {
-    return ++instanceId;
-  };
-};
-var setupGetInstanceId$1 = setupGetInstanceId;
-
-exports["default"] = setupGetInstanceId$1;