@carbon/ibm-products 2.25.0 → 2.26.0

package/lib/components/HTTPErrors/HTTPErrorContent.d.ts

@@ -118,7 +118,7 @@ export namespace HTTPErrorContent {
             "aria-posinset"?: React.Validator<number | null | undefined> | undefined;
             "aria-pressed"?: React.Validator<boolean | "true" | "false" | "mixed" | null | undefined> | undefined;
             "aria-readonly"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
-            "aria-relevant"?: React.Validator<"text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined> | undefined;
+            "aria-relevant"?: React.Validator<"all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined> | undefined;
             "aria-required"?: React.Validator<(boolean | "true" | "false") | null | undefined> | undefined;
             "aria-roledescription"?: React.Validator<string | null | undefined> | undefined;
             "aria-rowcount"?: React.Validator<number | null | undefined> | undefined;

package/lib/components/InterstitialScreen/InterstitialScreen.js

@@ -16,10 +16,10 @@ var index$1 = require('../../node_modules/classnames/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var lodash = require('lodash');
+var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
 var Carousel = require('../Carousel/Carousel.js');
 var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
-var bucket0 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -301,7 +301,7 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
       onClick: handleClickPrev
     }, previousButtonLabel), isMultiStep && progStep < progStepCeil && /*#__PURE__*/React__default["default"].createElement(react.Button, {
       className: "".concat(blockClass, "--next-btn"),
-      renderIcon: bucket0.ArrowRight,
+      renderIcon: icons.ArrowRight,
       ref: nextButtonRef,
       size: "lg",
       title: nextButtonLabel,
@@ -309,7 +309,7 @@ exports.InterstitialScreen = /*#__PURE__*/React__default["default"].forwardRef(f
     }, nextButtonLabel), isMultiStep && progStep === progStepCeil && /*#__PURE__*/React__default["default"].createElement(react.Button, {
       className: "".concat(blockClass, "--start-btn"),
       ref: startButtonRef,
-      renderIcon: bucket0.ArrowRight,
+      renderIcon: icons.ArrowRight,
       size: "lg",
       title: startButtonLabel,
       onClick: handleClose

package/lib/components/Tearsheet/TearsheetShell.js

@@ -20,6 +20,7 @@ var getNodeTextContent = require('../../global/js/utils/getNodeTextContent.js');
 var react = require('@carbon/react');
 var Wrap = require('../../global/js/utils/Wrap.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
+var useFocus = require('../../global/js/hooks/useFocus.js');
 var ActionSet = require('../ActionSet/ActionSet.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -89,9 +90,13 @@ var TearsheetShell = /*#__PURE__*/React__default["default"].forwardRef(function
   var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
   var localRef = React.useRef();
   var resizer = React.useRef(null);
+  var modalBodyRef = React.useRef(null);
   var modalRef = ref || localRef;
   var _useResizeObserver = useResizeObserver.useResizeObserver(resizer),
     width = _useResizeObserver.width;
+  var _useFocus = useFocus.useFocus(modalRef),
+    firstElement = _useFocus.firstElement,
+    keyDownListener = _useFocus.keyDownListener;
   var wide = size === 'wide';
 
   // Keep track of the stack depth and our position in it (1-based, 0=closed)
@@ -129,11 +134,16 @@ var TearsheetShell = /*#__PURE__*/React__default["default"].forwardRef(function
 
   // Callback to give the tearsheet the opportunity to claim focus
   handleStackChange.claimFocus = function () {
-    var element = selectorPrimaryFocus ? modalRef.current.querySelector(selectorPrimaryFocus) : modalRef.current;
-    setTimeout(function () {
-      return element.focus();
-    }, 1);
+    firstElement === null || firstElement === void 0 || firstElement.focus();
   };
+  React.useEffect(function () {
+    if (open) {
+      // Focusing the first element
+      setTimeout(function () {
+        firstElement === null || firstElement === void 0 || firstElement.focus();
+      }, 0);
+    }
+  }, [open, firstElement]);
   React.useEffect(function () {
     var notify = function notify() {
       return stack.all.forEach(function (handler) {
@@ -197,6 +207,7 @@ var TearsheetShell = /*#__PURE__*/React__default["default"].forwardRef(function
       open: open,
       selectorPrimaryFocus: selectorPrimaryFocus,
       onFocus: handleFocus,
+      onKeyDown: keyDownListener,
       preventCloseOnClickOutside: !isPassive,
       ref: modalRef,
       selectorsFloatingMenus: [".".concat(carbonPrefix, "--overflow-menu-options"), ".".concat(carbonPrefix, "--tooltip"), '.flatpickr-calendar', ".".concat(bc, "__container")],
@@ -224,6 +235,7 @@ var TearsheetShell = /*#__PURE__*/React__default["default"].forwardRef(function
     }, headerActions)), /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       className: "".concat(bc, "__header-navigation")
     }, navigation)), /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
+      ref: modalBodyRef,
       element: react.ModalBody,
       className: "".concat(bc, "__body")
     }, /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {

package/lib/components/UserAvatar/UserAvatar.js

@@ -97,7 +97,6 @@ exports.UserAvatar = /*#__PURE__*/React__default["default"].forwardRef(function
   var SetItem = getItem(renderIcon);
   var renderUserAvatar = function renderUserAvatar() {
     return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-      tabIndex: 0,
       className: index$1["default"](blockClass,
       // Apply the block class to the main HTML element
       className, // Apply any supplied class names to the main HTML element.
@@ -108,7 +107,7 @@ exports.UserAvatar = /*#__PURE__*/React__default["default"].forwardRef(function
         // example: [`${blockClass}__here-if-small`]: size === 'sm',
       }),
       ref: ref,
-      role: "button"
+      role: "img"
     }, devtools.getDevtoolsProps(componentName)), _SetItem || (_SetItem = /*#__PURE__*/React__default["default"].createElement(SetItem, null)));
   };
   return SetItem && (tooltipText ? /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {

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

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

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

@@ -0,0 +1,11 @@
+export function useFocus(modalRef: any): {
+    firstElement: any;
+    lastElement: any;
+    allElements: any;
+    keyDownListener: (event: any) => void;
+    getFocusable: () => {
+        first: any;
+        last: any;
+        all: any;
+    };
+};

package/lib/global/js/hooks/useFocus.js

@@ -0,0 +1,80 @@
+/**
+ * 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('@carbon/react');
+var settings = require('../../../settings.js');
+var React = require('react');
+
+var useFocus = function useFocus(modalRef) {
+  var carbonPrefix = react.usePrefix();
+  var tearsheetBaseClass = "".concat(settings.pkg.prefix, "--tearsheet");
+  // Querying focusable element in the modal
+  // Query to exclude hidden elements in the modal from querySelectorAll() method
+  // feel free to include more if needed :)
+  var notQuery = ":not(.".concat(carbonPrefix, "--visually-hidden,.").concat(tearsheetBaseClass, "__header--no-close-icon,.").concat(carbonPrefix, "--btn--disabled,[aria-hidden=\"true\"],[tabindex=\"-1\"])");
+  // Queries to include element types button, input, select, textarea
+  var queryButton = "button".concat(notQuery);
+  var queryInput = "input".concat(notQuery);
+  var querySelect = "select".concat(notQuery);
+  var queryTextarea = "textarea".concat(notQuery);
+  var queryLink = "[href]".concat(notQuery);
+  // Final query
+  var query = "".concat(queryButton, ",").concat(queryLink, ",").concat(queryInput, ",").concat(querySelect, ",").concat(queryTextarea);
+  var modalEl = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current;
+  var getFocusable = React.useCallback(function () {
+    // Selecting all focusable elements based on the above conditions
+    var focusableElements = modalEl === null || modalEl === void 0 ? void 0 : modalEl.querySelectorAll("".concat(query));
+    var first = focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements[0];
+    var last = focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements[(focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.length) - 1];
+    var all = focusableElements;
+    return {
+      first: first,
+      last: last,
+      all: all
+    };
+  }, [modalEl, query]);
+  React.useEffect(function () {
+    getFocusable();
+  }, [getFocusable]);
+  var handleKeyDown = function handleKeyDown(event) {
+    // Checking whether the key is tab or not
+    if (event.key === 'Tab') {
+      // updating the focusable elements list
+      var _getFocusable = getFocusable(),
+        first = _getFocusable.first,
+        last = _getFocusable.last,
+        all = _getFocusable.all;
+      setTimeout(function () {
+        var _document, _document2;
+        if (event.shiftKey && !Array.prototype.includes.call(all, (_document = document) === null || _document === void 0 ? void 0 : _document.activeElement)) {
+          // Prevents the default "Tab" behavior
+          event.preventDefault();
+          // if the user press shift+tab and the current element not in focusable items
+          last === null || last === void 0 || last.focus();
+        } else if (!Array.prototype.includes.call(all, (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.activeElement)) {
+          event.preventDefault();
+          // user pressing tab key only then
+          // focusing the first element if the current element is not in focusable items
+          first === null || first === void 0 || first.focus();
+        }
+      }, 0);
+    }
+  };
+  return {
+    firstElement: getFocusable().first,
+    lastElement: getFocusable().last,
+    allElements: getFocusable().all,
+    keyDownListener: handleKeyDown,
+    getFocusable: getFocusable
+  };
+};
+
+exports.useFocus = useFocus;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.25.0",
+  "version": "2.26.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -89,7 +89,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.9",
-    "@carbon/ibm-products-styles": "^2.24.0",
+    "@carbon/ibm-products-styles": "^2.25.0",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/sortable": "^8.0.0",
@@ -112,5 +112,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "81d80c8227765937cee54e2068800de818ebefb6"
+  "gitHead": "ee89db345a5a5004e6d18e0a36df85ea8e7c9f8f"
 }

package/scss/components/Datagrid/styles/_datagrid.scss

@@ -162,6 +162,15 @@
   @include ai-gradient('top', 100%);
 }
 
+.#{$block-class}
+  .#{c4p-settings.$carbon-prefix}--data-table
+  tbody
+  tr:has(> .#{$block-class}__table-row-ai-enabled) {
+  @include ai-gradient('left', 50%);
+
+  background-attachment: fixed;
+}
+
 .#{$block-class}
   th.#{$block-class}__with-slug
   .#{c4p-settings.$carbon-prefix}--slug {
@@ -791,3 +800,13 @@
 .#{$block-class} .#{$block-class}__col-resizer-range::-moz-range-thumb {
   visibility: hidden;
 }
+
+.#{$block-class} .#{$block-class}__table-row-ai-enabled {
+  display: flex;
+  align-items: center;
+}
+
+.#{$block-class} .#{$block-class}__table-row-ai-spacer,
+.#{$block-class} .#{$block-class}__table-row-ai-enabled {
+  width: $spacing-05;
+}

package/scss/components/FilterSummary/_filter-summary.scss

@@ -17,7 +17,7 @@ $block-class: #{$pkg-prefix}--filter-summary;
   width: 100%;
   /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
   height: to-rem(48px);
-  align-items: start;
+  align-items: flex-start;
   padding: $spacing-03;
   border-top: 1px solid $border-subtle-01;
   background: $layer-01;

package/scss/components/FullPageError/_full-page-error.scss

@@ -43,8 +43,14 @@ $block-class: #{c4p-settings.$pkg-prefix}--full-page-error;
     padding: 0 $spacing-07 0 0;
   }
 }
-.#{$block-class}__error-svg {
-  margin: auto $spacing-03 $spacing-11 $spacing-03;
+
+.#{$block-class}__error-svg-container {
+  display: flex;
+  height: 100%;
+  margin: $spacing-03 $spacing-03 $spacing-11 $spacing-03;
+  @include breakpoint(md) {
+    margin: auto $spacing-03 $spacing-11 $spacing-03;
+  }
 }
 
 .#{$block-class}__error-label,
@@ -53,6 +59,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--full-page-error;
 }
 
 .#{$block-class}__error-label {
+  display: block;
   color: $text-error;
 }
 .#{$block-class}__error-title {
@@ -64,3 +71,14 @@ $block-class: #{c4p-settings.$pkg-prefix}--full-page-error;
 
   margin-bottom: $spacing-07;
 }
+
+// safari rendering fix
+.#{$block-class}__error-svg-container svg.#{$block-class}__error-svg {
+  width: 100%;
+}
+
+// svg theme styles
+.#{$block-class}__error-svg-container svg.#{$block-class}__error-svg path {
+  fill: $background;
+  stroke: $border-inverse;
+}

package/scss/components/ProductiveCard/_productive-card.scss

@@ -99,6 +99,6 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
   }
 
   .#{$block-class}__header-container {
-    align-items: start;
+    align-items: flex-start;
   }
 }

package/scss/components/UserAvatar/_user-avatar.scss

@@ -24,6 +24,7 @@
 $block-class: #{$pkg-prefix}--user-avatar;
 
 .#{$block-class} {
+  position: relative;
   display: flex;
   width: 4rem;
   height: 4rem;
@@ -35,16 +36,18 @@ $block-class: #{$pkg-prefix}--user-avatar;
   outline-offset: 3px;
 }
 
-@mixin setBgColor($color) {
-  // stylelint-disable-next-line carbon/theme-token-use
-  background-color: $color;
-
-  &:focus {
+.#{$block-class}__tooltip {
+  &:focus-within .#{$block-class} {
     // stylelint-disable-next-line carbon/theme-token-use
     outline: 2px solid $focus;
   }
 }
 
+@mixin setBgColor($color) {
+  // stylelint-disable-next-line carbon/theme-token-use
+  background-color: $color;
+}
+
 .#{$block-class}--light-cyan {
   @include setBgColor($cyan-50);
 }

package/es/components/Datagrid/Datagrid/addons/Slug/ColumnHeaderSlug.d.ts

@@ -1,2 +0,0 @@
-export const ColumnHeaderSlug: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';

package/es/node_modules/@carbon/icon-helpers/es/index.js

@@ -1,140 +0,0 @@
-/**
- * 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.
- */
-
-import { typeof as _typeof } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-var _excluded = ["width", "height", "viewBox"],
-  _excluded2 = ["tabindex"];
-/**
- * Copyright IBM Corp. 2018, 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.
- */
-
-var defaultAttributes = {
-  // Reference:
-  // https://github.com/IBM/carbon-components-react/issues/1392
-  // https://github.com/PolymerElements/iron-iconset-svg/pull/47
-  // `focusable` is a string attribute which is why we do not use a boolean here
-  focusable: 'false',
-  preserveAspectRatio: 'xMidYMid meet'
-};
-
-/**
- * Get supplementary HTML attributes for a given <svg> element based on existing
- * attributes.
- */
-function getAttributes() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    width = _ref.width,
-    height = _ref.height,
-    _ref$viewBox = _ref.viewBox,
-    viewBox = _ref$viewBox === void 0 ? "0 0 ".concat(width, " ").concat(height) : _ref$viewBox,
-    attributes = _objectWithoutProperties(_ref, _excluded);
-  var tabindex = attributes.tabindex,
-    rest = _objectWithoutProperties(attributes, _excluded2);
-  var iconAttributes = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultAttributes), rest), {}, {
-    width: width,
-    height: height,
-    viewBox: viewBox
-  });
-
-  // TODO: attributes.title assumes that the consumer will implement <title> and
-  // correctly set `aria-labelledby`.
-  if (iconAttributes['aria-label'] || iconAttributes['aria-labelledby'] || iconAttributes.title) {
-    iconAttributes.role = 'img';
-
-    // Reference:
-    // https://allyjs.io/tutorials/focusing-in-svg.html
-    if (tabindex !== undefined && tabindex !== null) {
-      iconAttributes.focusable = 'true';
-      iconAttributes.tabindex = tabindex;
-    }
-  } else {
-    iconAttributes['aria-hidden'] = true;
-  }
-  return iconAttributes;
-}
-
-export { defaultAttributes, getAttributes };

package/es/node_modules/@carbon/icons-react/es/Icon.js

@@ -1,73 +0,0 @@
-/**
- * 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.
- */
-
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { getAttributes } from '../../icon-helpers/es/index.js';
-import PropTypes from '../../../prop-types/index.js';
-import React__default from 'react';
-
-var _excluded = ["className", "children", "tabIndex", "xmlns", "preserveAspectRatio"],
-  _excluded2 = ["tabindex"];
-
-/**
- * Copyright IBM Corp. 2019, 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.
- */
-var Icon = /*#__PURE__*/React__default.forwardRef(function Icon(_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    tabIndex = _ref.tabIndex,
-    _ref$xmlns = _ref.xmlns,
-    xmlns = _ref$xmlns === void 0 ? 'http://www.w3.org/2000/svg' : _ref$xmlns,
-    _ref$preserveAspectRa = _ref.preserveAspectRatio,
-    preserveAspectRatio = _ref$preserveAspectRa === void 0 ? 'xMidYMid meet' : _ref$preserveAspectRa,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _getAttributes = getAttributes(_objectSpread2(_objectSpread2({}, rest), {}, {
-      tabindex: tabIndex
-    })),
-    tabindex = _getAttributes.tabindex,
-    attrs = _objectWithoutProperties(_getAttributes, _excluded2);
-  var props = attrs;
-  if (className) {
-    props.className = className;
-  }
-  if (tabindex !== undefined && tabindex !== null) {
-    if (typeof tabindex === 'number') {
-      props.tabIndex = tabindex;
-    } else {
-      props.tabIndex = Number(tabIndex);
-    }
-  }
-  if (ref) {
-    props.ref = ref;
-  }
-  if (xmlns) {
-    props.xmlns = xmlns;
-  }
-  if (preserveAspectRatio) {
-    props.preserveAspectRatio = preserveAspectRatio;
-  }
-  return /*#__PURE__*/React__default.createElement('svg', props, children);
-});
-Icon.displayName = 'Icon';
-Icon.propTypes = {
-  'aria-hidden': PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['true', 'false'])]),
-  'aria-label': PropTypes.string,
-  'aria-labelledby': PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  preserveAspectRatio: PropTypes.string,
-  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  viewBox: PropTypes.string,
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  xmlns: PropTypes.string
-};
-
-export { Icon as default };